/* General Style */ 
/* Schreinerei steinhardt*/
/* by Thomas Schmid, below the line, Webmarketing, Friedberg*/


html {scroll-behavior: smooth;}

body {

	background-size:100%;
	background-position:top;
	font-size:1em;
	margin:0em;
	padding:0em;
	font-family: arial, san-serif;
	color:#2f2d2c;	
  background:#ffffff;
}

h1 {
	font-size:2em;
	font-weight:600;
	margin:0 0 1em;
	text-transform:uppercase;
    text-align:center;
}

h2 {
	font-size:2em;
	font-weight:400;
	margin:0.5em 0;
	padding:0em;
    color:#ba893c;
}

h2.slider{border-bottom: medium solid;border-top: medium solid;margin-top:0;color:#ffffff;font-size:3em;position: relative;z-index: 700;text-shadow: 2px 2px 3px #000;text-align:center;}


#slider h2{border-bottom: medium solid;border-top: medium solid;margin-top:0;color:#ffffff;font-size:3em;}
h3 {
	margin:0 0 0.5em;
	padding:0;
}
h4 {
	font-size:1.5em;
	color:#054f95;
	margin:0em;
	padding:0em;

}
h5 {
	font-size:1.6em;
	color:#054f95;
	margin:0em;
	padding:0em;

}
a img{box-shadow:0 0 0;}
p {
	line-height:1.5em;
	margin:0em 0em 1em 0em;
	font-size:1em;
}
hr{
	border: none;
	margin:2em 0;
}
hr.style01{
	border-top: 1px dashed #ba893c;
	text-align: center;
}
hr.style01:after {
	content: 'schreinerei steinhardt';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	color: #ba893c;
	font-size: 18px;
	background: #ffffff;
}
hr.style02{
	border-top: 1px dashed #ba893c;
	text-align: center;
}
ul {
	margin:0px;
	padding:0px;
}
li {
	list-style:none;
	font-family:Helvetica;
	font-weight:100;
	color:#2f2d2c;
	line-height:1.25em;
	margin:0em;
	padding:0em;
	margin:0.313em 0em 0.313em 0em;
}
/*ul.vorteile li{list-style:inside;}*/
img {

	margin: 0 3% 1% 0;
	height:auto;
    width:100%;
/*	float:left;
    border-radius:5px;
    box-shadow: 5px 5px 5px;*/
}


/* Header */ 
header {margin:0;width:100%;z-index:8700;position:fixed;top:0;height:6em;}
header .logo img{height:6em;width:auto;}
header.neu {height:3.8em;background:#ffffff;box-shadow: 0 0 5px 5px rgba(100, 100, 100, 0.5);}
header.neu img{height:3em;}
header.neu .top p{display:none;}
header.neu .top{height:1em;}

.header_all {max-width:1280px;margin:0 auto;}
.header_all .ci-stripe{display: grid;grid-template-columns: 30% 70%;}

header .top{height:2em;font-size:0.9em;width:100%;}
header .top p{max-width:1280px;margin:auto;text-align:right;padding:0 0;line-height:1.5em;}
header .top a{color:#4f4f4d;}

nav {margin:0 auto 0;width:100%;text-align:right;}
nav ul {display:block;padding:0;margin:1em 0 0 0;margin: 0 auto;text-align:right;}
nav ul li {display:inline-block; margin:0 0 0 3%;vertical-align:middle; padding:0;margin: 0 0 0 5%;}
header.neu nav ul li img, header nav ul li img{height:2em;}

header nav ul li a{text-decoration:none;color:#4f4f4d;font-size:1em;line-height:5em}
header.neu nav ul li a{line-height:1em}

.desk{display:inline-block;width:100%;text-align:right;}




/*slider*/
#slider-bg{margin:-15em 0 4em 30%; padding:3em;width:40%;position:absolute;z-index:3;color:#ffffff;}
.start #slider-bg{width:80%;position:absolute;z-index:3;color:#ffffff;text-align:center;margin:0 10%;}


#slider h3{border-left: 3px solid #ffffff;padding: 0 0 0 4%;color:#ffffff;font-size:1.5em;}
ul.slider li{    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 1.5%;
    text-align: center;
    width: 40%;}
ul.slider li.slider1{}
ul.slider li.slider2{background:#0eaa5b;}
#slider p{margin:2em 0;}
#slider ul.slider {text-align:center;}
#slider ul.slider a{text-decoration:none;font-style:italic;}
#slider ul.slider a:hover{text-decoration:none;font-style:normal;font-weight:bold;}
ul.slider li a{color:#ffffff;}  
#slider-2{margin-top:-10em;}
#slider-2 img{margin:auto;}
  


/*Hauptteil*/
.start h1{    color: #ba893c;font-weight: 900;margin: -6em 0 1em;text-shadow: 2px 2px 3px #000;text-transform: uppercase;position: relative;z-index: 700;}
.start #main{margin:10em auto 0;}
#main{margin:0 auto;text-align:center;width:80%;background:#ffffff;}
#main article {display:inline-block;width:100%;vertical-align: top;margin:0em;padding:2em 4% 2em 0;}

.startseite #main article{text-align:center;}


.tehmen img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);

}
.themen:hover img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.themen p{display:none;color: #ba893c;font-size: 2em;font-weight: 600;margin: -5em 0 0;text-shadow: 2px 2px 3px #000;text-transform: uppercase;position: relative;z-index: 700;padding: 0 2%;-webkit-transition: 1s ease-in-out;transition: 1s ease-in-out;}
.themen:hover p{text-align:center;display:flex;}
.themen p a{color: #ba893c;text-decoration:none;}


/* Footer */ 
footer {
	display:block;
	background:#504d4a;
	margin:auto;
    text-align:center;
}

footer ul {

	margin:auto;
	color:#ffffff;
    text-align:center;
}

footer ul li{    margin: 2.5% auto;
    padding: 0 2.5% 0 1%;
    width: 27%;display:inline-block;vertical-align:top;}
   
footer ul li p{color:#ffffff;}
footer ul li a:hover {
	color:#ffffff;
	padding:0;
}
footer ul li a.active {
	border-bottom:#ffffff;
}


footer ul li a {
	color:#9a9a9a;
	transition: filter 0.9s ease 0s;
}
footer img{width:50%;}

footer ul li ul li{display:block;}
footer h3{color:#ba893c;}

/*Slider*/
.slidershow{}
#slider{min-height:10em;margin-top:0;}
#slider .fest img{width:100%;}

#slider-img { overflow: hidden; }
#slider-img figure img { width: 33.3333333333333333333333333333333%; float: left;margin:0;padding:0;}
#slider-img figure { 
  position: relative;
  width: 300%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}


#dreier{
    padding: 0 0 3em;
    text-align: center;
    width: 100%;}
#dreier-block{width:30%; text-align:center;padding:0;margin:0;display:inline-block;}
.icon-1{    border-radius: 50%;
    height: 75px;
    margin: auto;
    width: 75px;background: rgba(0, 0, 0, 0) url("/templates/schreinereiandreassteinhardt/images/talk_on.png") no-repeat scroll 0 0 / 100% auto;}
.icon-2{    border-radius: 50%;
    height: 75px;
    margin: auto;
    width: 75px;background: rgba(0, 0, 0, 0) url("/templates/schreinereiandreassteinhardt/images/plan_on.png") no-repeat scroll 0 0 / 100% auto;}
.icon-3{    border-radius: 50%;
    height: 75px;
    margin: auto;
    width: 75px;background: rgba(0, 0, 0, 0) url("/templates/schreinereiandreassteinhardt/images/work_on.jpg") no-repeat scroll 0 0 / 100% auto;}

#vierer{margin:auto;width:100%;text-align:center;}
#vierer h2{font-weight:bold;margin-top:-2em;background: rgba(80, 77, 74,0.5)}
#vierer-block{width:20%;margin:0;padding:0 2%;display:inline-block;vertical-align:top;}



/*Side Icons*/
.side-icon{position:fixed;bottom:10em;right:0;}
.i-phone, .i-kontakt, .i-facebook{width:3em;hight:3em;}

.i-phone a, .i-kontakt a, .i-facebook a{height: 3em;position: fixed;width: 3em;}

.i-kontakt{margin-top:3.5em}
.i-facebook{margin-top:7em;}
.i-phone a{background: rgba(0, 0, 0, 0) url("/templates/schreinereiandreassteinhardt/images/phone-on.png") no-repeat scroll 0 0 / 100% auto;}
.i-kontakt a{background: rgba(0, 0, 0, 0) url("/templates/schreinereiandreassteinhardt/images/letter-on.png") no-repeat scroll 0 0 / 100% auto;}
.i-facebook a{background: rgba(0, 0, 0, 0) url("/templates/schreinereiandreassteinhardt/images/facebook-on.png") no-repeat scroll 0 0 / 100% auto;}
.i-phone a:hover{background: rgba(0, 0, 0, 0) url("/templates/schreinereiandreassteinhardt/images/phone.png") no-repeat scroll 0 0 / 100% auto;}
.i-kontakt  a:hover{background: rgba(0, 0, 0, 0) url("/templates/schreinereiandreassteinhardt/images/letter.png") no-repeat scroll 0 0 / 100% auto;}
.i-facebook  a:hover{background: rgba(0, 0, 0, 0) url("/templates/schreinereiandreassteinhardt/images/facebook.png") no-repeat scroll 0 0 / 100% auto;}

@keyframes slidy {
0% { left: 0%; }
33% { left: 0%; }
34% { left: -100%; }
66% { left: -100%; }
67% { left: -200%; }
100% { left: -200%; }
}

/*Module*/
aside {display:inline-block;vertical-align:top;margin:0;}
aside img{float:none;}
aside .part1, aside .part2, aside .part3{padding:2em 10%;}
aside .part1, aside .part3{background:#f0f0f0;}
aside .video{width:35%;margin-right:5%;text-align:center; display:inline-block;vertical-align:top;}
aside .video-text{width:54%;margin-left:5%;text-align:left;display:inline-block;vertical-align:top;}

aside .part2-text{width:34%;margin-right:5%;text-align:left;display:inline-block;vertical-align:top;}
aside .part2-bild{width:55%;margin-left:5%;text-align:right; display:inline-block;vertical-align:top;}
aside .part2-bild img{width:100%;margin:0;paddig:0;}

aside .part3-bild{width:35%;margin-right:5%;text-align:center; display:inline-block;vertical-align:top;:float:none;}
aside .part3-text{width:54%;margin-left:5%;text-align:left;display:inline-block;vertical-align:top;}

/*hamburger*/

.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;text-align:right;width:96%;}


.hamburger #banner-text{text-align:center;display:inline-block;width:78%;vertical-align:top;}font-size:1.1em;
.hamburger #banner-text #logo{float:none;display:inline-block;width:100%;}
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: #000000 /*#6da2df*/;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--collapse .hamburger-inner {/*top: auto;bottom: 0;*/transition-duration: 0.13s;transition-delay: 0.13s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {top: -20px;transition: top 0.2s 0.2s cubfont-size:1.1em;ic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61,0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {top: 0;transform: rotate(-90deg);transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

img.captcharefresh1 {width:auto;}
.captchaCont {width:30%;margin:auto;}



/* Mobile Style */
@media screen and (max-width:1240px) {
    #banner{width:95%;}
}
@media screen and (max-width:990px) {
	body {
		font-size:90%;
	}
	.grid-3{width:29%;}
	#banner{
	  text-align:center;}
	}
	
/*	nav{
	  text-align:center;
	}
	#main{
	  width:90%;
	  text-align:center;
	}
	footer{
	  text-align:center;
	}
	#dreier-block{vertical-align:top;}
	
}*/



@media screen and (min-width:901px) {
	nav.nav {display:block !important;}
	.mobil {display: none;}
	.start h1 {font-size:5em;}
	#slider h2{font-size:3em;}
}
@media screen and (max-width:900px) {
	body {font-size:86%;}
	.start h1 {font-size:2.5em;}
	#slider h2{font-size:1.9em;}
	.mobil {display:inline-block;}
	header{background:#ffffff;height:8em;}
	header nav.nav{float:none;}
	#banner{display:inline-block;width:100%;vertical-align:top;text-align:center;}
	#banner-top {float:none; width:100%;}
	#banner-top .on{text-align:center;float:none;}
	nav {display:none;height:auto;}
	.is-active nav{display:inline-block;}
	nav ul li {	display:block;margin:0.3em 0em 0.3em 0em;}
#menubar ul li {display:block;}
	#main article{
	padding:1em;
	width:96%;
	}
	#main aside{
	  width:96%;
	}
.nav p{display:none;}

	header nav ul {
	  background: #ffffff;
      text-align:center;
      padding:2em;
	}
	nav ul li{margin:1em 0 ;text-align:center;}
	header nav ul li a{font-size:1.2em;}
	nav ul li ul li a{
	  font-size:1em;
	}
	nav ul li:active ul li a{
	  color:#9a9a9a;
	}
	nav ul li ul.nav-child,
	nav ul li.parent:hover ul.nav-child,
	nav ul li.deeper:hover ul.nav-child{
	  display:block;
	  position: relative;
	  margin:1em;
	  padding:0;
      font-size:1em;
	}
	nav ul li ul.nav-child li{
	  width:100%;
	}
	nav ul li:hover ul.nav-child{
	  display:block;
	}
	nav ul li ul li{
	  display:block;
	  margin:0;
	  padding:1em 0;
	}
	#slider p{
	padding: 1em 0 0 0;
	}
	#slider{margin-top:10em;}
	.side-icon{top:14em;z-index:8888;}
	#slider-bg{width:60%;margin:-10em 0 4em 20%;}
	header.neu #banner #banner-top{float:none;width:100%;}
    header.neu #banner-top img {width:20%;}
    aside .video{width:100%;}
    aside .video-text {width:100%; margin:0;}
    aside .part2-text{width:100%;margin:0;}
    aside .part3-text{width:100%;margin:0;}
    aside .part2-bild{width:100%;margin:0;text-align:center;}
    aside .part3-bild {width:100%;margin:0;}
    img.badge{width:25%;}
    
    #banner-top img {

    position: relative;
    z-index: 99999;
    }
    .mobil {
     position: fixed;
    z-index: 9700;
    right: 15px;
    width: 10%;
    }
}
@media screen and (max-width:600px) {
    #slider-bg{width:86%;padding:7%;margin:-24em 0 4em;}
    header.neu #banner-top img {width:30%;} 
    .footer ul {padding-top:3em;}
    .footer ul li{width:100%;padding:0;margin:0;}
    .footer ul li ul{padding-top:0;padding-bottom:2em}
    .themen p a{display:none;}
    #vierer-block{width:45%;}
}
@media screen and (max-width:470px) {
    ul.slider{text-align:center;}
    ul.slider li{width:60%;margin:1em;}
    #slider p{margin:0;}
    #slider-bg{margin:-17em 0 4em;}
    #main{margin-top:8em;}
}


img.badge{float:right;box-shadow:none;}

.sigplus-gallery a img{box-shadow:none;}

header.neu .nav p{display:none;}

.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;text-align:right;width:96%;}

.hamburger #banner-text{text-align:center;display:inline-block;width:78%;vertical-align:top;}font-size:1.1em;
.hamburger #banner-text #logo{float:none;display:inline-block;width:100%;}
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: #000000 /*#6da2df*/;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--collapse .hamburger-inner {/*top: auto;bottom: 0;*/transition-duration: 0.13s;transition-delay: 0.13s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {top: -20px;transition: top 0.2s 0.2s cubfont-size:1.1em;ic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: 0.22s;transition-timing-function: cubic-bezier(0.215, 0.61,0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {top: 0;transform: rotate(-90deg);transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }