/* Import */
@import "/fileserver/ar040041/filesdb/font.css";
@import "/fileserver/ar040041/filesdb/nav.css";
@import "/fileserver/ar040041/filesdb/bgstretcher.css";

/* Abstand Content zu Slider */

#bg_main	{display: flex; justify-content: center; align-items: center;
			margin: 520px auto 0 auto; font-family: 'Muli', sans-serif; font-size: 18px; width: 90%; }
table.bgmain {width: 100%; text-align: center;}
/* Position Logo */
div.logo {position: absolute; width: 320px; z-index: 30000; margin: 0 0 0 10%; padding: 10px 0 0 0;}
img.logopng {width: 100%; height: auto; border: 0px;}


/* Schriften */
@font-face {font-family: Gadget; src:url(/fileserver/ar040041/fonts/Gadget.ttf);}
@font-face {font-family: Trebuchet; src:url(/fileserver/ar040041/fonts/Trebuchet.ttf);}

.trennlinie {position: relative; display: block; border: 0px; background-color: #689F53; margin: 0 60px; height: 1px; box-shadow: 0 3px 5px #C8D9C7;}
.textwhite {padding: 0 10px 0 0;}
.img_miniatur {box-shadow: 3px 3px 8px #CCC; margin: 0 10px 0 0; border: 1px solid #4D763E;}

/* Headlines */
	td.headline h1 {padding-top: 50px;}
div.headline_div h2, div.headline_div h2 a, h2 a.headline.div {width: 60%; height: 50px; line-height: 50px; padding: 0 0; margin: 0; font-family: 'Gadget', sans-serif; font-weight: 400; font-size: 32px; color: #386d4f;}
div.headline_div h2 a, div.headline_div h2 a.headline_div {text-decoration: none; padding: 0;}
div.ausgabe_liste_id15404 {padding: 0; margin:-50px 0 20px 0 ;} /* Sonderanpassung Tag des Schreiners 20/11 */
/* Weiter */
	div.headlineweiter_div {text-align: right; margin: -50px 0 20px 0; line-height: 50px; padding-right: 0;}
	a.headlineweiter_div {color: #FFF; font-size: 1.3em; font-weight: bold; background-color: #386d4f; padding: 10px;}
a.headlineweiter_div:hover {background-color: #FFF; color: #386d4f; border: 2px solid #386d4f}
span.headlinedetail {font-size: 20px; color: #386d4f; font-weight: bold;}

/* zurueck mit Pfeil */
div.headlineback {position: absolute; display: block; float: left; height: 36px; width: 36px; line-height: 30px; font-size: 1px; padding: 0; color: #64b42d; z-index: 20; margin: 565px 0 0 97%; background-color: #FFF; background: url(/fileserver/ar040041/images/nav_zurueck.png) no-repeat center center; background-size: cover;}
div.headlineback_rd {display: none;}

/* Body */
	div.ausgabe_liste_div {position: relative; display: block; float: left; width: 100%; margin: 20px 0 0 0;}
table.liste_ausgabe_tbl, div.ausgabe_liste_div:first-child {padding: 50px 0 0 0;}
/* div.ausgabe_liste {width: 60%; margin: 0; padding: 50px 20% 0 20%;} */

	div.miniatur_div {display: block; float: left;  postion: relative; width: 20%; padding: 0 0 0 0; margin: 0 1% 0 0 ;}
img.img_miniatur_div {width: 100%; border: 2px solid #808080;}

	div.cms_kurz_div {display: block; float: left; position: relative; 
					  width:78%; padding: 10px 0; margin: 0 0 0 0;
					  font-family: 'Trebuchet'; font-size: 1.5em; 
					  background-color: #F3F3F3; border-right: 3px solid #386d4f;}
div.ausgabe_liste_div_id15419 div.cms_kurz_div, div.ausgabe_liste_div_id6649  div.cms_kurz_div {width:100%;}
	div.cms_kurz_div p {padding: 0 1%;  min-height: 220px;}
div.ausgabe_liste_div_txt, div.ausgabe_liste_div_txt div.cms_kurz_div {background-color: white; border: none;}
div.cms_kurz_div p:first-child {margin: 0; }
div.cms_kurz_div p.thema {background-color: white; min-height: 10px; padding: 0 1%; border-right: 0px; width: 100%}
div.cms_kurz_div ul {font-size: 1em; padding-left: 2.75%; list-style-type: square; background-color: #F3F3F3; border-right: 3px solid #386d4f;}
div.cms_kurz_div ol {font-size: 1em; padding-left: 1.25%; background-color: #F3F3F3;}
div.cms_kurz_div img.miniatur {float: left; margin-right: 10px;}
	td.cms_kurz_detail p {font-size: 1.5em; font-family: 'Trebuchet'; padding: 0;}

td.cms_kurz_detail h2, td.cms_kurz_detail h2 a, h2 a.cms_kurz_detail {width: 100%; height: auto; line-height: auto; margin: 0; font-family: 'Gadget', sans-serif; font-weight: 400; font-size: 32px; color: #386d4f;}
td.cms_kurz_detail h2 a, td.cms_kurz_detail h2 a.cms_kurz_detail {text-decoration: none; padding: 0;}

td.cms_kurz_detail img.miniatur {float: left; margin-right: 10px;}
td.cms_content {width: 100%; padding: 0;}
	td.cms_content p, li {font-size: 1.5em; font-family: 'Trebuchet';}

td.cms_content img {border: 2px solid #808080; float: left; margin: 10px 10px 0 0; display: block; position: relative;}
td.textwhite img.img_miniatur {border: 2px solid #808080;}

div.bilderwrapper_detailseite {position: relative; display: block; float: left; width: 100%;}
div.bilderwrapper_detailseite img {position: relative; display: block; float: left; border: 2px solid #808080; padding: 0; margin: 1%; width: 46%; height: auto;}

a {color: #45A66F;}
a:hover {color: #aaa;}

hr {background-color: #386d4f; height: 2px; width:125%;}
	video {width: 1500px;}

/* Bilder Detailseiten */
div.img_referenzen_wrapper {position: relative; display: block; float: left; width: 100%; margin-top: 25px;}
div.img_referenzen {position: relative; display: block; float: left; margin: 0; width: 31%;}
div.img_referenzen:nth-child(1) {margin: 0 1% 10px 0;}
div.img_referenzen:nth-child(4) {margin: 0 1% 10px 0;}
div.img_referenzen:nth-child(7) {margin: 0 1% 10px 0;}
div.img_referenzen:nth-child(2) {margin: 0 1% 10px 1%;}
div.img_referenzen:nth-child(5) {margin: 0 1% 10px 1%;}
div.img_referenzen:nth-child(8) {margin: 0 1% 10px 1%;}
div.img_referenzen:nth-child(3) {margin: 0 0 10px 1%;}
div.img_referenzen:nth-child(6) {margin: 0 0 10px 1%;}
div.img_referenzen:nth-child(9) {margin: 0 0 10px 1%;}
div.img_referenzen img {width: 100%; height: auto; margin: 0; padding: 0; border: none;}

div.img_referenzen_breit {position: relative; display: block; float: left; margin: 0; width: 40%;}
div.img_referenzen_breit:nth-child(1) {margin: 0 1% 10px 0;}
div.img_referenzen_breit:nth-child(3) {margin: 0 1% 10px 0;}
div.img_referenzen_breit:nth-child(5) {margin: 0 1% 10px 0;}
div.img_referenzen_breit:nth-child(2) {margin: 0 0 10px 1%;}
div.img_referenzen_breit:nth-child(4) {margin: 0 0 10px 1%;}
div.img_referenzen_breit:nth-child(6) {margin: 0 0 10px 1%;}
div.img_referenzen_breit img {width: 100%; height: auto; margin: 0; padding: 0; border: none;}

div.text_referenzen {width: 100%; font-weight: bold;}
div.ref {position: relative; display: block; float: left; margin-top: 20px;}

div.referenzen_lightbox {
			width: 25px; height: 25px; bottom: 0; right: 0;
			background: url(/fileserver/ar040041/images/lupe.jpg);
			background-repeat: no-repeat; background-size: 25px 25px; 
			position: absolute; display: block; z-index: 5;}


/* Maps */
div.box_maps {position: relative; display: block; float: left; width: 100%; height: 420px; padding-top: 100px;}
iframe.maps {position: relative; display: block; float: left; width: 100%; height: 420px;}

/* Footer */
div#footer {position: relative; display: block; float: left; width: 90%; background: #386d4f; padding: 0 5%; color: white; font-size: 14px;}
div.footer_wrapper {display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; 
        justify-content: space-around; align-items: center; align-content: space-around; }
div.footer_inhalt {}
div.footer_inhalt a {color: white;}
div.footer_inhalt img {padding: 10px; color: white;}

div.footer_copyright {display: none;}
div.fkt_bottom {display: none;}

.ausgabe_liste_div_id16450 div.cms_kurz_div {width: 100%;}
 .ausgabe_liste_div_id16450 div.cms_kurz_div div.tds_gal {
        display: flex; flex-direction: row; flex-wrap: wrap; 
        justify-content: space-around; align-items: center; align-content: space-around; 
      }
div.tds_gal div.tds-item {height: auto;  padding: 20px; }
div.tds-item img {width: auto; height: auto; border: 1px solid #386d4f;}
/*
div.tds {display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: space-around; background-color: yellow;}
div.tds-item {}
div.tds-item > div.tds-item {width: 300px; height: auto;}
div.tds-item img {width: 200px; height: auto;}
*/


/* Media Screens */
@media only screen and (max-width: 1600px){
	td.headline h1 {padding-top: 50px;}
	div.headlineweiter_div {margin: -50px 0 20px 0; line-height: 50px;}
	a.headlineweiter_div {font-size: 1.1em;  padding: 10px;}
	div.ausgabe_liste_div {margin: 20px 0 0 0;}
	div.miniatur_div {width: 20%; margin: 0 1% 0 0 ;}
	div.cms_kurz_div {width:78%; padding: 10px 0; font-size: 1.3em;}
	td.cms_kurz_detail p {font-size: 1.3em;}
	td.cms_content p, li {font-size: 1.3em;}
	div.cms_kurz_div p {padding: 0 1%;  min-height: 180px;}
	video {width: 1200px;}
}

@media only screen and (max-width: 1280px)
{	
	div.logo {width: 280px; margin: 0 0 0 7%;}
	td.headline h1 {padding-top: 50px;}
	div.headlineweiter_div {margin: -50px 0 20px 0; line-height: 50px;}
	a.headlineweiter_div {font-size: 1.0em;  padding: 10px;}
	div.ausgabe_liste_div {margin: 20px 0 0 0;}
	div.miniatur_div {width: 20%; margin: 0 1% 0 0 ;}
	div.cms_kurz_div {width:78%; padding: 10px 0; font-size: 1.1em;}
	td.cms_kurz_detail p {font-size: 1.1em;}
	td.cms_content p, li {font-size: 1.1em;}
	div.cms_kurz_div p {padding: 0 1%;  min-height: 140px;}
	video {width: 900px;}

}

@media only screen and (max-width: 1024px)
{div.logo {margin: 0 0 0 1%;}
div.headlineback {margin-top: 560px;}
}

@media only screen and (max-width: 767px)
{div#bg_main {margin: 112px 0 0 0; width: 100%;}
div.headline_div h3 {height: 66px; line-height: 33px; font-size: 1.2em;}
div.headline_div h3 a.headline_div {height: 66px; line-height: 33px;}
td.cms_kurz_detail h3 {font-size: 1em;}
div.headlineweiter_div {line-height: 50px;}
div.headlineback {margin: 43px 0 0 82%;}
div.miniatur_div {width: 80%; padding: 10px 10%;}
div.bilderwrapper_detailseite {position: relative; display: block; float: left; width: 90%; padding: 0 4.5%;}
div.bilderwrapper_detailseite img {position: relative; display: block; float: left; margin: 2% 0; width: 100%;}
div.cms_kurz_div p {width: 100%; min-height: 10px; padding: 0; border-right: 0px; background-color: white;}
div.cms_kurz_div ul, div.cms_kurz_div ol {padding-left: 3%;}
div.ausgabe_liste {width: 100%; padding: 0;}
td.textwhite img.img_miniatur {display: none;}
div#footer div.footer_inhalt {float: none; width: 96%; padding: 20px 2%;}}

@media only screen and (max-width: 640px)
{div.headline_div h2, div.headline_div h2 a, h2 a.headline_div {font-size: 1.2em; line-height: 33px;}
	td.headline h1 {padding-top: 50px;}
	div.headlineweiter_div {margin: -50px 0 20px 0; line-height: 50px;}
	a.headlineweiter_div {font-size: 1.0em;  padding: 10px;}
	div.ausgabe_liste_div {margin: 20px 0 0 0;}
	div.miniatur_div {width: 50%; margin: 0 1% 0 0 ;}
	div.cms_kurz_div {width:95%; padding: 10px 0; font-size: 1.1em;}
	td.cms_kurz_detail p {font-size: 1.1em;}
	td.cms_content p, li {font-size: 1.1em;}
	div.cms_kurz_div p {padding: 0 1%;  min-height: 140px;}
	video {width: 900px;}
div.tds-item img {width: 90%;}	
}

@media only screen and (max-width: 480px)
{div.logo {width: 250px;}
div.headline_div h2, div.headline_div h2 a, h2 a.headline_div {font-size: 1.1em; line-height: 33px;}
div.headlineback {margin: 35px 0 0 75%;}
	td.headline h1 {padding-top: 50px;}
	div.headlineweiter_div {margin: -50px 0 20px 0; line-height: 50px;}
	a.headlineweiter_div {font-size: 1.0em;  padding: 10px;}
	div.ausgabe_liste_div {margin: 20px 0 0 0;}
	div.miniatur_div {width: 50%; margin: 0 1% 0 0 ;}
	div.cms_kurz_div {width:100%; padding: 10px 0; font-size: 1.1em;}
	td.cms_kurz_detail p {font-size: 1.1em;}
	td.cms_content p, li {font-size: 1.1em;}
	div.cms_kurz_div p {padding: 0 1%;  min-height: 140px;}
	video {width: 900px;}
	

}
@media only screen and (max-width: 375px)
{div.logo {width: 250px;}
div.headlineback {margin: 35px 0 0 75%;}
	td.headline h1 {padding-top: 50px;}
	div.headlineweiter_div {margin: -50px 0 20px 0; line-height: 50px;}
	a.headlineweiter_div {font-size: 1.0em;  padding: 10px;}
	div.ausgabe_liste_div {margin: 20px 0 0 0;}
	div.miniatur_div {width: 50%; margin: 0 1% 0 0 ;}
	div.cms_kurz_div {width:100%; padding: 10px 0; font-size: 1.1em;}
	td.cms_kurz_detail p {font-size: 1.1em;}
	td.cms_content p, li {font-size: 1.1em;}
	div.cms_kurz_div p {padding: 0 1%;  min-height: 140px;}
	video {width: 900px;}

}