@font-face {
    font-family: la Compagnie des Ombres;
    src: url(../font/roboto/la_Compagnie_des_Ombres.ttf);
}
@font-face {
    font-family: LANENAR;
    src: url(../font/LANENAR.ttf);
}

html,
body,
header,
.view {
    height: auto !important;
    background-position: center 20% !important;
}

body {
    overflow-x: hidden !important;
    color: rgb(136,115,118) !important;
    font-family: 'Roboto Condensed', sans-serif; 
    font-weight: 300;
}

.mobile_only {
	display: none;
}

.container {
    width: 100%;
}
.blocksatz {
    text-align: justify;
}
.zeropadding {
	padding: 0;
}

.zeropadding_right {
	padding-right: 0;
}

.zeropadding_left {
	padding-left: 0;
}
.accordion_inner_ref {
    display: block;
    font-family: PraxisLTRegular;
    color: rgb(35,47,98);
    text-decoration: underline;
    transition: all 1s ease;
}
.accordion_inner_ref:hover {
    color: rgb(206,19,66);
    text-decoration: underline;
}
.accordion_inner_fa {
    color: rgb(206,19,66);
    margin-right: 0.2vw;
    background-color: transparent !important;
    padding: 0 !important;
}
.accordion {
    height: auto;
    width: 100%;
    margin: 0;
    margin-bottom: 1vw;
}
.accordion ul {
    margin-left: 1vw;
}
.accordion_div {
    margin-bottom: 1vw;
}
.accordion_box {
    padding-right: 9vw;
}
.accordion_btn {
    display: flex;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    color: rgb(156, 35, 96);
    background-color: transparent;
    width: 100%;
    text-align: left;
    padding: 0;
    border: 0.105vw solid rgb(156, 35, 96);
    height: 3.3vw;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}
.acc_btn_active {
    color: rgb(253, 250, 252);
    background-color: rgb(156, 35, 96);
    font-weight: 400;
    text-transform: uppercase;
}
.accordion span {
    padding-top: 0.25vw;
}
.accordion_btn svg {
    margin-right: 1vw;
    font-size: 1.5vw;
    width: 3vw !important;
    height: 3.2vw;
    color: rgb(255, 255, 255);
    background-color: rgb(156, 35, 96);
    padding-top: 0.75vw;
    padding-bottom: 0.75vw;
    margin-left: -0.01vw;
}
.hiddenvis {
	visibility: hidden;
}

.zeromargin {
	margin: 0 !important;
}

#lightbox {
    display: none;
}
/* Navigation*/

.navbar {
    background-color: white;
    /* border-bottom: 1px solid rgb(136, 115, 118); */
    box-shadow: 0px 0px 0px black;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}

.navbar.navbar-dark .breadcrumb a, 
.navbar.navbar-dark .navbar-nav .nav-item a {
    color: rgb(136,115,118);
    text-transform: uppercase;
    font-size: 1.55vw;
	font-weight: lighter;
	padding-top: 1rem;
	transition: all ease 1s;
}
.navbar .dropdown-menu {
    top: 4.7vw;
    padding-right: 1vw;
    padding-left: 1vw;
}
.navbar .dropdown-menu a {
    padding-top: 0.3vw !important;
    padding-bottom: 0.3vw !important;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
    color: rgb(156,35,96) !important;
}
.navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a {
    color: rgb(136,115,118);
}
.nav-item .active {
    color: rgb(156,35,96) !important;
}

#mainnav .nav-item {
    margin-left: 2vw;
}

.navbar.navbar-dark .breadcrumb a:hover, 
.navbar.navbar-dark .navbar-nav .nav-item a:hover {
    color: rgb(156,35,96);
}

.navbar-brand object {
    width: 4vw;
    height: auto;
}
.navbar-brand {
    padding-top: 0.35vw;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 1vw;
}
.navbar-brand object {
    z-index: -1;
    pointer-events: none;
    display: inline-block;
}
#navbarNav1 {
    width: 90%;
    margin-left: auto !important;
}

#nav_termin{
	font-size: 1.35vw;
	font-weight: lighter;
	margin-bottom: 0;
}

#nav_tel {
	color: rgb(156,35,96);
	font-weight: normal;
	font-size: 1.35vw;
}

.nav-flex-icons img {
    margin-top: 10px;
    margin-right: 20px;
    transition: all ease 1s;
    width: 2.5vw;
    height: 2.5vw;
}

#nav_icons_mobileonly img {
    width: 7vw;
    height: 7vw;
}

.nav-flex-icons a {
    margin-right: 0 !important;
    transition: all ease 1s;
}

#nav_img  {
    margin-right: 15px;
    margin-top: 10px;
    width: 2.5vw;
    height: 2.5vw;
}

#nav_img_mobileonly  {
    display: none;
}

#nav_contact_mobileonly {
    display: none;
}

