/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#EC4413;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }



h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }

p {	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*  Layout
----------------------------------------------- */

body {
   background-image:url(https://u.jimcdn.com/cms/o/s14c8ba1273f0eb5f/userlayout/img/hintergrund-leder.jpg?t=1458298975);
   padding:35px 0 0 0;
   margin:0px;
overflow-x:hidden!important}

/*    GRID   */



/* ++++++++++++++++++++++++  Header  ++++++++++++++++++++++++ */
.Kopf {padding-top: 156px;}
.kopf-inner {background: #fff; margin: 0 auto; padding: 10px 0 0; position: fixed; width: 100%;  z-index: 12000;top: 0;}
.kopf-oben {margin: 0 auto; width: 960px;}
.logo {display: inline-block; margin-left: 40%;}
.stoerer-open {width: 175px; background: #3c2514; color: #fff; display: inline-block; float: right; font-size: 12px;  margin-left: 10%; margin-top: 10px; padding: 5px; position: absolute; transform: rotate(6deg); z-index: -1;}
.stoerer-open-inner {transform: rotate(-6deg);margin: 0 10px 20px;}
/*.st-intro,.st-tel {font-weight: bold;}*/
.st-line {line-height: 1.4em;  margin: 0;  padding: 0;}
.st-line > span {display: inline-block; width: 50px;}
.st-tel {font-size: 16px;}



dl, ol, ul {
    margin-top: 1.5em;
}
 
/* ++++++++++++++++++++++++  Navigation  ++++++++++++++++++++++++ */


.navi div div > ul {background-color: #e50051;margin: 0;}
.navi div div > ul li ul {display:none; z-index: 100000;}
.navi li {display: inline-block; padding: 12px 20px;}
.navi div div > ul li ul li {display: block;text-align: left;padding: 0 20px;}   
.navi div div > ul li ul li a {border-bottom: 1px solid #fff;display: block; margin: 0 0 8px; padding: 0 0 8px;}
.navi div div > ul li ul li:last-child a {border:none;padding: 0;}
.navi {text-align:center; min-width: 960px;}
.navi a:link, .navi a:visited, .navi a:active {color: #fff; text-decoration: none;}
.navi .j-nav-variant-standard {background: #e50051; height: 55px;}
.navi div div > ul li ul {background-color: #e50051; margin-left: -131px; margin-top: 35px; padding: 0; position: absolute;}


/*   Navigation active  */
/*.navi a.cc-nav-current {border-bottom: 1px solid #fff; padding-bottom: 2px;}*/
.navi a.cc-nav-current::before { content: " • ";}

/*   Navigation hover  */
.navi a:hover {text-shadow:3px 3px 3px #3c2514;}

/*  ++++++++++++++++++++++++  Slider ++++++++++++++++++++++++  */
.welcome {
position: absolute;
text-align: center;
}

.slider {background:url(https://u.jimcdn.com/cms/o/s14c8ba1273f0eb5f/userlayout/img/slider-1.jpg?t=1458559497) no-repeat;
background-size: cover;
height: 900px;}

/* ++++++++++++++++++ CONTENT ++++++++++++++++++ */

.content {
width: 1000px;
margin: 0 auto;
}
.welcome p {
    color: #fff;
    text-shadow: black 0.1em 0.1em 0.1em;
    font-family: 'Monsieur La Doulaise', cursive;
    font-size: 73px;
    margin: 397px;}

.welcome,.slider {display:none}

#page-1145593762 .slider {
background:url(https://u.jimcdn.com/cms/o/s14c8ba1273f0eb5f/userlayout/img/slider-philosophie.jpg?t=1466418996) no-repeat;
background-size: cover;
display: block !important;
}

/* ++++++++++++++++++ Zitat ++++++++++++++++++*/

.zitattest {
position: absolute;
font-family: 'Bilbo Swash Caps', cursive;
font-size: 35px;
width: 400px;
height: 215px;
background-image: url(https://u.jimcdn.com/cms/o/s14c8ba1273f0eb5f/userlayout/img/klammer-lo.png?t=1466515100), url(https://u.jimcdn.com/cms/o/s14c8ba1273f0eb5f/userlayout/img/klammer-lo-rechts.png?t=1466515612);
background-position: left top, right top;
background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
} 

#page-1145593762 .zitattest {
    background-color: rgba(255, 255, 255, 0.4);
top: 600px;
margin-left: 600px;
}

#page-1123129362 .zitattest {
margin: 0 auto;
position: relative;
width: 440px;}

#page-1145593962 .zitattest {
margin: 0 auto;
position: relative;
width: 440px;}

/*.banner-content {
    background-color: rgba(255, 255, 255, 0.5);
    width: 500px;
}*/

.stoerer-open {
font-family: PT-Sans,sans-serif;
}

/*  ++++++++++++++++++  Content   ++++++++++++++++++ */

.j-module.n.j-text {
margin: 0 0 50px;};


.content-teaser-red {
background:#e50051 none repeat scroll 0 0;
height:180px;
width:200px;}

.content-teaser-brown {
background:#3c2514 none repeat scroll 0 0;
height:180px;
width:200px;}

.content.cc-content-parent {
    text-align: center;
    margin: 0 auto;
    width:834px;
padding-top: 40px;
}

#header {
    padding:17px;}

#header h1,
#header a
{
    padding:0;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:30px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    color:#666666;
    text-align:right;
}

#header a:hover { 
    text-decoration:none;}

#content {
    float:right;
    width:530px;
    padding:17px;}

.content.cc-content-parent {
    margin: 0 auto;
    text-align: center;
    width: 1010px;
}

.j-module.n.j-text {
    margin: 14px 71px 20px;
}

/* ++++++++++++++++++ Kachel ++++++++++++++++++ */

#cc-m-6382979662 .cc-m-hgrid-column{
padding:0;
margin-left: 10px;}

#cc-m-6382979662 .cc-m-hgrid-column.last {
    float: left;
}

/* ++++++++++++++++++ Footer ++++++++++++++++++ */

.footer {
    background: rgba(0, 0, 0, 0) url("https://u.jimdo.com/www400/o/s14c8ba1273f0eb5f/userlayout/img/skyline-footer.png?t=1458642847") no-repeat scroll center 0;
    bottom: 0;
    padding-top: 255px;
    width: 100%;
}

.footer-bg-color {background:#d0d0d0;}
.footer-inner {
    margin: 0 auto;
    width: 960px;
}

.footer-texte {
    color: #000;
    margin-bottom: 20px;
    text-align: center;
}



/*  ++++++++++++++++++ Kästen Startseite ++++++++++++++++++   */
#cc-m-6313062862 {
    margin: 0 auto;
    width: 835px;
}
.pink, .braun { color: #fff;}
.pink figcaption, .braun figcaption {margin: 5px 0 0; text-align: center !important;}

.pink {background: #e50051;}
.braun {background: #3c2514;}


/*  ++++++++++++++++++ Kästen Kosmetik und Beauty ++++++++++++++++++   */

#cc-m-6382067362 {
    margin: 0 auto;
    width: 835px;
}



/* blockquote { 
 background:url(https://u.jimcdn.com/cms/o/s14c8ba1273f0eb5f/userlayout/img/blockquote-zeichen.png?t=1459519269) no-repeat 19px 60px; 
display: block;
margin-left:auto !important; 
margin-right:auto !important;
padding: 50px !important;
color: #c7c7c7;
line-height: 1.5;
 text-align: center;
    width: 70%;
font-family: 'Bilbo Swash Caps', cursive;
font-size: 32px;
} */

/*sidebar*/

.footer-adresse {
    margin-top: 140px;
    text-align: center;}

.footer-texte {
   color:#e50051;}

.footer .sidebar {
    background:url(https://u.jimcdn.com/cms/o/s14c8ba1273f0eb5f/userlayout/img/skyline-footer.png?t=1458642847) no-repeat scroll center bottom;
    height:188px; 
    margin:100px auto 0;
    background-size: 113% auto;
}

div#contentfooter {
    background: #d0d0d0;
    line-height: 370%;
}

#contentfooter::after {
     margin: 10px auto;
}
   
div#contentfooter div.rightrow {
     margin-right: 20px;
}

div#contentfooter div.leftrow {
     margin-left: 20px;
}