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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 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 {
margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
* {
font-size: 17px ;
line-height: 1.5em;
color:#525252;
}
body {
padding: 1em 0 0 0; 
background: url(//jazz2010.de/wp-content/themes/jazz/images/body-hg.jpg) #FBFBFB top left repeat-x;
font-family:'Roboto', arial, helvetica,  sans-serif; 	
font-size:17px;
}
.wrapper {
width:100%;
padding:0 0;
}
.col { padding:1em 0; 
text-align:left;
}
.header { 
text-align: center;
padding:1em 0; 
}
.header-bild {
margin-bottom:15px;
position: relative;
margin-top: 25px;
}
.header-bild img {
border:0 !important;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px;
}
img {
width:100%;
}
@media only screen and (min-width: 1000px) {
.wrapper {
width:1300px;
margin:0 auto;
padding:0 0;
}
img {
width:auto;
}
}
.grau-hintergrund {
background:#ECECEE;
padding:20px;
}
.grau-hintergrund-ohne-p {
background:#ECECEE;
padding:0;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.grau-hintergrund-ohne-p .button-startseite {
background:#fff;
text-align: center;
padding: 6px;
margin:5px 0;
}
.grau-hintergrund-ohne-p .button-startseite a{
text-decoration: none;
}
.grau-hintergrund-ohne-p img {
filter: grayscale(100%);
width:100%;
}
.grau-hintergrund-ohne-p:hover img {
filter: grayscale(0%);
}
.header-leistung-startseite {
display: block;
padding:10px 20px;
font-size:17px;
font-weight:normal;
color:#fff;
}
.ueberschrift {
font-size:24px;
color:#fff;
}
.grau-hintergrund-ohne-p a {
margin:0;
display: inline-block;
}
.grau-hintergrund-ohne-p ul {
padding:10px 20px;
margin: 0;
}
.grau-hintergrund-ohne-p ul li{
padding:0px 0px;
font-size: 15px;
text-align:center;
}
.wohn {background:#77459C;}
.hauszukunft {background:#855AA7;}
.hausaktion {background:#E4311A;}
.hausjugend {background:#1BCA81;}
.ambulant, .martfeld  {background:#F1AF00;}
.aloha {background:#39B161;}
.perspektiven {background:#6eb7e5;}
#menu-angebote a {font-weight:bold; color:#626262 !important;}
.ambulant-menu, .martfeld-menu {border-left:10px solid #F1AF00;}
.hausaktion-menu {border-left:10px solid #E4311A;}
.hauszukunft-menu {border-left:10px solid #855AA7;}
.hausjugend-menu {border-left:10px solid #1BCA81;}
.aloha-menu {border-left:10px solid #39B161;}
.perspektiven-menu {border-left:10px solid #6eb7e5;} .navigation {
margin:0 0;  }
.menu-wrapper {
margin:0 !important ;
}
.logo-container {
margin:0 15px 5px 15px;
text-align: center;
}
.slogan {
margin:5px 30px 15px 15px;
float:right;
font-size:17px;
}
.slogan span{
font-size:17px;
}
.slogan span i{
color:#207dbe;
}
.slogan a {
text-decoration:none;
}
.menu-wrapper {
padding:0 0 0 0;
} .content {
margin:5px 10px 5px 30px;
}
.content-full {
margin:5px 20px;
}
.sidebar {
margin:5px 20px;
}
.widget_nav_menu ul li {
margin-left: 0;
padding: 8px 0px 8px 16px;
margin: 0 0 3px 0;
list-style: inside none;
background:#F0F0F0;
}
.widget_nav_menu ul li a{
text-decoration:none;
font-size:17px;
}
.widget_nav_menu ul li a:hover{
text-decoration:underline;
}
.widget_text {
padding:10px 20px;
margin:0 0 25px 0;
background:#F0F0F0;
}
.kontaktdaten {
margin:5px 20px;
min-height:110px;
}
.kontaktdaten h2{
color:#77459C;
font-size:16px;
}
.kontaktdaten p{	
font-size:14px;
}
.firmeninfo {
margin:5px 20px;
}
#copyright {
text-align: left;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
background: #602E85;
color: #fff;
font-size: 13px;
}
#copyright a {
color:#fff;
}
#copyright span {
margin-left: 20px;
color: #fff;
}
.copright-innen {
margin-left:15px;
}
.impressum-allgemein {   
height: auto;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
float: left;
}
.impressum-left {
height: auto;
width: 40%;
float: left;
}
.impressum-right {
height: auto;
width: 40%;
float: left;
text-align: left;
}
p {
color: #626262;
font-size: 17px;
line-height: 1.5em;
}
strong, b {
font-weight:bolder;
color:#000;
}
a {
color:#605fa1;
}
a:hover {
color:#602E85;
}
a.button {
background: #602E85;
padding: 5px 15px 5px 15px;
margin: 10px 0 10px 0px;
display:inline-block;
border: 1px solid #cdcdcf;
text-decoration:none;
color:#fff !important;
}
a.button:hover {
color: #357DBF;
background:#c5c5c5;
}
.featured_caption {
color:#7d7d7d;
}
.sidebar a {
color:#602E85;
}
hr 
{
display: block;
height: 1px;
border-width: 1px 0px 0px;
border-style: solid none none;
border-color: #E3E3E3 -moz-use-text-color -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
margin: 5px 0px 5px 0;
padding: 0px;
}
#menu-angebote-1 {
margin:0 0 0 0 !important;
}
#menu-angebote {
margin:0 !important;
}
ul {
list-style:disc outside none;
margin:9px 0px 0px 25px;
padding:0px 0px 0px 0px;
text-align:left;
font-size: 14px;
line-height: 24px;
}
ul li{
margin:0px 0px 0 0px;
list-style-type: none;
position:relative;
}
ol {
margin:9px 0px 0px 25px;
padding:0px 0px 0px 0;
text-align:left;
font-size: 14px;
line-height: 24px;
list-style:inside;
list-style-type:decimal !important;
}
.kontaktdaten ul {
margin-left:0px;
margin-top:0px;
}
.kontaktdaten ul li {
padding: 0px 0px 0px 15px;
list-style:inside disc;
font-size: 14px;
line-height:19px;
}
.kontaktdaten ul li a{ 
text-decoration:none;
color:#666;
}
.content ul {
margin:10px 0 0 15px;
}
.content ul li {
padding: 0px 0px 0px 27px;
list-style:outside none;
font-size: 17px;
}
.content ul li::after {
font-size: 12px;
width: 15px;
height: 15px;
border-radius:10px;
text-align: center;
line-height: 16px;
text-indent: -1px;
color: #77459C;
top: 5px;
font-weight: bold;
left: 0px;
content:  "+";
display: block;
position: absolute;
}
.unter-content {
clear:left; 
margin:22px 0 0 0; 
font-size:11px; 
color: #626262;
padding:3px 15px 3px 0;
border-top: 1px solid #EFEFEF;
}
.unter-content a, .unter-content i{ 
text-decoration:none; 
padding: 0px; 
font-size: 17px;
text-transform: normal;
letter-spacing: 0px;
color: #626262;
}
.trenn {
color:#9b9b9b;
}
div.zusatzinfo {
font-size: 12px;
margin:2px 0 10px 0;
}
div.tags-box {
font-size: 12px;
margin:10px 0 0 0;
}
.csstab {
width: 55px;
display: block;
float: left;
}
.csstab-ohnetext {
width: 30px;
display: block;
float: left;
} .bildtext {
position: absolute;
bottom:50px;
right:50px;
background:#fff;
padding:10px 20px;
}
h1 {
font-size:24px;
margin:0;
font-weight:bold;
text-transform:normal;
position: absolute;
bottom:50px;
left:6px;
background:#77459C;
color:#fff !important;
}
h1.entry-title { 
font-size: 40px;
margin: 5px 0px 0px 0;
padding: 5px 20px;
letter-spacing: -1px;
font-weight: normal;
text-transform:none;
}
h1.widget-title {
font-size: 30px;
margin: 0 0 15px 0;
padding:0;
color: #602E85 !important;
font-weight: bold;
text-transform:normal;
position: relative;
top:0;
bottom:0;
background:none;
}
h2 {
font-size: 30px;
margin: 0 0 15px 0;
padding: 0;
color: #602E85;
font-weight: bold;
text-transform:normal;
}
h2.start-info {
font-size:26px;
margin:0 0 5px 0;
padding:0;
color:#207dbe;
font-weight:normal;
text-transform:normal;
}
h3 {
font-size:22px;
margin:20px 0 0 0;
padding:0;
color:#77459C;
}
h4 {
font-size:24px;
margin:0;
padding:0;
color: #77459C;
}
h5 {
font-size: 24px;
margin: 0;
padding: 0;
color: #77459C;
} img {
display: block;
margin-bottom: 20px;
line-height: 1.42857;
border: 1px solid #DDD;	
margin:10px 10px 10px 0;
height: auto;
max-width: 100%;
}
.sidebar img {
margin:0px 0px 10px 0;
}
.sidebar img:hover {
}	
img.alignleft {
float:left;
height:auto;	
margin:10px 10px 10px 0;
}
img.alignright {
float:right;
height:auto;	
margin:10px 0 10px 10px;
}
.logo-container img {
border:0;
margin:0 0 0 20px;
text-align: center;
display: inline;
}  .bereich {
clear: both;
padding: 0px;
margin: 0px;
} .group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; } .col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }  .span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.2%;
} .span_3_of_3 {
width: 100%; 
}
.span_2_of_3 {
width: 66.13%; 
}
.span_1_of_3 {
width: 32.26%; 
} .span_4_of_4 {
width: 100%; 
}
.span_3_of_4 {
width: 74.6%; 
}
.span_2_of_4 {
width: 49.2%; 
}
.span_1_of_4 {
width: 23.8%; 
} .span_5_of_5 {
width: 100%;
}
.span_4_of_5 {
width: 79.68%; 
}
.span_3_of_5 {
width: 68.36%; 
}
.span_2_of_5 {
width: 29.04%;
}
.span_1_of_5 {
width: 18.72%;
} .span_6_of_6 {
width: 100%;
}
.span_5_of_6 {
width: 83.06%;
}
.span_4_of_6 {
width: 66.13%;
}
.span_3_of_6 {
width: 49.2%;
}
.span_2_of_6 {
width: 32.26%;
}
.span_1_of_6 {
width: 15.33%;
} .span_7_of_7 {
width: 100%;
}
.span_6_of_7 {
width: 85.48%;
}
.span_5_of_7 {
width: 70.97%;
}
.span_4_of_7 {
width: 56.45%;
}
.span_3_of_7 {
width: 41.94%;
}
.span_2_of_7 {
width: 27.42%;
}
.span_1_of_7 {
width: 12.91%;
} @media only screen and (max-width: 780px) {
.col { 
margin: 1% 0 1% 0%;
}
.span_2_of_2 {
width: 100%; 
}
.span_1_of_2 {
width: 100%; 
}
.span_3_of_3 {
width: 100%; 
}
.span_2_of_3 {
width: 100%; 
}
.span_1_of_3 {
width: 100%;
}
.span_4_of_4 {
width: 100%; 
}
.span_3_of_4 {
width: 100%; 
}
.span_2_of_4 {
width: 100%; 
}
.span_1_of_4 {
width: 100%; 
}
.span_5_of_5 {
width: 100%; 
}
.span_4_of_5 {
width: 100%; 
}
.span_3_of_5 {
width: 100%; 
}
.span_2_of_5 {
width: 100%; 
}
.span_1_of_5 {
width: 100%; 
}
.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
.span_7_of_7 {
width: 100%; 
}
.span_6_of_7 {
width: 100%; 
}
.span_5_of_7 {
width: 100%; 
}
.span_4_of_7 {
width: 100%; 
}
.span_3_of_7 {
width: 100%; 
}
.span_2_of_7 {
width: 100%; 
}
.span_1_of_7 {
width: 100%; 
}
ul.sub-nav {
float:left !important;
width:90% !important;
}
h1.entry-title {
font-size:26px;
margin:10px 5px 0 5px;
padding:0 0 0 0;
}
.header-bild img {
padding:0 !important;
}
.sidebar {
margin:0 !important;
}
.featured_caption {
font-size:10px;
}
.menu-leistungen-container {
background:#ccc !important;
}
.header-rechts{
display:none;
}
.wrapper {
background:#fff;
padding:0 10px;
width:90%;
margin:0 auto;
}
#copyright {
width:90%;
}
.content {
margin:0 5px;
}
#copyright {
background:none;
}
.swiper-container{
display:none !important;
}
.logo-container img {
margin:0;
}
.menu-sub-menu-container {
display:none;
}
body {
padding:0 2.5%;
background:none;
}
h1 {
position: relative;
top:0;
left:0;
}
h1.entry-title {
padding:5px 15px;
margin:0;
}
#secondary {
display:none;
}
.grau-hintergrund {
float:left;
}
}  .menu-toggle {
display: none;
}
input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="tel"] , textarea, select { 
max-width: 95% !important;
padding: 5px 3px 5px 10px;
border: solid 1px #dcdcdc;
margin:0 0 10px 0;
transition: box-shadow 0.3s, border 0.3s;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { 
border: solid 1px #b8b8b8;
box-shadow: 0 0 1px 1px #b8b8b8;
}
.input-line {   
height: auto;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
float: left;
}
.input-name {
height: auto;
width: 30%;
float: left;
font-weight:bold;
}
.input-content {
height: auto;
width: 60%;
float: left;
text-align: left;
}
.kontaktformular {
padding:19px;
border:1px solid #ccc;
}
.kontaktformular h2 { 
font-size:25px;
font-weight:bold;
} #photos {
padding:0 5px;
line-height: 0;
-webkit-column-count: 4;
-webkit-column-gap:   5px;
-moz-column-count:    4;
-moz-column-gap:      5px;
column-count:         4;
column-gap:           5px; 
}
#photos img {
width: 100% !important;
height: auto !important;
margin:0 0 5px 0 !important;
padding:0 !important;
border:0;
}
#photos img:hover { 
width:150%;
}
#photos .pic {
margin-bottom:5px;
}
#photos .color {
padding:15px 20px 20px 20px;
background:#92857F;
color:#fff;
margin-bottom:5px;
font-family:arial;
height:auto;
opacity: 0.4;
filter: alpha(opacity=40); }
#photos .buche {
background:url(http://kunden-entwurf.de/holzbearbeitung/wp-content/uploads/sites/10/2016/01/buche-texture.jpg);
}
#photos .color:hover {
opacity: 1.0;
filter: alpha(opacity=100); text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}
#photos .color > span {
font-size:21px;
margin:0 !important;
color:#fff;
}
#photos .color > p {
font-size:13px;
line-height: 18px !important;
padding:0;
margin:0 0 0 0;
color:#fff;
} @media (max-width: 1200px) {
#photos {
-moz-column-count:    4;
-webkit-column-count: 4;
column-count:         4;
}
}
@media (max-width: 1000px) {
#photos {
-moz-column-count:    3;
-webkit-column-count: 3;
column-count:         3;
}
}
@media (max-width: 800px) {
#photos {
-moz-column-count:    2;
-webkit-column-count: 2;
column-count:         2;
}
}
@media (max-width: 400px) {
#photos {
-moz-column-count:    1;
-webkit-column-count: 1;
column-count:         1;
}
}
.ohne-unterstrich {
display: block;
text-align: center;
background:#256E8B;
padding:5px 0;
color:#fff !important;
margin-bottom:5px;
font-weight: bold;
}
.header-oben{
color:#fff !important;
}
@media (min-width: 640px) { 
.ohne-unterstrich {
display: none !important;
}
.header-oben {
display: none !important;
}
}
.mega-toggle-label-closed, .mega-toggle-label-open {
color:#fff !important;
}
hr {
border-top: 1px solid #cecece;
}
.zeit {
color: #848484;
font-size: 14px;
}