#nav_icons_mobileonly {
	display: none;
}
.hide {
    display: none;
}
.show {
    display: block !important;
}
.top-nav-collapse {
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
/* ALL 14pt font-sizes */
#submit, .md-form label, .list-unstyled li {
    font-size: 0.973vw;
}
/* ALL 18pt font-sizes */
body, .form-check-label, #seminare-bottom h4 {
    font-size: 1.25vw;
}
/* ALL 24pt font-sizes */
#first_section h1, #naegel h3, #naegel h2, #seminare h2, 
.seminare h3, .seminare h4, #impressum h1, #impressum h2, #impressum h3,
#schulungsangebote h3, .schulung_angebote, .schulung_angebote_bottom, .schulung_angebote_bottom.second,
.ui-datepicker-prev::before, .ui-datepicker-next::before, .accordion span {
    font-size: 1.675vw;
}
/* ALL 55.51pt font-sizes */
#header_right p {
    font-size: 3.85vw;
}
#header_left {
    background-color: rgb(248, 246, 247);
    height: auto;
    background: url("../img/header_left_woman.png")no-repeat center center scroll;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: 100% 100%;
}

#motto_mobileonly {
	display: none;
}

#header_left object {
    margin-top: 18vw;
    margin-left: 4vw;
    width: 45%;
    height: auto;
}

#header_right {
    background-color: rgb(156, 35, 96);
    height: auto;
    background-image: url('../img/intro-bg.png');
    background-position: 90% 0%;
    background-repeat: no-repeat;
    background-size: 41vw;
}
#header_right p {
    color: white;
    width: 60%;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-top: 14vw;
    font-weight: lighter;
    font-family: LANENAR;
    margin-bottom: 11vw;
}
/*
#header_right p {
	color: white;
	width: 60%;
	margin: 0 auto;
	margin-top: 17rem;
	font-weight: lighter;
	font-family: 'Lane - Narrow', arial;
}
*/
#first_section {
    height: 100%;
    padding-bottom: 5vw;
}

#first_section a {
	color: rgb(136,115,118);
	font-weight: lighter;
	text-decoration: underline;
	transition: all ease 1s;
}
#first_section a:hover {
	color: rgb(156,35,96);
}
#first_section h1 {
	color: rgb(136,115,118);
	font-weight: 400;
	margin-bottom: 5%;
    text-align: right;
    text-transform: uppercase;
    margin-top: 5vw;
}

