
/* Custom changes NZE */

.nze-button-event {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Ebene_1' data-name='Ebene 1' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:white;stroke:transparent;stroke-miterlimit:10;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EIcons_KÖ-HAIR Web%3C/title%3E%3Cg id='Tickets'%3E%3Cpath class='cls-1' d='M166.2,114.18a3.71,3.71,0,0,0,5.24-5.24L222.39,58a8.34,8.34,0,0,1,11.77,0l29.26,29.26a19.43,19.43,0,0,0,27.19,27.19l29.26,29.26a8.34,8.34,0,0,1,0,11.77L277.39,198h7.85l38.55-38.56a13.89,13.89,0,0,0,0-19.62L294,109.93a4.62,4.62,0,0,0-6.21-.29,13.88,13.88,0,0,1-19.52-19.52,4.63,4.63,0,0,0-.29-6.21L238.09,54.07a13.9,13.9,0,0,0-19.63,0L74.59,198h7.84Z'/%3E%3Cpath class='cls-1' d='M43.31,248.85a8.34,8.34,0,0,1,0-11.78L55.43,225V217.1l-16,16.05a13.89,13.89,0,0,0,0,19.62l29.84,29.84,0,0a11.11,11.11,0,0,0,2.61-5.24Z'/%3E%3Cpath class='cls-1' d='M177,119.78a3.7,3.7,0,1,0,5.23,0A3.69,3.69,0,0,0,177,119.78Z'/%3E%3Cpath class='cls-1' d='M187.87,130.61a3.7,3.7,0,1,0,5.23,0A3.69,3.69,0,0,0,187.87,130.61Z'/%3E%3Cpath class='cls-1' d='M198.7,141.44a3.7,3.7,0,1,0,5.23,0A3.69,3.69,0,0,0,198.7,141.44Z'/%3E%3Ccircle class='cls-1' cx='212.14' cy='154.88' r='3.7'/%3E%3Cpath class='cls-1' d='M220.36,163.1a3.7,3.7,0,1,0,5.23,0A3.69,3.69,0,0,0,220.36,163.1Z'/%3E%3Cpath class='cls-1' d='M231.19,173.93a3.7,3.7,0,1,0,5.23,0A3.71,3.71,0,0,0,231.19,173.93Z'/%3E%3Cpath class='cls-1' d='M242,184.76a3.7,3.7,0,1,0,5.23,0A3.71,3.71,0,0,0,242,184.76Z'/%3E%3Cpath class='cls-1' d='M258.08,195.59a3.69,3.69,0,0,0-6.3,2.36h7.38A3.69,3.69,0,0,0,258.08,195.59Z'/%3E%3Cpath class='cls-1' d='M339.25,256.83v-42.2a13.89,13.89,0,0,0-13.88-13.87H72.12a13.89,13.89,0,0,0-13.88,13.87v42.2a4.62,4.62,0,0,0,4.19,4.6,13.88,13.88,0,0,1,0,27.61,4.62,4.62,0,0,0-4.19,4.6v42.2a13.89,13.89,0,0,0,13.88,13.87H325.37a13.89,13.89,0,0,0,13.88-13.87v-42.2a4.62,4.62,0,0,0-4.19-4.6,13.88,13.88,0,0,1,0-27.61A4.62,4.62,0,0,0,339.25,256.83ZM333.7,256a19.42,19.42,0,0,0,0,38.45v41.38a8.33,8.33,0,0,1-8.33,8.32H253.32a3.7,3.7,0,1,0-7.4,0H72.12a8.33,8.33,0,0,1-8.33-8.32V294.46a19.42,19.42,0,0,0,0-38.45V214.63a8.33,8.33,0,0,1,8.33-8.32h173.8a3.7,3.7,0,1,0,7.4,0h72.05a8.33,8.33,0,0,1,8.33,8.32Z'/%3E%3Cpath class='cls-1' d='M249.62,217.92a3.7,3.7,0,1,0,3.7,3.7A3.7,3.7,0,0,0,249.62,217.92Z'/%3E%3Cpath class='cls-1' d='M249.62,233.24a3.7,3.7,0,1,0,3.7,3.7A3.7,3.7,0,0,0,249.62,233.24Z'/%3E%3Cpath class='cls-1' d='M249.62,248.56a3.7,3.7,0,1,0,3.7,3.7A3.7,3.7,0,0,0,249.62,248.56Z'/%3E%3Cpath class='cls-1' d='M249.62,263.88a3.7,3.7,0,1,0,3.7,3.7A3.69,3.69,0,0,0,249.62,263.88Z'/%3E%3Cpath class='cls-1' d='M249.62,279.19a3.7,3.7,0,1,0,3.7,3.7A3.7,3.7,0,0,0,249.62,279.19Z'/%3E%3Cpath class='cls-1' d='M249.62,294.51a3.7,3.7,0,1,0,3.7,3.7A3.7,3.7,0,0,0,249.62,294.51Z'/%3E%3Cpath class='cls-1' d='M249.62,309.83a3.7,3.7,0,1,0,3.7,3.7A3.69,3.69,0,0,0,249.62,309.83Z'/%3E%3Cpath class='cls-1' d='M249.62,325.14a3.7,3.7,0,1,0,3.7,3.7A3.7,3.7,0,0,0,249.62,325.14Z'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 45px;
background-position: 12%;
}

