/*Übergreifende Objekte*/
/*Style body*/
body, html {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
}
/*Style "top" container*/
header {
    background-color: none;
    text-align: center;
}
#HeaderLogo {
    display: inline-block;
}
#HeaderLogo img {
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: inherit;
}
@media screen and (max-width: 700px) {
    #HeaderLogo img {max-width: 70%;}
}
@media screen and (max-width: 500px) {
    #HeaderLogo img {max-width: 50%;}
}
/*Header image first page*/
#scissorandcomb {
    border-top-style: double;
    border-bottom-style: double;
    border-color: rosybrown; 
}
/*Header image Gallery*/
#Montecore {
    border-top-style: double;
    border-bottom-style: double;
    border-color: rosybrown;
}
#Montecore img {
    max-width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
#scissorandcomb img {
    max-width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
#top {
    background:rosybrown;
    width: 100%;
    text-align: right;
    transition: 300ms all;
    margin-top: 1rem;
    height: 3rem;
    margin-bottom: 1rem;
}
#top nav#normal {
    color: black;
    display: inline-block;
    padding: auto;
    width: 100%;
    text-align: center;
    margin-top: 0.2rem;
}
#top nav#normal ul {
    margin: 0;
    padding: 0;
    transition: all 300ms;
    display: inline-block;
}
#top nav#normal ul li {
    margin: 0;
    padding: 0;
    float: left;
    list-style:none;
    position: relative;
    transition: all 300ms;
    border-width: thin;
    margin-left: 1rem;
    margin-right: 2rem;
}
#top nav#normal ul li a {
    padding: 0.5rem;
    text-decoration: none;
    color: black;
    float: right;
    min-width: 5rem;
    text-align: center;
    font-size: 1.5rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
}
#top nav#normal ul li a:hover {
    color: white;
}
#top nav#mobile {
    display: none;
    color: black;
}
#top nav #Menu {
    text-align: center;
    padding: auto;
    width: 100%;
    font-size: 1.75rem;
    color: black;
    cursor: pointer;
    font-weight: 300;
    transition: all 500ms;
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin-top: 1rem;
    padding-top: 0.4rem;
}
#top nav#mobile ul {
    margin: 0;
    padding: 0;
    max-height: 0;
    transition: all 500ms;
    overflow: hidden;
    float: right;
    width: 100%;
    margin-top: 1rem;
}
#top nav#mobile:focus ul {
    max-height: 500rem;
    outline: none;
}
#top nav#mobile:focus {
    outline: none;
}
#top nav#mobile ul li {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: white;
    min-width: 2rem;
    text-align: right;
    font-size: 1.5rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    display: block;
    text-align: center;
}
#top nav#mobile ul li a {
    padding: 0.5rem;
    text-decoration: none;
    color: black;
    font-size: 1.5rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
}
#top nav#mobile ul li a:hover {
    color: rosybrown;
}
@media screen and (min-width: 500px) {
    body, html {
        font-size: 47%;
    }
}
@media screen and (min-width: 600px) {
    body, html {
        font-size: 53%;
    }
}
@media screen and (min-width: 800px) {
    body, html {
        font-size: 57%;
    }
}
@media screen and (min-width: 1200px) {
    body, html {
        font-size: 70%;
    }
}
@media screen and (max-width: 800px) {
    #top nav#normal {display: none;}
}
@media screen and (max-width: 800px) {
    #top nav#mobile {display: block;}
}
#Writtenby {
    text-align: center;
    font-style: italic;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    /*margin-bottom: 1.5rem;*/
}
#Writtenby a {
    color: black;
    text-decoration: none;
    background: none;
    font-size: 1rem;
}
#Writtenby:hover a {
    color: rosybrown;
}
footer {
    display: block;
    color: black;
}
#ImpressumDatenschutz a {
    color: black;
    text-align: center;
    margin: 5px;
    display: inline-block;
    padding-top: 12.3px;
    padding-bottom: 12.3px;
    font-size: 1.2rem;
}
#ImpressumDatenschutz a:hover {
    color: white;
}
#ImpressumDatenschutzFrame {
    text-align: center;
    border-top-style: double;
    border-bottom-style: double;
    border-top-color: rosybrown;
    border-bottom-color: rosybrown;
}
#ImpressumDatenschutz {
    background-color: rosybrown;
    text-align: center;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
#SocialMedia {
    background-color: rosybrown;
    text-align: center;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