#first_section p {
	color: rgb(136,115,118);
}
#first_section .quote {
    margin-top: 5vw;
    font-style: italic;
    font-weight: 400;
}
#first_section small {
    font-weight: 300;
}
/*
#first_section small {
    font-size: 3.33vw;
    font-weight: lighter;
    color: rgb(156,35,96);
    float: right;
    font-family: 'la Compagnie des Ombres', sans-serif;
    margin-bottom: 15%;
}
*/
#liliana_dubau {
	width: 80% !important;
	height: auto !important;
	margin-top: 0 !important;
	display: block;
	margin: 0 auto;
	margin-top: 5vw !important;
}
#naegel h2 {
    font-weight: 400;
    margin-bottom: 2vw;
    text-transform: uppercase;
}
#naegel h3 {
    color: rgb(156,35,96);
    font-weight: 400;
    margin-bottom: 1.5vw;
    text-transform: uppercase;
}
#naegel .padding-right {
    padding-right: 5.5vw;
}
#naegel .padding-left {
    padding-left: 3vw;
}
#naegel .padding-left02 {
    padding-left: 5vw;
}
#naegel .padding-top {
    padding-top: 3vw;
}
#naegel ul {
    padding: 0;
    margin-bottom: 3vw;
}
.einzelcoaching-ul {
    margin-bottom: 2vw !important;
}
.naegel-vorteile {
    margin-left: 1.3vw;
}
.naegel-vorteile li {
    padding-left: 3vw;
}
.bleaching {
    margin-top: 2vw;
}
.einzelcoaching {
    margin-bottom: 2vw;
}
#naegel ul li {
    font-weight: 400;
    color: rgb(107,94.96);
}
.naegel-vorteile li {
    font-weight: 300 !important;
    color: rgb(107,94.96);
    list-style-type: disc;
}
.naegel-regular {
    font-weight: 400;
    color: rgb(107,94.96);
}
.naegel-img {
    width: 100%;
    height: auto;
}
#naegel {
    height: 100%;
    background-color: rgb(203, 202, 197);
    padding-top: 6vw;
    padding-bottom: 6vw;
}
#seminare {
    padding-top: 5vw;
    padding-bottom: 5vw;
}
#seminare .padding-left {
    padding-left: 2vw;
}
#seminare .padding-right {
    padding-right: 2vw;
}
#seminare strong {
    font-weight: 400;
}
#seminare h2 {
    font-weight: 400;
    margin-bottom: 4vw;
}
#seminare .schulung_anmelden {
    margin-top: 5vw;
    margin: 0 auto;
    display: block;
    float: none;
    clear: both;
    width: auto;
    display: table;
}
#calendar-form-events {
    display: none;
    margin-bottom: 2vw;
}
#calendar-events {
    display: none;
}
.calendar-active {
    display: block !important;
}
#calendar-form-events .form-check-input {
    margin-top: 0.65vw;
    margin-left: 0px;
}
#calendar-form-events .form-check-label {
    padding-left: 1.5vw;
}
#calendar-form-events-01 {
    display: none;
}
#calendar-form-events-02 {
    display: none;
}
/* Contact Form */
.md-form i  {
    position: absolute;
    top: 0.6vw;
}
.md-form label {
    margin-left: 2vw;
    top: 0.5vw;
    font-family: 'Roboto Condensed', sans-serif;
}
.md-form input {
    height: 2vw;
    margin-left: 2vw;
    font-family: 'Roboto Condensed', sans-serif;
}
.seminare .hide {
    display: none;
}
i.btn-success {
    background-color: rgb(156,35,96) !important;
}
.btn-success:active, .btn-success:focus, .btn-success:hover {
    background-color: rgb(156,35,96) !important;
}
input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), 
input[type="email"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), 
input[type="password"]:focus:not([readonly]), input[type="search-md"]:focus:not([readonly]), 
input[type="search"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), 
input[type="text"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), 
input[type="url"]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid rgb(156,35,96);
    box-shadow: 0 1px 0 0 rgb(156,35,96);
}
#submit {
    font-family: 'Roboto Condensed', sans-serif;
    background-color: rgb(156,35,96) !important;
}
.list-unstyled {
    margin-left: 2vw;
    padding: 0vw !important;
}
.list-unstyled li {
    list-style-image: none !important;
    color: rgb(204, 0, 0);
    font-weight: bold;
}
#kontakt-nachricht-base, #kontakt-nachricht-refill,
#kontakt-nachricht-naturnagel, #kontakt-nachricht-professional,
#kontakt-nachricht-intensiv, #kontakt-nachricht-lifestyle,
#kontakt-nachricht-henna, #kontakt-nachricht-bleaching,
#kontakt-nachricht-wimpern-1d, #kontakt-nachricht-wimpern-1d-2d-3d {
    display: none;
}
/* ./Contact Form */
/* JQuery UI Ddatepicker */
#datepicker {
    height: auto;
    display: inline-block;
    margin-bottom: 1vw;
    margin-left: -0.4vw;
}
.ui-widget.ui-widget-content {
    border: 0;
}
.ui-widget-header {
    border: 0;
    background: rgb(203, 202, 197);
}
.ui-datepicker .ui-datepicker-title,
.ui-datepicker th, .ui-state-default, .ui-widget-content .ui-state-default {
    color: rgb(136,115,118);
    font-family: 'Roboto Condensed', sans-serif;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    color: rgb(255, 255, 255);
    font-weight: 600;
    background-color: rgb(156,35,96) !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, 
.ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0;
    background: rgb(203, 202, 197);
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 2.7vw;
    height: 2.7vw !important;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
  background-image: none !important;
}
.ui-datepicker a:not([href]):not([tabindex]):focus, 
.ui-datepicker a:not([href]):not([tabindex]):hover {
    background-color: transparent;
}
.ui-datepicker-prev::before, 
.ui-datepicker-next::before {
    color: rgb(156, 35, 96);
    font-family: FontAwesome;
    font-weight: 900;.
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: normal;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.ui-datepicker-prev:before {
  content: "\f053";
}
.ui-datepicker-next:before {
  content: "\f054";
}
/* MDB Buttons */
.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}
.form-check-input[type="radio"]:checked + label, .form-check-input[type="radio"]:not(:checked) + label, label.btn input[type="radio"]:checked + label, label.btn input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 1.5vw;
    padding-right: 0.25vw;
    cursor: pointer;
    display: inline-block;
    height: 1.5625rem;
    line-height: 1.5625rem;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-check-label {
    margin-bottom: 0;
}
.form-check-input[type="radio"]:checked+label:after {
    border-color: #00C851;
    background-color: #00C851;
}
.form-check-input[type="radio"].with-gap:checked+label:before {
    border-color: #00C851;
}
.form-check-input[type="radio"]:checked+label:after {
    border-color: #00C851;
    background-color: #00C851;
}
.form-check-input[type="radio"]:checked + label::before, label.btn input[type="radio"]:checked + label::before {
    border: 2px solid transparent;
}
.form-check-input[type="radio"].with-gap:checked + label::after, .form-check-input[type="radio"].with-gap:checked + label::before, .form-check-input[type="radio"]:checked + label::after, .form-check-input[type="radio"]:checked + label::before, .form-check-input[type="radio"]:not(:checked) + label::after, .form-check-input[type="radio"]:not(:checked) + label::before, label.btn input[type="radio"].with-gap:checked + label::after, label.btn input[type="radio"].with-gap:checked + label::before, label.btn input[type="radio"]:checked + label::after, label.btn input[type="radio"]:checked + label::before, label.btn input[type="radio"]:not(:checked) + label::after, label.btn input[type="radio"]:not(:checked) + label::before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.form-check-input[type="radio"] + label::after, .form-check-input[type="radio"] + label::before, label.btn input[type="radio"] + label::after, label.btn input[type="radio"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}
.radio-green [type="radio"]:checked + label::after {
    border-color: #00C851;
    background-color: #00C851;
}
.form-check-input[type="radio"]:checked + label::after, label.btn input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
.form-check-input[type="radio"].with-gap:checked + label::after, .form-check-input[type="radio"]:checked + label::after, label.btn input[type="radio"].with-gap:checked + label::after, label.btn input[type="radio"]:checked + label::after {
    background-color: rgb(203, 202, 197);
}
.form-check-input[type="radio"].with-gap:checked + label::after, .form-check-input[type="radio"].with-gap:checked + label::before, .form-check-input[type="radio"]:checked + label::after, label.btn input[type="radio"].with-gap:checked + label::after, label.btn input[type="radio"].with-gap:checked + label::before, label.btn input[type="radio"]:checked + label::after {
    border: 2px solid rgb(203, 202, 197);
}
.form-check-input[type="radio"].with-gap:checked + label::after, .form-check-input[type="radio"].with-gap:checked + label::before, .form-check-input[type="radio"]:checked + label::after, .form-check-input[type="radio"]:checked + label::before, .form-check-input[type="radio"]:not(:checked) + label::after, .form-check-input[type="radio"]:not(:checked) + label::before, label.btn input[type="radio"].with-gap:checked + label::after, label.btn input[type="radio"].with-gap:checked + label::before, label.btn input[type="radio"]:checked + label::after, label.btn input[type="radio"]:checked + label::before, label.btn input[type="radio"]:not(:checked) + label::after, label.btn input[type="radio"]:not(:checked) + label::before {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.form-check-input[type="radio"] + label::after, .form-check-input[type="radio"] + label::before, label.btn input[type="radio"] + label::after, label.btn input[type="radio"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.1vw;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}
.form-check-input[type="radio"]:not(:checked) + label::after, .form-check-input[type="radio"]:not(:checked) + label::before, label.btn input[type="radio"]:not(:checked) + label::after, label.btn input[type="radio"]:not(:checked) + label::before {
    border: 2px solid rgb(203, 202, 197);
}
[type="radio"]:checked, [type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
/* MDB Buttons */
/* ./JQuery UI Ddatepicker */
#schulung {
    height: 100%;
    background-color: rgb(156, 35, 96);
    background-image: url('../img/intro-bg.png');
    background-position: 58% 85%;
    background-repeat: no-repeat;
    background-size: 45vw;
}

#schulung h1{
	font-size: 2.085vw;
    padding-top: 20%;
    padding-bottom: 5%;
    text-transform: uppercase;
    font-weight: normal;
}