.nze-button-termin {
background: url(/img/termin.png);
background-repeat: no-repeat;
background-size: 45px;
background-position: 12%;
}

.nze-button-far {
background: url(/img/far.png);
background-repeat: no-repeat;
background-size: 45px;
background-position: 12%;
}

.nze-button-br {
background: url(/img/brust.png);
background-repeat: no-repeat;
background-size: 45px;
background-position: 12%;
}
.nze-button-nr {
background: url(/img/nasenkorrekturrechner.png);
background-repeat: no-repeat;
background-size: 45px;
background-position: 12%;

}
@media (max-width:400px) {
.nze-button-nr {
line-height: 22px;
padding-top: 5px;
padding-bottom: 5px;
}
}

.nze-button-fr {
background: url(/img/faltenrechner.png);
background-repeat: no-repeat;
background-size: 45px;
background-position: 12%;
}

.nze-button-minimal {
background: url(/img/minimal.png);
background-repeat: no-repeat;
background-size: 45px;
background-position: 12%;
}

.nze-button-facial {
background: url(/img/koefacial.png);
background-repeat: no-repeat;
background-size: 45px;
background-position: 12%;
}

.nze-button-gutscheine {
background: url(/img/gutscheine.png);
background-repeat: no-repeat;
background-size: 45px;
background-position: 12%;
}

@media (min-width:620px) {
.nze-button-facial,	.nze-button-minimal, .nze-button-fr, .nze-button-br, .nze-button-nr, .nze-button-far, .nze-button-termin, .nze-button-gutscheine {
background-position: 25px!important;
}
	
}


html {
    font-family: "Quicksand", sans-serif;
}
.uk-button-large {width: 100%;
    padding-left: 105px;text-transform:uppercase!important;}
.uk-navbar-item {
height: 60px;
}
.uk-link, a {
color: #425762;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
border-color: #425762;
}
.uk-button-primary {
    background-color: #425762;
}.uk-button-primary:hover {
    background-color: rgba(66, 87, 98, 0.85);
}

