/* Reset */

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,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
ol,ul{list-style:none;margin:0!important;padding:0!important;}
table{border-collapse:separate;border-spacing:0}
caption,th,td{font-weight:400;text-align:left}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
.entry-content,.entry-summary,.page-content,.nav-links,.comment-content,.widget{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}

/* Fonts */

/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('https://u.jimcdn.com/cms/o/sdf9e8ab77ce14123/userlayout/font/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('https://u.jimcdn.com/cms/o/sdf9e8ab77ce14123/userlayout/font/lato-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('https://u.jimcdn.com/cms/o/sdf9e8ab77ce14123/userlayout/font/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('https://u.jimcdn.com/cms/o/sdf9e8ab77ce14123/userlayout/font/lato-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('https://u.jimcdn.com/cms/o/sdf9e8ab77ce14123/userlayout/font/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('https://u.jimcdn.com/cms/o/sdf9e8ab77ce14123/userlayout/font/lato-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* julius-sans-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Julius Sans One';
  font-style: normal;
  font-weight: 400;
  src: url('https://u.jimcdn.com/cms/o/sdf9e8ab77ce14123/userlayout/font/julius-sans-one-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Layout */

/* * {box-sizing:content-box;} */

body, p, table, td {font-family:'Lato', sans-serif !important; font-size:18px !important; font-weight:300 !important; color:#333333 !important;}

@media screen and (max-width:1023px) {
body {background-image:none !important;background-color:#fff !important;font-size:16px !important;}
}

input, select {font-size: 1.5rem !important;line-height: 1.5 !important ;padding-left: 0.4em !important;}

@media screen and (min-width:1024px) {.wrapper {margin:0;}}
@media screen and (max-width:768px) {.wrapper {margin:0;}}
@media screen and (max-width:480px) {.wrapper {margin:0;}}

.logo { margin:0 auto; width:250px; height:auto; margin-bottom:12px;}
@media screen and (max-width:769px) {.logo {position:absolute; top:20px; width:70px;margin-bottom:0;}}

#logo-malatelier {color:#32A382;font-size:3.4rem;display:block;text-align:center;margin-bottom:8px;}
@media screen and (max-width: 1023px) {#logo-malatelier{display:inline-block;font-size:2.4rem; text-align:left; margin-bottom:0; margin-left:80px;}}
@media screen and (max-width: 481px) {#logo-malatelier{font-size:2.4rem; text-align:left; margin-bottom:0; margin-left:80px;}}
#logo-IB {color:#555;font-size:2.9rem;display:block;text-align:center;margin-bottom:2px;}
@media screen and (max-width: 1023px) {#logo-IB{font-size:2.4rem; text-align:left; margin-left:10px;display: inline-block;margin-top: 10px;}}
@media screen and (max-width: 481px) {#logo-IB{font-size:1.8rem; text-align:left; margin-left:80px;display: block;margin-top: 0;}}
#logo-subtext {font-family:'Lato', sans-serif !important;font-size:1.3rem;color:#999 !important;display:block;text-align:center;letter-spacing:0 !important; line-height: 1.1;margin-top: 7px;}
@media screen and (max-width:1023px) {#logo-subtext {margin-left:80px; text-align:left;}}

.logo-link {display: block;}

.container {max-width:1170px;margin:0 auto; padding:20px 50px 50px;z-index:10000;clear:both;background:white;overflow:auto;}
@media screen and (max-width:769px) {.container {max-width:768px;padding:10px 20px;}}
@media screen and (max-width:480px) {.container {max-width:480px;padding:10px 20px;}}

.inner-container {width:100%;}

#content_area {padding:5em 0 1em; margin-bottom:1em;}
.cc-feature-oldsiteadmin #content_area {display:grid;}
@media screen and (max-width:769px) {#content_area {margin-left:0;padding-top:1em;}}

#content_wrapper {float: right;width: 70%;padding:2em 0 0;}
@media screen and (max-width:769px) {#content_wrapper {float:none; width:100%; margin:0.5em 0 1em 0; border-top:1px dotted #32A382;}}

.cc-imagewrapper img {border-radius:5px;}
.cc-imagewrapper a img {transition: all .2s ease-in-out;}
.cc-imagewrapper a img:hover { transform: scale(1.05) rotate(2deg); }
.cc-imagewrapper a[rel="lightbox"] img:hover {transform: none;}

/* Typo */

a:link {color:#3366cc;text-decoration:underline;}
a:active {color:#3366cc;text-decoration:underline;outline:1px dotted #000;}
a:hover {color:#3366cc;text-decoration:none;}
a:visited {color:#3366cc;text-decoration:underline;}
a:focus {outline:thin dotted}



p {margin-bottom:0.5em !important;}

b, strong {font-weight:600;}

h1 {color:#5C9B62 !important; font-family: 'Lato', sans-serif !important; font-size:3.2rem !important; font-weight:300 !important; letter-spacing:1px !important; margin-bottom:1em !important;}
@media screen and (max-width:1170px) { h1 {float:none;margin-left:0 !important; font-size:2.6rem !important; line-height: 1.1 !important;}}

h2 {color:#333; font-family: 'Lato', sans-serif !important; font-size:2.6rem !important;font-weight:400 !important; line-height:120% !important; margin:0 0 0 !important;}
@media screen and (max-width:1023px) { h2 {font-size:2.2rem !important;}}
h2 a:link, h2 a:visited {color: #333; text-decoration: none !important;}
h2 a:link:hover {text-decoration: underline !important;}

h3 {color:#5C9B62 !important; font-family: 'Lato', sans-serif !important; font-size:2rem !important; font-weight:400 !important; line-height:120% !important; text-transform:uppercase !important; letter-spacing:1px !important; margin:0.5em 0 0.2em !important;}
@media screen and (max-width:1023px) { h3 {font-size:1.8rem !important;}}

h1 a, h2 a, h3 a {color: #333;}

ul {margin:0.5em 0 0.5em !important;}
ul li { list-style-type: disc; margin-left:5px !important; padding-left: 5px !important; margin-bottom: 0.5em; font-size:1.8rem !important;}
ul li:last-child {margin-bottom:0;}

/* Navigation */

#nav-trigger {display:none;text-align:left;}
@media screen and (max-width:1023px) {
  #nav-trigger span{display:inline-block;padding:0 10px;color:#333;cursor:pointer;font-size:2.4rem;line-height:1;transform-origin: 50% 50%;transition: all 0.5s;}  
}
@media screen and (max-width:481px) {
  #nav-trigger span{font-size:3.2rem;}  
}
#nav-trigger span.open {transform:rotate(90deg);}

#navigation {min-width:250px; width: 25% !important;float:left; padding:0;}
@media screen and (max-width:769px) {#navigation {float:none; width:100% !important; min-width:auto;}}
/*@media screen and (max-width: 481px) {#navigation{top:85px;left:10px;right:10px;}}*/

#navigation a{display:block;font-family: 'Julius Sans One', sans-serif !important;padding:0.2em 0.5em;font-size:1.8rem;font-weight:400;letter-spacing:1px;color:#fff;text-decoration:none;}
.cc-feature-oldsiteadmin #navigation a {color: #333 !important;}

#navigation a.current.level_1 {text-decoration:underline !important;}
#navigation a.current.level_2 {color: #5C9B62 !important; font-weight: 600 !important;
}

#navigation ul{list-style-type:none;margin:0 !important;padding:0 !important;}
#navigation li{padding:0.2em 0; border-radius:5px; list-style-type: none; margin-bottom: 0 !important;}
#navigation li ul {background-color:white;}
#navigation li li {padding:0 !important;margin:0 !important;}

#navigation ul li a {font-weight:700}

#navigation li li a {font-family:'Open Sans', sans-serif !important;background:transparent;font-size:1.5rem;font-weight:400 !important;text-transform:none;letter-spacing:1px;color:#555 !important;padding:0.1em 0.5em; border-bottom: 1px dotted #999; margin-bottom: 0.1em;}
#navigation li li:last-child a {border-bottom: none;}
#navigation li li a:hover {color: #5C9B62 !important;border-left:none;}
#navigation #cc-nav-view-1098600561 a {color:#555}
#navigation #cc-nav-view-2387522123 a {color:#777; font-family:'Open Sans', sans-serif !important;font-size:1.5rem; font-weight:400;text-decoration:none !important;text-transform:none !important;margin-top:1em;} /* STARTSEITE */
#navigation #cc-nav-view-2387522123 a:hover {color: #5C9B62 !important;}
#navigation #cc-nav-view-2387522123 a:before {content: "\f015"; font-family:"FontAwesome";margin-right:5px;}
#navigation #cc-nav-view-2385516023 {background: #68C0BD;margin-top:0;} /*MALTHERAPIE*/
#navigation #cc-nav-view-2387484223 {background: #B7C068;margin-top:1em;} /* MALWERKSTATT */
#navigation #cc-nav-view-2391529923 {background: #a63a2b;margin-top:1em;} /* ANMELDUNG */
#navigation #cc-nav-view-2387522423 {background: #CD8A36;margin-top:1em;} /* METHODEN */
#navigation #cc-nav-view-2387524323 {background: #984898;margin-top:1em;} /* ATELIER */
#navigation #cc-nav-view-2052783923 {background: #956DC3;margin-top:1em;} /* UEBER MICH */
#navigation #cc-nav-view-2052872623 {background: #2BC984;margin-top:1em;} /* GALERIE */
#navigation #cc-nav-view-2054278123 {background: #6D90C3;margin-top:1em;} /* LINKS */
#navigation #cc-nav-view-2053870523 {background: #CFBF24;margin-top:1em;} /* KONTAKT */

#cc-nav-view-2599103523 span, #cc-nav-view-2599295223 span { /*Datenschutzerklärung / Impressum*/
  color: #333;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  font-size: 0.8em;
color:#999;
}

#cc-nav-view-2599103523 span {
position:relative;
top:1em;
}


@media screen and (max-width: 1023px) {
#nav-trigger{display:block; position:absolute; right:20px; top:20px;}}
@media screen and (max-width: 481px) {
#nav-trigger{display:block; position:absolute; right:10px; top:20px;}}

/* Sidebar */

#sidebar { margin-top:1em;display:block;}
@media screen and (max-width:769px) {#nav-mobile {display:none;}}
#sidebar .j-textWithImage {border: 3px #ff3333 dotted;padding: 10px;}
#sidebar a, #kontakt a{display:inline;font-family:'Lato', sans-serif !important; padding:0; font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:none;color:inherit;text-decoration:inherit;}

/* Kontakt */

#kontakt {position:fixed;bottom:-50px;left:0;right:0; background-color: #333;color: white !important; padding:3px 20px; text-align: center; font-size:1.4rem; letter-spacing: 2px;z-index: 99999;}
#kontakt a {color: white !important;}
@media screen and (max-width: 769px) {
    #kontakt {position: inherit;bottom: inherit;left: inherit;right: inherit;padding:10px;margin:1em 0;}
}

/* Breadcrumb */

.j-nav-variant-breadcrumb li {display:inline;}
.j-nav-variant-breadcrumb li a {color:#999; text-decoration:none;font-size:1.4rem;}
.j-nav-variant-breadcrumb li a:after {content:" > ";padding:0 5px;}
.j-nav-variant-breadcrumb li:last-child a:after {content:none;padding-right:0}

/* Content */

.fa { width:100%; text-align:center; color:#999; margin:0.5em 0 0.2em;}

@media screen and (max-width:1023px) { .cc-imagewrapper {margin:1em auto 1em !important;float:none !important; display: block !important; }}

#privacy td {
  font-size: 0.875em !important;
padding:0.5em;
border:1px solid #eee;
}

/* Accessibility */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/* Aktuell */

#aktuell {
    border: 2px solid #ff0000;
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px;
}

/* Footer */

#contentfooter {display:none;}

.footer {width:70%;float:right;font-size:1.4rem;color:#666;}
@media screen and (max-width:768px) {.footer {width:100%;margin-left:0;}}

.footer-left {width:50%;float:left;display:inline-block}
@media screen and (max-width:480px) {.footer-left {width:100%;display:block;}}

.footer-right {display:inline-block; text-align:right;width:50%; line-height:1.3;}
@media screen and (max-width:480px) {.footer-right {width:100%;display:block;text-align:left;}}

/* Jimdo / Responsive */

div.n, div.flexmodul {padding: 0;}


@media screen and (max-width:480px) {
.cc-m-hgrid-column {width:100%!important; padding:0 !important; margin:0 auto 20px !important;}
}