#schulung p {
    padding-bottom: 5%;
	font-weight: lighter;
}
#schulung .m-auto {
    display: table;
}

.schulung_angebote, .schulung_angebote_bottom.second{
    background-color: rgb(255, 255, 255);
    padding: 20px;
    border: 1px solid rgb(156, 35, 96);
    margin: 0 auto;
        margin-right: auto;
        margin-left: auto;
    display: block;
    width: auto;
    text-align: center;
    color: rgb(102, 102, 102);
    transition: all ease 1s;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Roboto Condensed', sans-serif;
    float: left;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    padding-left: 2vw;
    padding-right: 2vw;
}

.schulung_angebote:hover, .schulung_angebote_bottom:hover, schulung_angebote_bottom.second:hover {
	background-color: rgb(241, 240, 240);
    color: rgb(156,35,96);
}

.schulung_angebote_bottom {
	background-color: rgb(255, 255, 255);
    padding: 20px;
	border: 1px solid rgb(156, 35, 96);
	margin: 0 auto;
	display: block;
	width: auto;
	margin-top: 80px;
	text-align: center;
	color: rgb(102, 102, 102);
	float: right;
	transition: all ease 1s;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Roboto Condensed', sans-serif;
	float: left;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    padding-left: 2vw;
    padding-right: 2vw;
}
.schulung_angebote_bottom.second {
    margin-bottom: 2rem;
}
.unterseite-nav {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
.seminare {
    min-height: 100vh;
    padding-top: 11vw;
    padding-bottom: 6vw;
}
.seminare-desc {
    padding-right: 2vw;
}
.nageldesign-seminare {
    padding-top: 5vw;
    padding-bottom: 5vw;
}
.nageldesign-seminare.greybg input {
    border-bottom: 1px solid rgb(156,35,96);
}
.nageldesign-seminare.greybg input[type="submit"] {
    border-bottom: none;
}
.nageldesign-seminare.greybg {
    background-color: rgb(203, 202, 197);
}
.nageldesign-seminare.first {
    padding-top: 11vw;
}

.seminare p {
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 0;
}

.seminare h3 {
    font-family: 'Roboto Condensed', sans-serif; 
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 5vw;
}
.seminare h4 {
    font-family: 'Roboto Condensed', sans-serif; 
    font-weight: normal;
}
.seminare_h3_dauer {
	font-weight: lighter;
	font-style: italic;
}

.seminare ul li {
	list-style-image: url('../img/icon_dialog_ul.png')
}

.seminare ul {
    padding: 20px;
    margin-bottom: 0;
}

#power-intensiv_seminar_dialog h4 {
	text-transform: uppercase;
}