#SocialMedia img {
    color: black;
    text-align: center;
    display: inline-block;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 16px; 
    margin-right: 16px;
}
/*Spezifische Objekte Startpage*/
/*Style maincontent front page*/
.HeaderMaincontentFrontPage {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-weight: 100;
    font-size: 2rem;
    color: rosybrown;
    background-color:none;
    text-align: center;
    margin-top: 4rem;
}
.MainContentFrontPage {
    margin: 0 auto;
    margin-top: 1rem;
    max-width: 45%;
}
@media screen and (max-width: 800px) {
    .MainContentFrontPage {max-width: 70%;}
}
#Block1Maincontent {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 1.5rem;
    font-weight: 100;
    color: black;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
}
#Weisheit1Maincontent {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-style:italic;
    font-size: 1.5rem;
    font-weight: 100;
    text-align:center;
    color: black;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#Block2Maincontent {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 1.5rem;
    font-weight: 100;
    text-align:center;
    color: black;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#Weisheit2Maincontent {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-style:italic;
    font-size: 1.5rem;
    font-weight: 100;
    text-align:center;
    color: black;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#Block3Maincontent {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 1.5rem;
    font-weight: 100;
    text-align:center;
    color: black;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#Weisheit3Maincontent {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-style:italic;
    font-size: 1.5rem;
    font-weight: 100;
    text-align:center;
    color: black;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#Block4Maincontent {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 1.5rem;
    font-weight: 100;
    text-align:center;
    color: black;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#Weisheit4Maincontent {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-style:italic;
    font-size: 1.5rem;
    font-weight: 100;
    text-align:center;
    color: black;
    padding-top: 0.5rem;
    margin-bottom: 1rem;
}
#SistersEstablishFinal {
    text-align: center;
    max-width: 100%;
    margin-bottom: 2rem;
    margin-top: 3rem;
}
#SistersEstablishFinal img {
max-width: 100%;
}
#Flyer {
    text-align: center;
    margin-bottom: 9rem;
    max-width: 100%;
}
#Flyer img {
max-width: 40%;
}
@media screen and (max-width: 800px) {
    #SistersEstablishFinal img {max-width: 70%;}
}
@media screen and (max-width: 800px) {
    #Flyer img {max-width: 70%;}
}
/*Spezifische Objekte Teampage*/
.Mitarbeiter {
    text-align: center;
    max-width: 100%;
}
.PictureOneRowX {
    display: inline-block;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: center;
    max-width: inherit;
}
.PictureTwoRowX {
    display: inline-block;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: center;
    max-width: 100%;
}
.PictureOneRowX img {
    display: inline-block;
    max-width: 100%;
    /*border-style: double;
    border-width: thick;
    border-color: rosybrown;*/
    margin-top: 1rem;
}
.PictureTwoRowX img {
    display: inline-block;
    max-width: inherit;
    /*border-style: double;
    border-width: thick;
    border-color: rosybrown;*/
    margin-top: 1rem;
}
@media screen and (max-width: 1100px) {
    .PictureTwoRowX img {max-width: 90%;}
}
@media screen and (max-width: 1100px) {
    .MitarbeiterTexte {max-width:inherit;}
}
@media screen and (max-width: 1100px) {
    .PictureOneRowX img {max-width: 90%;}
}
.Mitarbeiterüberschrift {
    font-size: 3rem;
    color: rosybrown;
}
.MitarbeiterTexte {
    font-size: 1.5rem;
    /*border-style: double;
    border-width: thick;
    border-color: rosybrown;*/
    text-align: center;
    margin-top: 1rem;
    max-width: fit-content;
    display:ruby;
}
/*Slidershow*/
.HeaderSalon {
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 1rem;
    color: black;
    font-size: 2.5rem;
    font-weight: 100;
    font-family: Georgia, 'Times New Roman', Times, serif;
    border-bottom: double rosybrown;
    border-top: double rosybrown;
}
.HeaderSalon p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
@media screen and (max-width: 600px) {
    .HeaderSalon {font-size: 1.5rem;}
}
.slidershow {
    width: 70%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.navigation {
    position: relative;
    bottom: 3rem;
    display: inline-flex;
    text-align: center;
    max-width: 100%;
    height: inherit;
}
.bar {
    width: 2rem;
    height: 1rem;
    border: 0.2rem;
    border-style: solid;
    border-color: black;
    margin: 1rem;
    cursor: pointer;
    transition: 0.4s;
}
.bar:hover {
    background: black;
}
input[name="r"] {
    position: absolute;
    visibility: hidden;
}
.slides {
    width: 600%;
    height: 100%;
    display: flex;
}
.slide {
    width: 16.67%;
    transition: 0.6s;
}
.slide img{
    width: 100%;
    height: 100%;
}
#r1:checked ~ .s1{
    margin-left: 0%;
}
#r2:checked ~ .s1{
    margin-left: -16.67%;
}
#r3:checked ~ .s1{
    margin-left: -33.34%;
}
#r4:checked ~ .s1{
    margin-left: -50.01%;
}
#r5:checked ~ .s1{
    margin-left: -66.68%;
}
#r6:checked ~ .s1{
    margin-left: -83.35%;
}
.slidershow1 {
    width: 40%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.navigation1 {
    position: relative;
    bottom: 3rem;
    display: inline-flex;
    text-align: inherit;
    max-width: 100%;
    height: inherit;
}
.bar1 {
    width: 2rem;
    height: 1rem;
    border: 0.2rem;
    border-style: solid;
    border-color: black;
    margin: 1rem;
    cursor: pointer;
    transition: 0.4s;
}
.bar1:hover {
    background: black;
}
input[name="r1"] {
    position: absolute;
    visibility: hidden;
}
.slides1 {
    width: 800%;
    height: 100%;
    display: flex;
}
.slide1 {
    width: 12.5%;
    transition: 0.6s;
}
.slide1 img{
    width: 100%;
    height: 100%;
}
#r11:checked ~ .s11{
    margin-left: 0%;
}
#r21:checked ~ .s11{
    margin-left: -12.5%;
}
#r31:checked ~ .s11{
    margin-left: -25%;
}
#r41:checked ~ .s11{
    margin-left: -37.5%;
}
#r51:checked ~ .s11{
    margin-left: -50%;
}
#r61:checked ~ .s11{
    margin-left: -62.5%;
}
#r71:checked ~ .s11{
    margin-left: -75%;
}
#r81:checked ~ .s11{
    margin-left: -87.5%;
}
.slidershow2 {
    width: 70%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.navigation2 {
    position: relative;
    bottom: 3rem;
    display: inline-flex;
    text-align: inherit;
    max-width: 100%;
    height: inherit;
}
.bar2 {
    width: 2rem;
    height: 1rem;
    border: 0.2rem;
    border-style: solid;
    border-color: black;
    margin: 1rem;
    cursor: pointer;
    transition: 0.4s;
}
.bar2:hover {
    background: black;
}
input[name="r2"] {
    position: absolute;
    visibility: hidden;
}
.slides2 {
    width: 600%;
    height: 100%;
    display: flex;
}
.slide2 {
    width: 16.67%;
    transition: 0.6s;
}
.slide2 img{
    width: 100%;
    height: 100%;
}
#r12:checked ~ .s12{
    margin-left: 0%;
}
#r22:checked ~ .s12{
    margin-left: -16.67%;
}
#r32:checked ~ .s12{
    margin-left: -33.34%;
}
#r42:checked ~ .s12{
    margin-left: -50.01%;
}
#r52:checked ~ .s12{
    margin-left: -66.68%;
}
#r62:checked ~ .s12{
    margin-left: -83.35%;
}
.slidershow3 {
    width: 40%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.navigation3 {
    position: relative;
    bottom: 3rem;
    display: inline-flex;
    text-align: inherit;
    max-width: 100%;
    height: inherit;
}
.bar3 {
    width: 2rem;
    height: 1rem;
    border: 0.2rem;
    border-style: solid;
    border-color: black;
    margin: 1rem;
    cursor: pointer;
    transition: 0.4s;
}
.bar3:hover {
    background: black;
}
input[name="r3"] {
    position: absolute;
    visibility: hidden;
}
.slides3 {
    width: 800%;
    height: 100%;
    display: flex;
}
.slide3 {
    width: 12.5%;
    transition: 0.6s;
}
.slide3 img{
    width: 100%;
    height: 100%;
}
#r13:checked ~ .s13{
    margin-left: 0%;
}
#r23:checked ~ .s13{
    margin-left: -12.5%;
}
#r33:checked ~ .s13{
    margin-left: -25%;
}
#r43:checked ~ .s13{
    margin-left: -37.5%;
}
#r53:checked ~ .s13{
    margin-left: -50%;
}
#r63:checked ~ .s13{
    margin-left: -62.5%;
}
#r73:checked ~ .s13{
    margin-left: -75%;
}
#r83:checked ~ .s13{
    margin-left: -87.5%;
}
@media screen and (max-width: 600px) {
    .bar {margin: 1rem;}
}
@media screen and (max-width: 600px) {
    .bar1 {margin: 0.5rem;}
}
@media screen and (max-width: 600px) {
    .bar2 {margin: 1rem;}
}
@media screen and (max-width: 600px) {
    .bar3 {margin: 0.5rem;}
}
@media screen and (max-width: 600px) {
    .bar {width: 1rem;}
}
@media screen and (max-width: 600px) {
    .bar1 {width: 1rem;}
}
@media screen and (max-width: 600px) {
    .bar2 {width: 1rem;}
}
@media screen and (max-width: 600px) {
    .bar3 {width: 1rem;}
}
@media screen and (max-width: 600px) {
    .bar {border-width: thin;}
}
@media screen and (max-width: 600px) {
    .bar1 {border-width: thin;}
}
@media screen and (max-width: 600px) {
    .bar2 {border-width: thin;}
}
@media screen and (max-width: 600px) {
    .bar3 {border-width: thin;}
}
.Kontakt a {
    text-decoration: none;
    background-color: rosybrown;
    color: black;
    font-size: 1.5rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: 600;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    display: inline-block;
    text-align: inherit;
}
@media screen and (max-width: 600px) {
    .Kontakt a {font-size: 1.2rem;}
}
.Telefonnummer {
    color: rosybrown;
    font-size: 1.5rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: 600;
    display: inline-block;
    margin-left: 3rem;
    text-align: inherit;
    margin-bottom: 2rem;
}
.Wegbeschreibung {
    color: rosybrown;
    font-size: 1.5rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: 600;
    display: inline-block;
    margin-left: 3rem;
    text-align: inherit;
    margin-bottom: 2rem;   
}
@media screen and (max-width: 600px) {
    .Telefonnummer {font-size: 1.2rem;}
}
.Terminvereinbarung {
    font-size: 2rem;
    font-weight: 100;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    margin-bottom: 2rem;
    text-align: inherit;
}
@media screen and (max-width: 600px) {
    .Terminvereinbarung {font-size: 1.3rem;}
}
.Kontakt {
    text-align: center;
}
.Kontakt a:hover {
    color: white;
}
/*Services*/
#ÜberschriftHeißeScheere {
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 1rem;
    color: black;
    font-size: 2.5rem;
    font-weight: 100;
    font-family: Georgia, 'Times New Roman', Times, serif;
    border-bottom: double rosybrown;
    border-top: double rosybrown; 
}
@media screen and (max-width: 600px) {
    #ÜberschriftHeißeScheere {font-size: 1.5rem;}
}
#ÜberschriftHeißeScheere p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#HeißeScheere {
    text-align: center;
}
#HeißeScheere img {
    text-align: inherit;
    margin-top: 1rem;
    max-width: 90%; 
    margin-bottom: 1rem;
}
#HeißeScheere iframe {
    margin-top: 1rem;
    max-width: 90%;
    margin-bottom: 1rem;
}
/*Preisliste*/
#Preisliste p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#LeistungPreis {
    text-align: center;
    margin-top: 1rem;
    color: black;
    font-size: 2.5rem;
    font-weight: 100;
    font-family: Georgia, 'Times New Roman', Times, serif;
    border-bottom: double rosybrown;
    border-top: double rosybrown;
}
@media screen and (max-width: 600px) {
    #LeistungPreis {font-size: 1.5rem;}
}
#Preisliste {
    text-align: center;
    margin-bottom: 2.5rem;
}
#Preisliste img {
    max-width: 50%;
    text-align: inherit;
    margin: 0; 
}
@media screen and (max-width: 900px) {
    #Preisliste img {max-width: 80%;}
}
@media screen and (max-width: 700px) {
    #Preisliste img {max-width: 100%;}
}
/*Datenschutz Texte*/
#Datenschutzcontent p {
    max-width: 50%;
    font-size: 1.4rem;
    margin-left: 2rem;
}
/*Impressum*/
#Impressumcontent p {
    max-width: 50%;
    font-size: 1.4rem;
    margin-left: 2rem;
}
.HeaderImpressum {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-weight: 100;
    font-size: 2rem;
    color: rosybrown;
    background-color:none;
    margin-top: 4rem;
    margin-left: 2rem;
}
.Unterüberschriften {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-weight: 100;
    font-size: 1.7rem;
    color: rosybrown;
    background-color:none;
    margin-top: 4rem;
}