html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, img { margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline; box-sizing:border-box;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { line-height: 1; }
ol, ul { list-style: none; margin:0; padding-left:98px; }
blockquote, q { quotes: none;}
table { border-collapse: collapse; border-spacing: 0;}
input:focus, textarea:focus { outline: none!important; } span.wpcf7-form-control-wrap { position: unset!important; } .links { float:left;}
.rechts { float:right;}
.center { text-align:center;}
.keincss { border:none!important; padding:0px!important; margin:0px!important; float:none!important; }
img.alignleft, .entry .alignleft { float:left; margin-right:20px;}
img.alignright, .entry .alignright { float:right; margin-left:20px;}
img.aligncenter, .entry .aligncenter { display: block; margin-left: auto; margin-right: auto; }
iframe {max-width:100%;}
sub { vertical-align: sub; font-size: smaller;}
sup { vertical-align: super; font-size: smaller; }
.clear { clear:both;}
.clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}
p.wp-caption-text { font-size:11px; font-style:italic;}
.hinweisbar { padding: 10px 20px 10px 20px; box-sizing:border-box; font-size:13px; line-height:20px; text-align:center;} .btn { display: inline-block; text-align: center; background: rgb(160, 45, 52) none repeat scroll 0% 0%; border-radius: 3px; padding: 10px 15px;} input, textarea { -webkit-appearance: none; border-radius: 0px; } body { overflow-x: hidden;}
a { outline:none; text-decoration:none; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s;}
h1, h2, h3, h4, h5 { font-weight:normal;}
#page { width:100%; margin:0 auto;} #logo, #logo img { display:inline-block; width:auto!important; min-width:0px!important; max-width:100%;}
#header { width:100%; height:auto;}
#header img.headimg { width:100%; height:auto;}
#branding { height:auto; max-width:1440px; width:100%; margin:0 auto; padding:0px 0px 0px 0px}
.kontaktwrap { background: #ffffff; color:#ffffff; margin: 0 auto; height:auto; width: 100%; }
.kontaktbar { font-size:13px; height:45px; max-width: 1440px; width:100%; margin: 0 auto; padding:0px 30px 0px 30px}
.kontaktbar a { color: #adadad; font-family:"Ubuntu"; font-size:18px; }
.kontaktbar a:hover { color: #a3059b;}
.kontaktbar ul { margin-top: 15px;}
.kontaktbar ul li { width: 310px; float: left; }
.kontaktbar img { width: 30px; height: 30px; margin-right: 10px; float: left; }
.kontaktbar .header-kontakt-text { padding: 6px 0 0px 0; }
.linie { width: 100%; max-width: 1440px;}
#site-description p { width: 320px!important; height: 10px!important; display:block!important; padding-left: 45px; font-family: ubuntu; font-size: 18px; color: #adadad; list-style: none; padding: 0; } #nav { font-family:robotoregular; }
.navwrapper { width: 100%; background: rgba(255,255,255,0.13); height: 100px; z-index:998; position:absolute; }
#menu-item-21 { margin-right:20px;font-family:"Roboto"!important; font-size:18px; margin-top: 30px;}
#menu-item-86 { margin-right:20px;font-family:"Roboto"!important; font-size:18px; margin-top: 30px;}
#menu-item-87 { margin-right:20px;font-family:"Roboto"!important; font-size:18px; margin-top: 30px;}
#menu-hauptmenue { font-family:"Roboto"!important; font-size:18px; margin-left: 977px; margin-top:30px;}
#nav > div > ul { margin-top: 25px}
#nav > div > ul > li { width: 13%; float: left; text-align: center; position: relative; margin-left:-25px; margin-top:20px; text-transform: uppercase!important; display: inline-block; text-decoration: none;}
#nav > div > ul > li :hover { border-bottom: 3px solid #a3059b; }
#nav > div > ul > li > a { color: #fff;} #content-wrap-page { width:100%; min-height:100px!important; height:auto; padding: 90px 0 90px 0; }
#content-wrap { min-height:100px; max-width:1380px; margin: 0 auto; padding:0px 30px 0px 30px; }
#content { }
.entry { line-height:22px;}
.entry img { max-width:100%; height:auto;}
.bild1 { margin-right: 25px; padding-left: 15px; padding-right: 15px; width: 377px; height: 433px;}
.bild2 { box-sizing: border-box; padding-left: 15px; padding-right: 15px; width: 377px; height: 433px;}
.bild3 { box-sizing: border-box; padding-left: 15px; padding-right: 15px; width: 377px; height: 433px;}
h1, h2 { font-family: "Ubuntu"; font-size:28px; line-height:30px; margin-bottom: 30px;}
h1 strong { font-family: "Ubuntu"; font-size:22px; line-height:24px; color: black;}
h3 { font-family: "Ubuntu";font-size:18px; line-height:22px; color:white; text-align: center; margin-bottom: 10px; text-transform: uppercase!important; position: relative}
h3 strong { font-size:15px; line-height:12px; color:#37abda;}
h4 { font-family: "Ubuntu"; font-size:18px; line-height:22px; font-style: none; font-weight:600; margin-bottom: 18px;}
h5 { font-family: "Ubuntu"; font-size: 12px; line-height: 14px; text-transform:uppercase; color: white; text-align: center;}
p { font-family: "Ubuntu"; font-size:18px; line-height:22px; font-style: none;}
.entry a { color:#a3059b; text-decoration:none; opacity: 1;}
.entry a:hover { color:#a3059b; text-decoration:underline; opacity: 0.7; }
.entry a.btn { color: rgb(255, 255, 255);}
.entry a.btn:hover { border:2px solid rgb(160, 45, 52); background:#fff; color:rgb(160, 45, 52);}
.entry p { margin-bottom:18px;}
.entry ol li { list-style: decimal outside none; margin-left: 15px;}
.entry ul li { list-style: disc outside none; margin-left: 15px;}
.box { width: 370px; margin: 20px }
.page-id-7 .entry {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
justify-content: space-around;}
.box h3::after { content:""; display: inline-block; height: 30px; vertical-align: bottom; width: 100%; border-bottom: 3px solid white;} .content_box3 #startseite_job_text, .content_box3 #startseite_job_text p {color:white; text-align:center;font-family: "Ubuntu"; font-size:12px; line-height:14px; text-transform:uppercase;}
.content_box3 #startseite_job_text { margin-top: 35px} figure {
position: relative;
float: left;
overflow: hidden;
background: #3085a3;
text-align: center;
cursor: pointer;
min-height: 430px;
}
figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure figcaption::before,
figure figcaption::after {
pointer-events: none;
}
figure figcaption,
figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} figure.effect-ruby {
background-color: #a3059b;
}
figure.effect-ruby img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
height: 100%;
opacity: 0.9;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.05);
transform: scale(1.05);
object-fit: cover;
}
figure.effect-ruby:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-ruby h3 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect-ruby h2:after { content:""; display: inline-block; height: 30px; vertical-align: bottom; width: 100%; border-bottom: 3px solid white;
}
figure.effect-ruby .startseite_job_text { margin-top: 35px}
figure.effect-ruby .startseite_job_text p, figure.effect-ruby .startseite_job_text {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0) scale(1.1);
transform: translate3d(0,20px,0) scale(1.1);
color:white; text-align:center;font-family: "Ubuntu"; font-size:12px; line-height:14px; text-transform:uppercase;
}
figure.effect-ruby:hover h3 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-ruby:hover:after h3 {
}
figure.effect-ruby:hover .startseite_job_text p, figure.effect-ruby:hover .startseite_job_text{
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}
.page-id-19 td { padding: 0 5px;} .blog-content { width:65%; height:auto;}
.sidebar { width:25%; height:auto; padding-right:10%;}
.sidebar ul li.widget { margin-bottom:3em;}
.blog-content h1 { font-size:1.8em; line-height:1.5em; color:#9a4b89; text-transform:uppercase; font-weight:bold; padding-bottom:2em;}
.post-vorschau { width:100%;}
.vorschau { width:20%; height:auto; min-height:100px; overflow:hidden; margin-right:20px;}
.post-vorschau { border-bottom: dashed 1px #CCCCCC; margin-bottom:30px;}
#sidebar li { border-bottom: dashed 1px #CCCCCC; margin-bottom:25px;}
#sidebar li ul { padding-bottom:5px;}
#sidebar li ul li { border:none; margin:0px;padding:5px 0px 3px 0px; }
#sidebar li ul li a { font-size:14px; color:#333; }
#sidebar li ul li a:hover { color:#D55918;}
.weiter-lesen { width:100%; height:auto; text-align:right;}
h2.widgettitle { font-size:1.8em; text-transform:uppercase; color:#9A4B89; line-height:1.4em; margin-bottom:0.5em; border-bottom:solid 1px #9A4B89;}
#calendar_wrap { font-size:1.3em;}
#wp-calendar { width:100%;}
#wp-calendar caption { width:100%; padding:0.3em 0 0.5em 0;}
#wp-calendar thead { width:100%;}
#wp-calendar thead tr { text-align:right;}
#wp-calendar tbody tr td { text-align:right; padding:0.5em 0 0.2em 0; border-bottom:solid 1px #DFDFDF;}
#wp-calendar tbody tr td a { color:#9A4B89; font-weight:bold;}
.widget_categories ul li a { color:#323232; font-size:1.4em; border-bottom:solid 1px #E3E3E3; padding-bottom:0.3em; display:block; margin-bottom:0.5em;}
.widget_categories ul li a:hover {color:#9A4B89;}
#pagination { padding:20px 0px; clear:both;}
#pagination span { text-align:center; padding:9px 10px; margin:0px 5px;}
#pagination a { color:#333333; padding: 10px; display:inline-block; background:#DCDCDC; margin:0px 5px; }
#pagination span.current, #pagination a:hover { background:#50b948; color:#fff;} #footer-wrap { width:100%; height:auto; background-image: url(//www.friseur-oldesloe.de/wp-content/uploads/2025/11/Chici-Mici-Friseur-in-Bad-Oldesloe_footer_tiny.webp); background-size: cover; background-repeat: no-repeat; background-position:center center }
#footer { max-width:1440px; height:auto; margin:0 auto; padding:100px 100px 100px 30px;}
#footer ul { list-style: none; margin: 0; padding: 0; margin-top: 20px;}
#footer ul li { font-family: 'Ubuntu'; font-size: 18px; color:white; margin-bottom: 10px}
#footer ul li a { color: white; font-family: 'Ubuntu'; font-size: 18px;}
#footer ul li a:hover { color:#a3059b; }
.footer_text { color: white; font-family: 'Ubuntu'; width: 45%; height: auto; float:left; font-size: 18px;}
.footer_content { display:block; margin: 0 auto; }
#footer .footer_kontaktformular { width: 45%; float: right;} .wpcf7-checkbox input { -webkit-appearance: checkbox; margin-left: 0px;}
span.wpcf7-list-item { margin: 0!important; }
form.wpcf7-form { margin-bottom: 18px; height: auto; }
input.wpcf7-text { background: rgba(255,255,255,0.5); border: 1px transparent solid; color: #3A302F; font-size: 14px; line-height: 24px; margin-bottom: 15px; }
.wpcf7-text { padding: 0.8em 20px 0.8em 20px; width: 100%; box-sizing: border-box;}
.wpcf7-form p { color: white; font-family: ubuntu; font-size: 18px;}
textarea.wpcf7-textarea { background: rgba(255,255,255,0.5); border: 1px transparent solid; color: #3A302F; font-size: 14px; line-height: 24px; margin-bottom: 15px;}
.wpcf7-textarea { padding: 0.8em 20px 0.8em 20px; width: 100%; min-width: 100%; max-width: 100%; height: 107px; min-height: 107px; max-height: 107px; box-sizing: border-box;}
.wpcf7-submit:hover { cursor: pointer; color: #fff; background: #a3059b; }
input.wpcf7-submit { background-color: #a3059b; border: solid 1px #a3059b; color: #fff; font-family:ubuntu; font-size: 18px; line-height: 22px; font-weight: 300; margin-bottom: 15px; text-transform: none; float:left; }
.wpcf7-submit { padding: 0.72em 20px; width: 100%; box-sizing: border-box; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; }
.shape { width: 110px; float: right; margin-right: -55px; margin-top: -50px; position: relative; opacity: 1; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.shape::before { content:""; display: block; height: 49px; width: 23px; background: url(//www.friseur-oldesloe.de/wp-content/themes/web-labels/images/button_links.png); margin-bottom: -50px; margin-left: -23px; }
.shape::after { content:""; display: block; height:49px; width: 23px; background: url(//www.friseur-oldesloe.de/wp-content/themes/web-labels/images/button_rechts.png); float: right; margin-top: -65px; margin-right: -23px; }
.shape:hover { opacity: 0.7}
.impressum {height:120px; overflow-y:scroll; padding-right:25px; margin-top:20px;}
.popup-title { margin-top:35px!important;} span .wpcf7-not-valid {
border: 1px solid #da2128;
}
span.wpcf7-not-valid-tip {
display: none!important;
}
div.wpcf7-validation-errors {
display: none !important;} ::-webkit-input-placeholder { color: black;
}
::-moz-placeholder { color: black;
}
:-ms-input-placeholder { color: black;
}
:-moz-placeholder { color: black;
}
@media screen and (max-width: 1024px) {
.navwrapper { display: none;}
.kontaktbar { display: none;}
}
@media screen and (max-width: 950px) {
.footer_text, #footer .footer_kontaktformular { width: 100%; float: none; margin-top: 80px }
}
@media screen and (max-width: 880px) {
#footer-wrap { background-size: cover;}
}
@media screen and (max-width: 768px) {
.footer_text { margin-top:4%; }
#nav {display:none;}
.entry img { max-width:100%; height:auto;}
.nachrichtenfelder { float:inherit; width:92%;}
#nachricht { padding:0.8em 4% 0.8em 4%;}
}
@media screen and (max-width: 414px) {
.popup-bild {display: none; }
.sgpb-popup-close-button-1 { margin-bottom:25px!important;}
}