.schulung_anmelden {
    padding: 20px;
    background-color: rgb(156, 35, 96);
    color: rgb(255, 255, 255) !important;
    margin-top: 5%;
	text-transform: uppercase;
	transition: all ease 1s;
}

.schulung_anmelden:hover {
    background-color: rgb(180, 174, 175);
    color: rgb(156, 35, 96);
}

#schulungsangebote h3, .schulung_angebote_bottom, .schulung_angebote_bottom.second{
	text-align: center;
	margin-top: 10%;
	font-weight: normal;
	text-transform: uppercase;
    color: rgb(255,255,255);
}

#schulungsangebote p, .schulung_angebote_bottom, .schulung_angebote_bottom.second{
	text-align: center;
	font-weight: lighter;
	margin-top: 2rem;
    color: rgb(255,255,255);
}

#fourth_section {
    height: 100%;
    padding-bottom: 7vw;
    padding-top: 2vw;
}
#fourth_section p {
    margin-bottom: 3vw;
    margin-left: 12vw;
}
#fourth_section img {
    margin-top: 10px;
    margin-right: 20px;
    transition: all ease 1s;
    width: 2.5vw;
    height: 2.5vw;
}

#fourth_section a {
    color: rgb(136,115,118);
    transition: all 1s ease;
}

#fourth_section a:hover {
    color: rgb(156,35,96);
}

#fourth_section .nav-flex-icons {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 15.5vw !important;
}

#fourth_section object {
    width: 25vw;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 5vw;
    margin-bottom: 3vw;
}

#fourth_section_left {
    background-color: rgb(255, 255, 255);
	height: 26.5vw;
}

#fourth_section_right {
    height: 26.5vw;
}

#fourth_section_contact {
    width: 100%;
    margin: 0 auto;
}

#fourth_section_street {
    width: 18%;
    float: left;
    color: white;
    margin-bottom: 1.2rem;
    font-size: 1.25vw;
    font-weight: lighter;
    margin-left: 29%;
}

#fourth_section_mail {
    width: 53%;
    float: right;
    color: white;
    margin-bottom: 1.2rem;
    font-size: 1.25vw;
    font-weight: lighter;
}

#fourth_section_oeffnungszeiten {
    color: white;
    margin-bottom: 1.2rem;
    font-size: 1.25vw;
    font-weight: lighter;
    text-align: center;
    float: none;
	clear: both;
}

#fourth_section_social01, #fourth_section_social02 {
	width: 40%;
}

#fourth_section_social02 {
	width: 20%;
}

#fourth_section_tel {
	text-decoration: none !important;
}

#fourth_section ul li {
    float: left;
    margin-right: 1vw;
    margin-bottom: 1.5vw;
}

#fourth_section_social {
    width: 21vw;
    height: 3vw;
    margin: 0 auto;
}

#fourth_section ul li img{
    width: 2.5vw;
	height: 2.5vw;
}

#fourth_section_logo {
    margin: 0 auto;
    margin-top: 1.5vw;
    margin-bottom: 2rem;
    display: block;
    width: 21.9vw;
	height: auto;
}

iframe {
    margin-top: 2vw;
    float: right;
    width: 38vw;
    height: 27.5vw;
}

#icon_mail_white {
	float: right;
}

#icon_gplus_white {
	float: left;
}

footer {
    padding: 10px;
    background-color: whitesmoke;
    font-family: 'Roboto Condensed', sans-serif;
} 

footer a {
    color: rgb(136,115,118);
    margin: 0 auto;
    transition: all 1s ease;
}
footer a:hover {
    color: rgb(156,35,96);
}

#impressum_div {
    margin-top: 0.7rem;
}

#impressum {
    margin-top: 5%;
    padding-bottom: 0;
}

#impressum h2, #impressum h1 {
    font-weight: 400;
}
#impressum h3 {
    color: rgb(156,35,96);
    font-weight: 400;
}

#impressum .ref {
    color: rgb(136,115,118);
    transition: all 1s ease;
}
#impressum .ref:hover {
    color: rgb(156,35,96);
}
#impressum .ref-underline {
    color: rgb(136,115,118);
    text-decoration: underline;
    transition: all 1s ease;
}
#impressum .ref-underline:hover {
    color: rgb(156,35,96);
}

#impressum_link{
    text-align: center;
}

#impressum_link p {
    width: 17%;
    margin: 0 auto;
    text-decoration: underline;
}