.nze-mobile-expand {
padding:0!important;	
}
.uk-icon-link {color:#666;}

.uk-text-small {
font-size: 0.775rem;
}

@media (max-width:959px) {
.uk-table td {
padding: 16px 0px;
text-align: left;
}
.uk-table th {
text-align:center;
padding:0;
}
.nze-button {
background-color: transparent;
color: #333;
border: 1px solid #e5e5e5;
margin: 0;
border-radius: 0;
overflow: visible;
font: inherit;
text-transform: none;
display: inline-block;
box-sizing: border-box;
padding: 0 15px;
vertical-align: middle;
font-size: .875rem;
line-height: 38px;
text-align: center;
text-decoration: none;
transition: .1s ease-in-out;
transition-property: color,background-color,border-color;
    min-width: 200px;
}
}

.uk-navbar-item.uk-logo {
background: white;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
width: 125px;
position: fixed;
height: 100px;
padding: 0;
top: 0;
}
.uk-subnav>* {
padding-left: 10px;
}
.uk-subnav {
margin-left: -10px;
}

.uk-background-primary {
background-color: #425762;
}

.uk-text-primary {
color: #425762!important;
}

.uk-nav-default {
font-size: 1rem;
}
.uk-nav>li>a {
padding: 10px 0;
}
.uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover {
background: rgba(66, 87, 98, 0.05);
}
.uk-button {
text-transform:none;
}

.nze-phone-font {
border: 1px solid #1e87f0;
color: #1e87f0;
font-size: 17px;
}

#content.nze-mobile {
padding:0;
}

.uk-container.nze-mobile {
padding:0;
}

.nze-mobile .nze-appointment-table tr {
margin-bottom:20px;
background: rgba(66, 87, 98, 0.05);
border: 1px solid #e5e5e5;
padding-bottom: 10px;
position:relative;
}

.nze-padding-r-sm {
padding-right:5px;
}

.nze-appointment-table .nze-table-link {
text-align:right;
padding:0!important;
position: absolute;
right: 0;
bottom: 0;
}

.uk-table.nze-table td {
padding: 12px 8px;
font-size:14px;

}

.nze-header-back {
border-right: 1px solid #e5e5e5;
padding:10px;
}

.nze-heading-title {
line-height: 36px;
padding-left:15px;
vertical-align: middle;
}
.nze-head-grid h4 {
padding: 12px;
}

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

body, html, #top-head {
background:#f7f7f7;
}

#top-head {
z-index: 9;
top: 0;
left:0;
right:0;
}
/* Left bar */
#left-col {
position: fixed;
left: 0;
/* Height of the navbar default */
top:80px;
bottom:0;
overflow-x: hidden;
overflow-y: auto;
background-color: #222;
width: 280px;
z-index:1;
}
#content {
margin-left: 0;
margin-top: 60px;
padding: 30px 0 0 0;
background-color: #f7f7f7;
-webkit-transition: margin 0.3s cubic-bezier(.4,0,.2,1);
transition: margin 0.3s cubic-bezier(.4,0,.2,1);
}
/* Some space in the left bar */
.bar-content {
padding: 30px;
}
/* Remove margin top from nav dropdown */
#top-head [class*="uk-navbar-dropdown-bottom"] {
margin-top: 0;
}
.profile-bar {
border-bottom: 1px solid rgba(255,255,255,0.07);
padding: 1rem 30px;
}
.bar-bottom {
border-top: 1px solid rgba(255,255,255,0.07);
padding: 15px 0;
display:none;
}
@media screen and (min-height: 730px){
.bar-bottom {
display:block;
}
}
.profile-img {
width: 65px;
border: 3px solid rgba(0,0,0,0.1);
}
/* Search nav */
.search-field {
width: 160px;
-webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: all 0.25s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
/* Search Effect on focus */
.search-field:focus {
width: 170px;
border-color: #fff !important;
}
/* Remove shadow from card */
.uk-card {
box-shadow: none;
}
.uk-heading-primary {
letter-spacing: -0.028em;
font-weight: 300;
}
/* Smooth shadow transition in card */
.uk-card {
-webkit-transition: box-shadow 0.5s ease-out;
transition: box-shadow 0.5s ease-out;
}

.uk-offcanvas-bar {
width: 100%;
background: #425762;
}
.uk-offcanvas-bar .uk-nav-default>li>a {
color: rgba(255,255,255,1);
}

.nze-home-titles {
margin-top: 15px;
line-height: 20px;
font-size: 18px;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; 
}

.nze-home .uk-grid-divider, .nze-home .uk-grid-divider>* {
margin-left: 0px;
padding-left:0px;
}

.nze-home .uk-grid-divider>:not(.uk-first-column)::before {
left: 0px;
}