/*
Theme Name: Jazz 2010 LTAD-Letstalkaboutdesign Version 2021
Theme URI: https://www.ltad.de
Description: LTAD-Letstalkaboutdesign
Author: Arthur Moser
Author URI: https://www.ltad.de
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


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(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 { 
/* background:#e7e7e7; */
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 {background:#F1AF00;}
.aloha {background:#39B161;}
.perspektiven {background:#6eb7e5;}
.ohana {background:#6eb7e5;}

#menu-angebote a {font-weight:bold; color:#626262 !important;}
.ambulant-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;}
.ohana-menu {border-left:10px solid #6eb7e5;}

/*
---------------
1.2 HEADER 
EDIT AM 13-09-2014
---------------
*/

.navigation {
margin:0 0; /* MEN� MIT ABSTAND */
/* margin:3px 35px; MEN� OHNE ABSTAND */
}

.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;
	}

/*
---------------
1.3 CONTENT 
EDIT AM 13-09-2014
---------------
*/

.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;
}


/*
---------------
3.1 TITLE 
EDIT AM 13-09-2014
---------------
*/

.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;
}



/*
---------------
3.2 IMG 
EDIT AM 13-09-2014
---------------
*/

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;
}

/*
----------------------------------------------------------------------------------------------------
5. GRUNDAUFBAU
------------------------------------------------------
EDIT AM 13-09-2014
------------------------------------------------------
*/


/*  SECTIONS  ============================================================================= */

.bereich {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */



/*  GRID OF TWO   ============================================================================= */
	
.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}


/*  GRID OF THREE   ============================================================================= */


	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}

/*  GRID OF FOUR   ============================================================================= */

	
.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%; 
}

/*  GRID OF FIVE   ============================================================================= */

	
.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%;
}

/*  GRID OF SIX  ============================================================================= */
.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%;
}


/*  GRID OF SEVEN   ============================================================================= */


.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%;
}




/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@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-------------*/

/* Minimum width of 600 pixels. */


	
	.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;
	}

/*------------------MENU---ENDE----------*/





	
	

#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); /* For IE8 and earlier */
				}
				
				#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); /* For IE8 and earlier */
    			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;
				}
				
/*-----------Viewport f�r kleinere Audfl�sungen-----------*/

				@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;
  }