#impressum .text-left {
    margin-top: 50px;
}

#impressum .col-lg-8 {
    margin-top: 50px;
}
#seminare-bottom {
    background-color: rgb(203, 202, 197);
    padding-top: 2vw;
    padding-bottom: 2vw;
}
#seminare-bottom h4 {
    font-weight: 400;
    color: rgb(107,94,96);
}
#seminare-bottom a {
    color: rgb(136,115,118);
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    transition: all 1s ease;
}
#seminare-bottom a:hover {
    color: rgb(156,35,96);
    font-weight: 400;
}
#seminare-bottom object {
    width: 17.5vw;
    height: auto;
}
@media all and (min-width: 2000px) {
    .navbar .dropdown-menu {
        top: 4.55vw;
    }
}
@media all and (min-width: 1200px) {
    .container {
        width: 90vw;
        max-width: 100%;
    }
    .container-full {
        width: 100%;
        max-width: 100%;
    }
}

@media all and (max-width: 1800px){
	
	#header_left object {
    	width: 45%;
	}
}

@media all and (max-width: 1700px){

	#header_left object {
    	width: 42%;
	}

}

@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

	iframe {
        width: 40vw;
        margin-right: 5vw;
    }	
}

@media all and (max-width: 975px){

    /* ALL 14pt font-sizes */
    #submit, .md-form label, .list-unstyled li {
        font-size: 2.973vw;
    }
    /* ALL 18pt font-sizes */
    body, .form-check-label, #seminare-bottom h4 {
        font-size: 3.25vw;
    }
    /* ALL 24pt font-sizes */
    #first_section h1, #naegel h3, #naegel h2, #seminare h2, 
    .seminare h3, .seminare h4, #impressum h1, #impressum h2, #impressum h3,
    #schulungsangebote h3, .schulung_angebote, .schulung_angebote_bottom, .seond,
    .ui-datepicker-prev::before, .ui-datepicker-next::before, .accordion span {
        font-size: 3.675vw;
    }
    /* ALL 55.51pt font-sizes */
    #header_right p {
        font-size: 5.85vw;
    }

	.mobile_only {
		display: block;
	}

	.mobile_none {
		display: none;
	}
    .accordion {
        margin-bottom: 4vw;
    }
    .accordion_box ul {
        margin-left: 0;
    }
    .naegel-vorteile {
        margin-left: 4vw !important;
    }
    .accordion_btn {    
        height: 9vw;
    }
    .accordion_btn svg {
        width: 8.7vw !important;
        height: 8.7vw;
    }
    .accordion span {
        padding-top: 1.5vw;
        padding-left: 3.5vw;
    }
	.zeropadding_left {
	    padding-left: 0;
	    padding-right: 0;
	}

	html, body, header, .view {
	    height: auto !important;
	}
    .container.sm-small {
        width: 90%;
    }
    .mobile-none {
        display: none;
    }

	.navbar.navbar-dark .navbar-toggler {
	    color: #fff;
	    border: 2px solid rgb(156, 35, 96);
	    border-radius: 4px;
	    background-color: rgb(156, 35, 96);
	    margin-top: 2vw;
    	margin-right: 3vw;
	}

	#navbarNav1 {
    	width: 100%;
    	background-color: rgb(156,35,96);
    	clear: both;
        max-height: 90vw;
        overflow-y: scroll;
	}
    #navbarNav1 .dropdown-menu,
    #navbarNav2 .dropdown-menu {
        position: static !important;
        width: 100%;
        float: none;
        margin-top: 0;
        background-color: transparent;
        border: 0px solid black;
        box-shadow: 0 0 0;
    }
    #dropdownMenu1 {
        width: 100%;
    }
    .navbar.navbar-dark .breadcrumb a, .navbar.navbar-dark .navbar-nav .nav-item a {
        color: rgb(255,255,255) !important;
    }

	.navbar .navbar-brand {
	    float: left;
        width: auto;
        height: auto;
	}

	.navbar-brand object {
		width: 8.5vw;
        height: auto;
        margin-left: 1.5vw;
	}

	#mainnav {
    	padding-top: 5%;
	}

	#mainnav .nav-item {
    	margin-left: 0rem;
	}

	#mainnav .nav-item:hover {
    	background-color: rgb(180,174,175);
	}

	.navbar {
	    padding-right: 0;
	    padding-left: 0;
	    padding-bottom: 0;
	}

	#nav_termin_mobileonly {
    	font-size: 2.5vw;
		text-align: left;
		display: none;
		padding-top: 0%;
	}

	#nav_tel_mobileonly {
    	font-size: 2.5vw;
    	color: rgb(156,35,96);
	}

	#nav_contact, #nav_contact_mobileonly {
	    margin-top: 5%;
	}

	#nav_contact img {
	    display: none;
	}

	#nav_img_mobileonly {
		display: block;
	    float: left;
	    width: 5vw;
	    height: auto;
	    margin-top: 1vw;
	    margin-right: 2%;
	}

	#nav_contact_mobileonly #nav_termin_mobileonly {
		display: block;
		margin-bottom: 0;
	}

	#nav_contact .nav-item, #nav_contact_mobileonly .nav-item{
    	text-align: center;
	}

	#nav_contact_mobileonly {
	    display: block;
	    width: 31vw;
	    margin: 0 auto;
	    margin-top: 0.5vw;
	    margin-bottom: 1.5vw;
	}

	.navbar .nav-flex-icons {
		margin-right: 0.5rem;
	    width: 80%;
		margin: 0 auto;
	}

	#nav_icons {
		display: none;
	}
	
	#nav_icons_mobileonly {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.navbar .nav-flex-icons {
	    -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
	}

	.navbar.navbar-dark .navbar-nav .nav-item a {
    	font-size: 6vw;
    	text-align: center;
    	color: rgb(255,255,255);
	}

	.navbar.navbar-dark .navbar-nav .nav-item a:hover {
    	color: rgb(156,35,96);
	}

	.nav-flex-icons img {
	    margin-right: 0.5rem;
	    margin-bottom: 25px;
	    margin-top: 0;
	    width: 100%;
	    height: auto;
	}

	#nav_icons_mobileonly li {
		margin-left: 5vw;
	}

	#nav_termin {
    	display: none;
	}

	#nav_icons_mobileonly img {
        width: 5vw;
        height: 5vw;
	}

	.navbar .nav-flex-icons {
        width: 37%;
	}

	#header_left {
    	background-position: 80% 100%;
	}

	#header_left p {
		display: block;
	}

	#header_left object {
	    padding: 5px;
	    margin-left: 6vw;
	    width: 45%;
	    height: auto;
	    margin-top: 12rem;
	}

	#header_right {
    	display: none;
	}

	#motto_mobileonly {
        font-size: 6vw;
        font-weight: lighter !important;
        width: 90%;
        color: rgb(156,35,96);
        font-weight: normal;
        margin-top: 5vw;
        padding-left: 10px;
        margin-left: 5vw;
        margin-bottom: 10vw;
    }

	#liliana_dubau {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 5vw;
        margin-top: 5vw !important;
    }

	#first_section {
    	height: 100%;
        padding-bottom: 5vw;
        padding-top: 5vw;
	}
    #first_section h1 {
        margin-top: 10vw;
        text-align: center;
    }
    #first_section .text-right {
        text-align: center !important;
    }
    #naegel {
        padding-top: 10vw;
        padding-bottom: 10vw;
        background-size: 60vw;
        background-position: 100% 100%;
        background-image: url('../img/naegel/neagel-mobile.jpg');
    }
    #naegel .padding-left02 {
        padding-left: 0;
    }
    #naegel h2, #naegel h3 {
        margin-top: 5vw;
    }
    #naegel ul {
        margin-top: 5vw;
    }
    .naegel-vorteile li {
        padding-left: 0;
    }
    #naegel .padding-left {
        padding-left: 2vw;
        padding-right: 2vw;
    }
    #seminare {
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    .ui-datepicker-prev::before, .ui-datepicker-next::before {
        margin-top: 3.5vw;
    }
    .ui-datepicker-prev::before {
        margin-left: 3vw;
    }
    .ui-datepicker-next::before {
        margin-right: 3vw;
    }
    #datepicker, .ui-widget.ui-widget-content {
        width: 100% !important;
    }
    #schulung {
        padding-top: 5vw;
        padding-bottom: 12.5vw;
        background-size: cover;
    }
    #schulungsangebote h3, .schulung_angebote_bottom, schulung_angebote_bottom.second{
        margin-top: 5vw;
    }
    iframe {
        margin-top: 10vw;
        margin-bottom: -2vw;
        float: none;
        width: 100%;
        height: 60vw;
        clear: both;
    }
    #fourth_section_left,
    #fourth_section_right {
        height: auto;
    }
    #fourth_section {
        height: auto;
        padding-bottom: 0;
        padding-top: 5vw;
    }
    #fourth_section p {
        margin-left: 21.5vw;
        margin-top: 5vw;
    }
    #fourth_section object {
        width: 60vw;
    }
    #fourth_section .nav-flex-icons {
        display: block;
        margin-top: 5vw;
    }
    #fourth_section .nav-flex-icons {
        padding-left: 32.5vw !important;
    }
    #fourth_section ul li img {
        width: 7.5vw;
        height: 7.5vw;
    }
    #calendar-form-events .form-check-label {
        padding-left: 5vw;
    }
	.schulung_angebote, .schulung_angebote_bottom {
	    width: 100%;
        margin: 0;
        float: none;
        margin-bottom: 3vw;
	}
    #schulung .m-auto {
        margin: 0 !important;
        width: 100%;
    }

	.seminare {
	    width: 100% !important;
	    padding-top: 20vw;
        padding-bottom: 10vw;
	    left: 0px;
	}
    .seminare form {
        margin-top: 5vw;
    }
    .md-form i {
        top: 1vw;
    }
    .md-form input {
        height: 5vw;
        margin-left: 5vw;
    }
    .md-form label {
        margin-left: 5vw;
    }
    .seminare h4 {
        margin-top: 5vw;
    }
	.seminare h3 {
    	font-size: 5vw;
	}

	footer {
    	padding: 2vw;
        height: auto;
	}
    #impressum_div {
        margin-top: 0;
    }
    #seminare-bottom {
        text-align: center;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    #seminare-bottom object {
        width: 40vw;
        height: auto;
        margin-top: 5vw;
    }
    #seminare-bottom h4 {
        margin-top: 4vw;
    }
}

@media all and (max-width: 500px){

    /* ALL 14pt font-sizes */
    #submit, .md-form label, .list-unstyled li {
        font-size: 3.973vw;
    }
    /* ALL 18pt font-sizes */
    body, .form-check-label, #seminare-bottom h4 {
        font-size: 4.25vw;
    }
    /* ALL 24pt font-sizes */
    #first_section h1, #naegel h3, #naegel h2, #seminare h2, 
    .seminare h3, .seminare h4, #impressum h1, #impressum h2, #impressum h3,
    #schulungsangebote h3, .schulung_angebote, .schulung_angebote_bottom,
    .ui-datepicker-prev::before, .ui-datepicker-next::before, .accordion span {
        font-size: 4.675vw;
    }
    /* ALL 55.51pt font-sizes */
    #header_right p {
        font-size: 6.85vw;
    }

    .container.sm-small {
        width: 95%;
    }

	.zeropadding_right {
    	padding-right: 15px;
	}

	.zeropadding_mobile {
    	padding: 0;
	}

	.zeropadding {
		padding-right: 15px;
		padding-left: 15px;
	}
    .accordion {
        margin-bottom: 4vw;
    }
    .accordion_btn {    
        height: 12vw;
    }
    .accordion_btn svg {
        width: 11.7vw !important;
        height: 11.7vw;
    }
    .accordion span {
        padding-top: 2.25vw;
        padding-left: 3.5vw;
    }
	#nav_termin_mobileonly {
    	font-size: 3.5vw;
		text-align: left;
		display: none;
	}

	#nav_tel_mobileonly {
    	font-size: 3.5vw;
	}

	#nav_contact_mobileonly {
        width: 45vw;
	}

	#nav_termin_mobileonly {
    	font-size: 3.5vw;
	}

	.navbar .navbar-brand {
		margin-right: 5%;
	}

	#nav_img_mobileonly {
	    float: left;
	    width: 7vw;
	    height: auto;
	    margin-top: 3%;
	    margin-right: 2.5%;
	}

	.nav-flex-icons img {
	    width: 80%;
	    height: auto;
	}
    .navbar.navbar-dark .navbar-toggler {
        margin-top: 1vw;
    }
	.navbar-brand object {
        width: 12vw;
	}

	#nav_icons_mobileonly li {
		margin-right: 0;
		margin-left: 0;
	}

	#nav_icons_mobileonly img {
        width: 7vw;
        height: 7vw;
	}

	.navbar .nav-flex-icons {
        width: 25%;
	}

	#header_right, #header_left {
    	background-position: 65% 100%;
	}
    #header_left object {
        margin-left: 2vw;
        width: 55%;
    }
	#header_left object {
    	margin-top: 5rem;
	}
	#motto_mobileonly {
    	margin-top: 2rem;
        margin-left: 1vw;
	}
    #naegel {
        background-size: 52.5vw;
        background-position: 100% 100%;
    }
    .naegel-vorteile {
        margin-left: 4vw;
    }
    #naegel .padding-left {
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .ui-datepicker-prev::before, .ui-datepicker-next::before {
        margin-top: 4.5vw;
    }
    .ui-datepicker-prev::before {
        margin-left: 4vw;
    }
    .ui-datepicker-next::before {
        margin-right: 4vw;
    }
    .schulung_angebote, .schulung_angebote_bottom, {
        margin-bottom: 5vw;
    }
    #fourth_section p {
        margin-left: 11.5vw;
        margin-top: 7vw;
    }
    #fourth_section .nav-flex-icons {
        display: block;
        margin-top: 7.5vw;
    }
    #fourth_section .nav-flex-icons {
        padding-left: 25vw !important;
    }
    #fourth_section ul li img {
        width: 9.5vw;
        height: 9.5vw;
    }
    #calendar-form-events .form-check-label {
        padding-left: 7.5vw;
    }
    .seminare {
        padding-top: 25vw;
    }
    .md-form label, .md-form input {
        margin-left: 7vw;
    }
    #seminare-bottom object {
        width: 50vw;
        margin-top: 7.5vw;
    }
    #seminare-bottom {
        padding-top: 7.5vw;
        padding-bottom: 7.5vw;
    }
    #seminare-bottom h4 {
        margin-top: 6vw;
    }
}