/* FONTS */ /* sintony-regular - latin */@font-face { font-family: 'Sintony'; font-style: normal; font-weight: 400; src: url('../fonts/sintony-v13-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/sintony-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/sintony-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/sintony-v13-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/sintony-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/sintony-v13-latin-regular.svg#Sintony') format('svg'); /* Legacy iOS */ } /* sintony-700 - latin */@font-face { font-family: 'Sintony'; font-style: normal; font-weight: 700; src: url('../fonts/sintony-v13-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/sintony-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/sintony-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/sintony-v13-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/sintony-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/sintony-v13-latin-700.svg#Sintony') format('svg'); /* Legacy iOS */ } /* COOKIES*/@media (min-width: 1px){ .cc-revoke, .cc-window {font-family:'Montserrat'!important; font-style:normal!important; font-weight:400!important;} a.cc-link.cc-cookie::before { background:url(../../../images/images_content/design/cookie-icon.svg) no-repeat; width:12px!important; height:12px!important; } a.cc-link.cc-privacy::before { background:url(../../../images/images_content/design/lock-icon.svg) no-repeat; width:12px!important; height:12px!important; } a.cc-link.cc-cookie::before, a.cc-link.cc-privacy::before, div.cc-revoke::before { content:""!important; display:inline-block!important; margin-right:6px!important; } div.cc-center a.cc-link { color:#1967d2!important; text-decoration:none!important; font-size:12px!important; padding-left:0!important; } a.cc-link.cc-cookie{ transition:.3s; display:block; width:fit-content; } a.cc-link.cc-privacy{ transition:.3s; display:block; width:fit-content; } } /* COOKIES*/@media (min-width: 1480px){ div.cc-window.cc-top:not(.cc-floating) span.cc-header, div.cc-window.cc-bottom:not(.cc-floating) span.cc-header {max-width:256px;} .imgcookiescale{width:75%;height:75%;} div.cc-window.cc-bottom:not(.cc-floating) span.cc-message {margin-right:10%;} div.cc-checkboxes-container {width:auto; margin:0px auto;} } /* COOKIES*/@media (min-width: 1238px)and (max-width: 1480px){ div.cc-window.cc-top:not(.cc-floating) span.cc-header, div.cc-window.cc-bottom:not(.cc-floating) span.cc-header { max-width:200px;} .imgcookiescale{ width:75%;height:75%;} div.cc-window.cc-bottom:not(.cc-floating) span.cc-message { margin-right:2%;} div.cc-checkboxes-container { width:auto; margin:15px auto 0px auto; } } /* COOKIES*/@media (min-width: 1130px)and (max-width: 1238px){ div.cc-window.cc-top:not(.cc-floating) span.cc-header, div.cc-window.cc-bottom:not(.cc-floating) span.cc-header { max-width:170px;} .imgcookiescale{ width:75%;height:75%;} div.cc-window.cc-bottom:not(.cc-floating) span.cc-message { margin-right:2%;} div.cc-checkboxes-container { width:auto; margin:10px auto 0px auto;} .cc-revoke, .cc-window,a.cc-link label {font-size:14px!important;} } /* COOKIES*/@media (min-width: 1061px)and (max-width: 1130px){ div.cc-window.cc-top:not(.cc-floating) span.cc-header, div.cc-window.cc-bottom:not(.cc-floating) span.cc-header { width:100%;} .imgcookiescale{ width:75%;height:75%;} div.cc-window.cc-bottom:not(.cc-floating) span.cc-message { margin-right:2%;} div.cc-checkboxes-container { width:auto; margin:10px auto 0px auto;} .cc-revoke, .cc-window,a.cc-link label {font-size:13px!important;} } /* COOKIES*/@media (min-width: 741px)and (max-width: 1061px){ div.cc-window.cc-top:not(.cc-floating) span.cc-header, div.cc-window.cc-bottom:not(.cc-floating) span.cc-header { width:100%; max-width:100%;} .imgcookiescale{ width:30%;height:30%; margin:0px 35% 0px 35%;} div.cc-window.cc-bottom:not(.cc-floating) span.cc-message { margin:0px 0px 15px 0px; min-width:100%;} div.cc-checkboxes-container { width:auto; margin:10px auto 0px auto;} .cc-revoke, .cc-window,a.cc-link label {font-size:14px!important;} } /* COOKIES*/@media (min-width: 1px)and (max-width: 761px){ div.cc-window.cc-top:not(.cc-floating) span.cc-header, div.cc-window.cc-bottom:not(.cc-floating) span.cc-header { width:100%; max-width:100%;} .imgcookiescale{ width:50%;height:50%; margin:0px 25% 0px 25%;} div.cc-window.cc-bottom:not(.cc-floating) span.cc-message { margin:0px 0px 15px 0px; min-width:100%;} div.cc-checkboxes-container { width:auto; margin:10px auto 0px auto;} .cc-revoke, .cc-window,a.cc-link label {font-size:14px!important;} } /* LINKS */ a:link {color:#b3ca00; text-decoration: none; outline: 0;} a:visited {color:#b3ca00; text-decoration:underline; outline: 0;} a:active {color:#b3ca00; text-decoration:underline; outline: 0;} a:hover {color:#b3ca00; text-decoration:underline; outline: 0;} a:focus {outline: 0;} /* GRUNDDEFINITIONEN */ html{height: 101%; margin-top: 0px; margin-bottom: 0px;} form {margin: 0px; padding: 0px;} * { margin:0px; padding:0px;} /* MICROSOFT ONLY */ @-ms-viewport {width: device-width;} /* ALL RESOLUTIONS*/ /* Vorschau-Themenboxen*/ .infoboxfooter {float:left;} .infoboxfooter a {text-align:center; color:#ffffff!important; background:#005622; border-radius:15px; display:block; text-decoration:none;} .infoboxfooter a:hover {text-align:center; color:#ffffff!important; background:#00461c; text-decoration:none!important; border-radius:15px;} .Titel6 {font-weight:700; text-transform:none; font-family:'Sintony', sans-serif; text-align:center!important;} .Text5 {font-weight:400; text-transform:none; font-family:'Sintony', sans-serif; text-align:center!important;} /* Columns */ .blog-items {width:100%; padding:0;} .blog-items[class*="masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {display:inline-flex; margin-bottom:0px!important; break-inside:avoid;} .blog-item {flex-direction:column; overflow:hidden;} .imgscale {width:100%; height:100%;} /* RESPONSIVE STYLES*/ @media (min-width: 1175px){ .Titel2, h3 {width:1140px; font-size:20px; color:#01642f; margin:26px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} /*3er */.Titel7 {font-size:16px; color:#01642f; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none; font-weight:700;} /*1er */.Titel7b {font-size:16px; color:#01642f; margin:20px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none; font-weight:700;} .columntext {font-size:14px; color:#282828; font-weight:400; text-align:left; line-height:125%; margin:0px; padding:0px;} .listing_more {font-size:14px; color:#b3ca00; padding:2px 0px 0px 16px; text-align:left; background: url('../images/pfeil-01.png') no-repeat left 5px;} .listing_more-2 {font-size:14px; color:#282828; padding:2px 0px 0px 14px; text-align:left; background: url('../images/pfeil-01.png') no-repeat left 7px; line-height:150%; margin:4px 0px 4px 0px; } .blog-items.masonry-1 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .blog-items.masonry-2 {-webkit-column-count:2; -moz-column-count:2; column-count:2;} .blog-items.masonry-3 {-webkit-column-count:3; -moz-column-count:3; column-count:3;} .columnbox-3 {width:364px; float:left;} .blog-items.masonry-4 {-webkit-column-count:4;-moz-column-count:4;column-count:4;} .blog-items[class*=" masonry-"], .blog-items[class^="masonry-"] {display:block; -webkit-column-gap:20px; -moz-column-gap:20px; column-gap:20px;} .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {margin-bottom:0px!important; break-inside:avoid; padding:0px 9px!important;} .blog-items .blog-item {float:left} .gabcolumnbox {margin:0px 9px; float:left;} /*karriere */ .Titel3c {font-size:16px; color:#5d5c5c; margin:16px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:uppercase;} .greenjobtxt {width:346px; height:100px; margin:0px 0px 0px 0px; padding:0px; float:left;} /* Grüne Info-Boxen*/ .infoboxfooter {width:169px; height:147px; margin:0px 9px 0px 9px; border:#97bf10 3px solid;} .infoboxfooter a {height:131px; padding:16px 0px 0px 0px;} .infoboxfooter a:hover {height:131px; padding:16px 0px 0px 0px;} .Titel6 {font-size:14px; line-height:25px; margin:0px 0px 4px 0px; padding:0px 6px 0px 6px;} .Text5 {font-size:12px; line-height:14px; margin:10px 0px 4px 0px; padding:0px 8px 0px 8px;} /* Hintergrund */ body.forest.intro.cmsweb {background-size:16%, 13%; background-image: url('../images/flowers_01.jpg'), url('../images/flowers_02.jpg'); background-position: left bottom, right bottom; background-repeat: no-repeat, no-repeat; background-color: #ffffff; background-attachment: fixed, fixed; margin:0px; padding:0px;} body {background:#ffffff;} /* Mobile Menue Icon */ #box_toggletop {display:none;} #frametoggletop {display:none;} #sidr {display:none;} #navigation-toggle {display:none;} /* Mobile Menue */ /* Struktur */ body.width_0 div#container {width:1158px;} #container {width:1158px; margin:0 auto; padding:0px;} #banner {width:1140px; height:105px; padding:0px 9px 0px 9px; float:left; background:#ffffff;} #featurebox-left {width:180px; height:105px; margin:0px 0px 0px 0px; padding:0px; float:left;} .imgscaleflefttop {width:37px; height:13px; padding:33px 143px 0px 0px;} .imgscalefleftbottom {width:180px; height:46px; padding:0px 0px 13px 0px;} #featurebox-right {width:203px; height:105px; margin:0px 0px 0px 273px; padding:0px; float:left;} .imgscalefeatureright {width:203px; height:105px;} #topmenu_box {width:1140px; height:32px; padding:0px 9px 0px 9px; margin:0px 0px 0px 0px; background:#ffffff; float:left;} #topmenu {width:1140px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#005622; float:left;} #topmenu ul {margin:0px 0px 0px 0px; list-style-type: none; z-index:100; text-transform: none; font-size: 13px; } #topmenu ul li {margin:0px 0px 0px 0px; float:left; position:relative; z-index:101;} #topmenu ul li a {color:#ffffff; display:block; padding:7px 15px 7px 15px; z-index:102;} #topmenu ul li a:hover {background-color:#f4f4f4; color:#000000;} #topmenu ul li#current a {background-color:#f4f4f4; color:#000000;} #topmenu ul li.active a {background-color:#f4f4f4; color:#000000;} #topmenu ul li ul li {text-transform:none; font-size:12px;} #topmenu ul li ul li a {background-image:url(../images/bg_menu2.png)!important; color:#000000!important; display:block; font-size:12px; min-width:86px; margin:0px 0px 0px 0px; text-align:left; padding:10px 15px 10px 15px; z-index:106;} #topmenu ul li ul li a:hover {background:#ffffff!important; color:#000000!important;} #topmenu ul li ul li#current a {background:#ffffff!important; color:#000000!important;} #topmenu ul li ul li.active a {background:#ffffff!important; color:#000000!important;} #topmenu ul li ul li ul li {text-transform:none; font-size:12px;} #topmenu ul li ul li ul li a {background:#f4f4f4!important; color:#000000!important; display:block;font-size:12px; min-width:130px; margin:0px 0px 0px 0px; text-align:left; z-index:107;} #topmenu ul li ul li ul li a:hover {background:#ffffff!important; color:#000000!important;} #topmenu ul li ul li ul li#current a {background:#ffffff!important; color:#000000!important;} #topmenu ul li ul li ul li.active a {background:#ffffff!important; color:#000000!important;} #topmenu li ul {display:none; margin:32px 0px 0px 0px; position:absolute; top:0; z-index:104;} #topmenu li ul li ul {display:none; margin:0px 0px 0px 200px; position:absolute; top:0; z-index:104;} #topmenu ul li:hover ul ul {display:none;} #topmenu li ul li {float:none; padding:0px; z-index:105;} #topmenu li a {color:#01642f; text-decoration:none;} #topmenu li:hover ul, #topmenu li ul li:hover ul {display:block;} /* Image-Silder-Box */ /* HAUPTINHALT-BEREICH */ #main {width:1158px; min-height:100px; margin:0px; padding:0px; background:#ffffff; float:left;} #content {width:1158px; margin:0px 0px 36px 0px; padding:0px 0px 0px 0px; float:left;} .item-content {width:100%; padding:0px 0px 0px 0px; float:left;} .Titel1, h1, h2 {width:1140px; font-size:24px; font-weight:400; color:#01642f; margin:16px 9px 36px 9px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} body {font-family:'Sintony', sans-serif; font-weight:400; font-size:14px; color:#282828; text-align:center; line-height:125%; margin:0px; padding:0px;} /* 6-spaltig, 2 Reihen */ #sortimentbox {width:1158px; margin:0px 0px 10px 0px; padding:0px; float:left; background:#ffffff;} .sortbox {width:193px; height:199px; margin:0px 0px 0px 0px; padding:0px; float:left;} .sortimgbox img {width:169px; height:147px; margin:0px 9px 0px 9px; padding:0px; float:left; border:#97c00e 3px solid; border-radius:15px;} .sortimgbox:hover img {width:169px; height:147px; margin:0px 9px 0px 9px; padding:0px; float:left; border:#01642f 3px solid; border-radius:15px;} .sortboximgscale {width:169px; height:147px;} .sortdesc {width:175px; height:46px; margin:0px 9px 0px 9px; padding:0px; float:left;} /* content - 4 GROSSE BILDER*/ .contentquadimgbox {width:1158px; margin:36px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .contentquadimg {width:271px; height:382px; margin:0px 9px 0px 9px; padding:0px; float:left;} .quadimgscale {width:271px; height:382px;} /* 1-spaltig, hellgrün */ #forestinfo1 {width:1000px; background:#edf4d5; margin:0px 9px 36px 9px; padding:10px 70px 10px 70px; float:left;} .Titel3, h4 {width:1000px; font-size:16px; color:#5d5c5c; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} #forestinfo1movie {width:458px; background:#edf4d5; margin:-36px 9px 36px 9px; padding:9px 341px 18px 341px; float:left;} /* 3-spaltig, 2 Reihen */ #greeniconbox {width:1158px; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} #greeniconbox a {color:#b3ca00; text-decoration:none;} #greeniconbox a:hover {color:#b3ca00; text-decoration:underline;} .greeniconboxcol {width:346px; margin:9px 9px 9px 9px; padding:10px; border: #dcdcdc 1px solid; float:left;} .greenicontxt {width:346px; height:140px; margin:0px 0px 0px 0px; padding:0px; float:left;} .Titel5 {font-size:14px; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} .Text4 {font-size:12px; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none;} .Titel1b {font-size:24px; color:#01642f; margin:16px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} .Titel2b {font-size:20px; color:#01642f; margin:12px 0px 16px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} /*kontakt */ .Titel3b {font-size:16px; color:#5d5c5c; margin:16px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*sortiment */ .Titel4 {font-size:14px; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*aktion 2er */ .Titel8 {font-size:14px; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:uppercase;} /*aktion 4er */ .Titel9 {font-size:14px; color:#01642f; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none; font-weight:700;} .Text1 {font-size:14px; color:#5d5c5c; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*infograu */ .Text2 {font-size:14px; color:#5d5c5c; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*kataloge */ .Text3 {font-size:14px; color:#000000; font-weight:700; margin:4px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*aktion 4er */ .Text6 {font-size:13px; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*aktion 2er */ .Text7 {font-size:13px; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none;} .pdf-download {font-size:14px; line-height:125%; background: url('../images/pdf_icon-v2.png') no-repeat left 3px; margin:4px 0px 13px 0px; padding:4px 0px 3px 28px;} .strong {font-weight:700;} .certimgscale {width:271px; height:170px; margin:36px 0px 0px 0px;} .assortment_title {width:253px; color:#ffffff; font-size:16px; font-weight:700; margin:20px 0px 12px 0px; padding:9px 9px 9px 9px; border-radius:8px; background:#a5c300;} .assortment_text {font-size:12px; color:#757575;font-weight:400; background:none; padding:0px 9px 0px 9px; text-align:left;} /* content - TOP TITLE - mit Rand*/ /* content - 4 BILDER+TXT*/ .contentquadtxtbox {width:1158px; min-height:280px; margin:0px 0px 0px 0px; padding:0px; float:left; background:#ffffff;} .contentquadtxtbox2 {width:1158px; min-height:280px; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .txtquadbox {width:271px; min-height:180px; margin:0px 9px 0px 9px; padding:0px; float:left;} .txtquadbox2 {width:271px; min-height:180px; margin:0px 9px 0px 9px; padding:0px; float:left;} .txtquadimg {width:271px; min-height:180px; margin:0px; padding:0px; float:left;} .txtquadimgscale {width:271px; height:181px;} .imgscalerecept1 {width:271px; height:136px; margin:7px 0px 0px 0px;} .imgscalerecept2 {width:271px; height:136px; margin:6px 0px 0px 0px;} .txtquadcontent {width:251px; margin:0px; padding:10px 10px 10px 10px; float:left;} /* content */ .contenttxtbox {width:800px; margin:0px 9px 36px 9px; padding:0px 170px 0px 170px; float:left; background:#ffffff;} /* YOUTUBEBOX */ #forestinfotop {width:1158px; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .scalemesseinfo {width:318px; height:304px; margin:0px 0px 50px 0px; } /* DREISPALTIGER KASTEN MIT BROSCHÜREN */ #katalogbox {width:1140px; margin:16px 9px 36px 9px; padding:0px; float:left; background:#ffffff;} .boxkatalog {width:318px; height:369px; margin:0px 31px 0px 31px; padding:0px; float:left;} .katalogimg {width:242px; height:329px; margin:0px 38px 0px 38px; padding:0px; float:left;} .katalogimgscale {width:242px; height:329px;} .katalogtxt {width:318px; height:40px; margin:0px 0px 0px 0px; padding:0px; float:left;} /* SECHSPALTIGER KASTEN dunkelgrün */ #footerinfobox {width:1158px; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .infoboxfooter {width:169px; height:147px; margin:0px 9px 0px 9px; padding:0px; float:left; border:#97bf10 3px solid; background:#005622; border-radius:15px;} #footerinfobox a {color:#ffffff; text-decoration:none;} #footerinfobox a:hover {color:#ffffff; text-decoration:underline;} /* GROSSES BILD UNTEN */ #imagebigbottom {width:1140px; margin:0px 9px 36px 9px; padding:0px; float:left; background:#ffffff;} .bigbottomIMGscale {width:1140px; height:248px;} /* Footer BOX Top */ #footertop {width:1140px; margin:20px 9px 0px 9px; padding:0px; float:left; } #footertop a {color:#005622; text-decoration:none;} #footertop a:hover {color:#005622; text-decoration:underline;} .footertoptxt {font-size:14px; text-align:center; margin:0px; padding:0px 0px 0px 0px; color:#8d8d8d;} /* Footer BOX Bottom */ #footerbottom {width:1140px; margin:5px 9px 20px 9px; padding:0px; float:left; } #footerbottom a {color:#005622; text-decoration:none;} #footerbottom a:hover {color:#005622; text-decoration:underline;} .footerbottomtxt {font-size:14px; text-align:center; margin:0px; padding:0px 0px 0px 0px; color:#8d8d8d;} /* UPGRADE */ .listing_content {font-size:14px; color:#282828; padding:2px 0px 0px 16px; list-style:none; text-align:left; background: url('../images/kreis.png') no-repeat left 5px;} .blog-items[class*=" masonry-"] {display:inline-flex; margin-bottom:0px!important; margin-top:36px!important; break-inside:avoid;} #logo {width:268px; height:90px; margin:7px 0px 0px 256px; padding:0px; float:left;} .imgscalelogo {width:268px; height:90px;} #image-slider {width:1140px; height:419px; padding:0px 9px 30px 9px; margin:0px 0px 0px 0px; background:#ffffff; float:left;} .imgscaleslider {width:1140px; height:419px;} .googlemap {width:1140px; height:419px;} .slide-desc-text-default {padding:15px 15px 15px 15px!important;} .slide-text {font-size:24px!important; text-align:center!important; text-transform:uppercase!important;} .greeniconimg {width:125px; height:125px; margin:0px 110px 0px 111px; padding:0px; float:left;} .greeniconimgscale {width:125px; height:125px;} .contenttoptitle {width:800px; margin:0px 9px 0px 9px; padding:0px 170px 0px 170px; float:left; background:#ffffff;} } @media (min-width: 817px)and (max-width: 1175px){ /* NEW JOOMLA 4 */ .item-content {width:100%; float:left; padding:0px 0px 0px 0px;} .Titel2, h3 {width:765px; font-size:20px; color:#01642f; margin:26px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} /*3er */.Titel7 {font-size:16px; color:#01642f; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none; font-weight:700;} /*1er */.Titel7b {font-size:16px; color:#01642f; margin:20px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none; font-weight:700;} .columntext {font-size:14px; color:#282828; font-weight:400; text-align:left; line-height:125%; margin:0px; padding:0px;} .listing_content {font-size:14px; color:#282828; padding:2px 0px 0px 16px; list-style:none; text-align:left; background: url('../images/kreis.png') no-repeat left 5px;} .listing_more-2 {font-size:14px; color:#282828; padding:2px 0px 0px 14px; text-align:left; background: url('../images/pfeil-01.png') no-repeat left 7px; line-height:150%; margin:4px 0px 4px 0px; } .blog-items.masonry-1 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .blog-items.masonry-2 {-webkit-column-count:2; -moz-column-count:2; column-count:2;} .blog-items.masonry-3 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .columnbox-3 {width:765px; float:left;} .blog-items.masonry-4 {-webkit-column-count:2;-moz-column-count:2;column-count:2;} .blog-items[class*=" masonry-"], .blog-items[class^="masonry-"] {display:block; -webkit-column-gap:20px; -moz-column-gap:20px; column-gap:20px;} .blog-items[class*=" masonry-"] {display:block; margin-bottom:0px!important; margin-top:36px!important; break-inside:avoid;} .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {margin-bottom:0px!important; break-inside:avoid; padding:0px 9px!important;} .blog-items .blog-item {float:left} .gabcolumnbox {margin:0px 9px; float:left;} /*karriere */ .Titel3c {font-size:16px; color:#5d5c5c; margin:8px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:uppercase;} .greenjobtxt {width:346px; height:100px; margin:0px 0px 0px 0px; padding:0px 8px; float:left;} /* Grüne Info-Boxen*/ .infoboxfooter {width:237px; height:137px; margin:0px 9px 9px 9px; border:#97bf10 3px solid; } .infoboxfooter a {height:121px; padding:16px 0px 0px 0px;} .infoboxfooter a:hover {height:121px; padding:16px 0px 0px 0px;} .Titel6 {font-size:14px; line-height:25px; margin:16px 0px 4px 0px; padding:0px 6px 0px 6px;} .Text5 {font-size:12px; line-height:14px; margin:10px 0px 4px 0px; padding:0px 8px 0px 8px;} body.forest.intro.cmsweb {background-size:16%, 13%; background-image: url('../images/flowers_01.jpg'), url('../images/flowers_02.jpg'); background-position: left bottom, right bottom; background-repeat: no-repeat, no-repeat; background-color: #ffffff; background-attachment: fixed, fixed; margin:0px; padding:0px;} #sidr {display:none;} #navigation-toggle {display:none;} #box_toggletop {display:none;} #frametoggletop {display:none;} /* STRUKTUR */ body {background:#ffffff;} body.width_0 div#container {width:783px;} #container {width:783px; margin:0 auto; padding:0px;} /* BANNER */ #banner {width:765px; height:79px; padding:0px 9px 0px 9px; float:left; background:#ffffff;} #featurebox-left {width:135px; height:79px; margin:0px 0px 0px 0px; padding:0px; float:left;} .imgscaleflefttop {width:37px; height:13px; padding:21px 98px 0px 0px; text-align:left;} .imgscalefleftbottom {width:135px; height:35px; padding:0px 0px 12px 0px; text-align:left;} #featurebox-right {width:153px; height:79px; margin:0px 0px 0px 158px; padding:0px; float:left;} .imgscalefeatureright {width:153px; height:79px;} /* HAUPTMENÜ */ #topmenu_box {width:765px; height:32px; padding:0px 9px 0px 9px; margin:0px 0px 0px 0px; background:#ffffff; float:left;} #topmenu {width:765px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#005622; float:left;} #topmenu ul {margin:0px 0px 0px 0px; list-style-type: none; z-index:100; text-transform: none; font-size: 13px; } #topmenu ul li {margin:0px 0px 0px 0px; float:left; position:relative; z-index:101;} #topmenu ul li a {color:#ffffff; display:block; padding:7px 15px 7px 15px; z-index:102;} #topmenu ul li a:hover {background-color:#f4f4f4; color:#000000;} #topmenu ul li#current a {background-color:#f4f4f4; color:#000000;} #topmenu ul li.active a {background-color:#f4f4f4; color:#000000;} #topmenu ul li ul li {text-transform:none; font-size:12px;} #topmenu ul li ul li a {background-image:url(../images/bg_menu2.png)!important; color:#000000!important; display:block; font-size:12px; min-width: 86px; margin:0px 0px 0px 0px; text-align:left; padding:10px 15px 10px 15px; z-index:106;} #topmenu ul li ul li a:hover {background:#ffffff!important; color:#000000!important;} #topmenu ul li ul li#current a {background:#ffffff!important; color:#000000!important;} #topmenu ul li ul li.active a {background:#ffffff!important; color:#000000!important;} #topmenu ul li ul li ul li {text-transform:none; font-size:12px; } #topmenu ul li ul li ul li a {background:#f4f4f4!important; color:#000000!important; display:block;font-size:12px; min-width: 130px; margin:0px 0px 0px 0px; text-align:left; z-index:107;} #topmenu ul li ul li ul li a:hover {background:#ffffff!important; color:#000000!important;} #topmenu ul li ul li ul li#current a {background:#ffffff!important; color:#000000!important;} #topmenu ul li ul li ul li.active a {background:#ffffff!important; color:#000000!important;} #topmenu li ul {display:none; margin:32px 0px 0px 0px; position:absolute; top:0; z-index:104;} #topmenu li ul li ul {display:none; margin:0px 0px 0px 200px; position:absolute; top:0; z-index:104;} #topmenu ul li:hover ul ul {display:none;} #topmenu li ul li {float:none; padding:0px; z-index:105;} #topmenu li a {color:#003546; text-decoration:none;} #topmenu li:hover ul, #topmenu li ul li:hover ul {display: block;} /* MAIN-SLIDER */ /* HAUPTINHALT-BEREICH */ #main {width:783px; min-height:100px; margin:0px; padding:0px; float:left; background:#ffffff;} #content {width:783px; margin:0px 0px 36px 0px; padding:0px 0px 0px 0px; float:left;} body {font-family:'Sintony', sans-serif; font-weight:400; font-size:14px; color:#282828; text-align:center; line-height:125%; margin:0px; padding:0px;} .Titel1, h1, h2 {width:765px; font-size:24px; color:#01642f; margin:16px 0px 16px 0px; padding:0px 0px 0px 0px; line-height:125%;text-align:center; text-transform:uppercase; font-weight:400;} .Titel2, h3 {font-size:20px; color:#01642f; margin:26px 0px 8px 0px; padding:0px 9px 0px 9px; text-align:center; text-transform:uppercase; font-weight:400;} .Titel1b {font-size:24px; color:#01642f; margin:16px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} .Titel2b {font-size:20px; color:#01642f; margin:12px 0px 16px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} /*infograu */ .Titel3, h4 {width:705px; font-size:16px; color:#5d5c5c; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*kontakt */ .Titel3b {font-size:16px; color:#5d5c5c; margin:16px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*sortiment */ .Titel4 {font-size:14px; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*greenicon */ .Titel5 {font-size:14px; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*3er */ .Titel7 {font-size:16px; color:#01642f; margin:26px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none; font-weight:700;} /*aktion 2er */ .Titel8 {font-size:16px; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:uppercase; font-weight:700;} /*aktion 4er */ .Titel9 {font-size:14px; color:#01642f; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none; font-weight:700;} .Text1 {font-size:14px; color:#5d5c5c; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*infograu */ .Text2 {font-size:14px; color:#5d5c5c; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*kataloge */ .Text3 {font-size:14px; color:#000000; font-weight:700; margin:4px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*greenicon */ .Text4 {font-size:13px; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none;} /*aktion 4er */ .Text6 {font-size:13px; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*aktion 2er */ .Text7 {font-size:14px; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none;} /*greenicon */ .listing_more {font-size:13px; color:#b3ca00; padding:2px 0px 0px 16px; list-style:none; text-align:left; background: url('../images/pfeil-01.png') no-repeat left 5px;} .pdf-download {font-size:14px; line-height:125%; background: url('../images/pdf_icon-v2.png') no-repeat left 3px; margin:4px 0px 13px 0px; padding:4px 0px 3px 28px;} .strong {font-weight:700;} .certimgscale {width:243px; height:152px; margin:36px 0px 0px 0px;} .assortment_title {width:225px; color:#ffffff; font-size:16px; font-weight:700; margin:20px 0px 12px 0px; padding:9px 9px 9px 9px; border-radius:8px; background:#a5c300;} .assortment_text {font-size:12px; color:#757575;font-weight:400; background:none; padding:0px 9px 0px 9px; text-align:left;} .listing_more-2 {font-size:13px; text-align:left; background: url('../images/pfeil-01.png') no-repeat left 7px; line-height:150%; margin:4px 0px 4px 0px; padding:2px 0px 0px 14px;} /* LEADINGS */ .item-content {width:100%; float:left; padding:0px 0px 0px 0px;} /* content - TOP TITLE - mit Rand*/ /* content - 4 GROSSE BILDER*/ .contentquadimgbox {width:783px; margin:36px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .contentquadimg {width:177px; height:241px; margin:0px 9px 0px 9px; padding:0px; float:left;} .quadimgscale {width:177px; height:241px;} /* content - 4 BILDER+TXT*/ .contentquadtxtbox {width:783px; min-height:280px; margin:0px 0px 0px 0px; padding:0px; float:left; background:#ffffff;} .contentquadtxtbox2 {width:783px; min-height:280px; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .txtquadbox {width:373px; min-height:249px; margin:0px 9px 0px 9px; padding:0px; float:left;} .txtquadbox2 {width:373px; min-height:194px; margin:0px 9px 36px 9px; padding:0px; float:left;} .txtquadimg {width:373px; min-height:249px; margin:0px; padding:0px; float:left;} .txtquadimgscale {width:373px; height:249px;} .imgscalerecept1 {width:373px; height:187px; margin:7px 0px 0px 0px;} .imgscalerecept2 {display:none;} .txtquadcontent {width:353px; margin:0px; padding:10px 10px 10px 10px; float:left;} /* content */ .contenttxtbox {width:705px; margin:0px 9px 36px 9px; padding:0px 30px 0px 30px; float:left; background:#ffffff;} /* YOUTUBEBOX */ #forestinfotop {width:783px; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .forestinfotopbox {width:311px; margin:0px 236px 0px 236px; padding:0px; float:left;} .scalemesseinfo {width:311px; height:297px; margin:0px 0px 50px 0px;} /* EINSPALTIGER KASTEN HELLGRÜN */ #forestinfo1 {width:705px; margin:0px 9px 36px 9px; padding:10px 30px 10px 30px; float:left; background:#edf4d5;} #forestinfo1movie {width:385px; background:#edf4d5; margin:-36px 9px 36px 9px; padding:9px 190px 18px 190px; float:left;} /* DREISPALTIGER KASTEN MIT BROSCHÜREN */ #katalogbox {width:765px; margin:16px 9px 36px 9px; padding:0px; float:left; background:#ffffff;} .boxkatalog {width:233px; height:310px; margin:0px 11px 0px 11px; padding:0px; float:left;} .katalogimg {width:213px; height:290px; margin:0px 10px 0px 10px; padding:0px; float:left;} .katalogimgscale {width:213px; height:290px;} .katalogtxt {width:233px; height:20px; margin:0px 0px 0px 0px; padding:0px; float:left;} /* VIERPALTIGER KASTEN 3er REIHE */ #sortimentbox {width:783px; margin:0px 0px 10px 0px; padding:0px; float:left; background:#ffffff;} .sortbox {width:195px; height:199px; margin:0px 0px 0px 0px; padding:0px; float:left;} .sortimgbox img {width:169px; height:147px; margin:0px 10px 0px 10px; padding:0px; float:left; border:#97c00e 3px solid; border-radius:15px;} .sortimgbox:hover img {width:169px; height:147px; margin:0px 10px 0px 10px; padding:0px; float:left; border:#01642f 3px solid; border-radius:15px;} .sortboximgscale {width:169px; height:147px;} .sortdesc {width:175px; height:46px; margin:0px 10px 0px 10px; padding:0px; float:left;} /* DREISPALTIGER KASTEN 2er REIHE */ #greeniconbox {width:765px; margin:0px 9px 36px 9px; padding:0px; float:left; background:#ffffff;} .greeniconboxcol {width:362px; margin:9px 9px 9px 9px; padding:0px; border:#dcdcdc 1px solid;float:left;} .greenicontxt {width:347px; height:134px; margin:0px 0px 0px 0px; padding:0px 8px; float:left;} #greeniconbox a {color:#b3ca00; text-decoration:none;} #greeniconbox a:hover {color:#b3ca00; text-decoration:underline;} /* DREIPALTIGER KASTEN 2er REIHE dunkelgrün */ #footerinfobox {width:783px; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .infoboxfooter {width:237px; height:137px; margin:0px 9px 9px 9px; padding:0px; float:left; border:#97bf10 3px solid; background:#005622; border-radius:15px;} #footerinfobox a {color:#ffffff; text-decoration:none;} #footerinfobox a:hover {color:#ffffff; text-decoration:underline;} /* GROSSES BILD UNTEN */ #imagebigbottom {width:765px; margin:0px 9px 36px 9px; padding:0px; float:left; background:#ffffff;} .bigbottomimgscale {width:765px; height:248px;} /* Footer BOX Top */ #footertop {width:765px; margin:20px 9px 0px 9px; padding:0px; float:left; } #footertop a {color:#005622; text-decoration:none;} #footertop a:hover {color:#005622; text-decoration:underline;} .footertoptxt {font-size:14px; text-align:center; margin:0px; padding:0px 0px 0px 0px; color:#8d8d8d;} /* Footer BOX Bottom */ #footerbottom {width:765px; margin:5px 9px 20px 9px; padding:0px; float:left; } #footerbottom a {color:#005622; text-decoration:none;} #footerbottom a:hover {color:#005622; text-decoration:underline;} .footerbottomtxt {font-size:14px; text-align:center; margin:0px; padding:0px 0px 0px 0px; color:#8d8d8d;} /* UPGRADE */ #logo {width:208px; height:70px; margin:5px 0px 4px 143px; padding:0px; float:left;} .imgscalelogo {width:208px; height:70px;} #image-slider {width:765px; height:281px; padding:0px 9px 30px 9px; margin:0px 0px 0px 0px; background:#ffffff; float:left;} .googlemap {width:765px; height:281px;} .imgscaleslider {width:765px; height:281px;} .slide-desc-text-default {padding:15px 15px 15px 15px!important;} .slide-text {font-size:20px!important; text-align:center!important; text-transform:uppercase!important;} .greeniconimg {width:125px; height:125px; margin:0px auto; padding:10px;} .greeniconimgscale {width:125px; height:125px;} .contenttoptitle {width:705px; margin:0px 9px 0px 9px; padding:0px 30px 0px 30px; float:left; background:#ffffff;} } @media (min-width: 581px)and (max-width: 817px){ /* NEW JOOMLA 4 */ #content {width:565px; margin:0px 0px 36px 0px; padding:0px 0px 0px 0px; float:left;} .item-content {width:100%; float:left; padding:0px 0px 0px 0px;} .Titel1, h1, h2 {width:565px; font-size:24px; color:#01642f; margin:16px 0px 36px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} .Titel2, h3 {width:565px; font-size:20px; color:#01642f; margin:26px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} .Titel3, h4 {width:547px; font-size:16px; color:#5d5c5c; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*3er */.Titel7 {font-size:16px; color:#01642f; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none; font-weight:700;} /*1er */.Titel7b {font-size:16px; color:#01642f; margin:20px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none; font-weight:700;} .columntext {font-size:14px; color:#282828; font-weight:400; text-align:left; line-height:125%; margin:0px; padding:0px;} .listing_content {font-size:14px; color:#282828; padding:2px 0px 0px 16px; list-style:none; display:table; margin:0 auto; text-align:left; background: url('../images/kreis.png') no-repeat left 5px;} .listing_more-2 {font-size:14px; color:#282828; padding:2px 0px 0px 14px; text-align:left; background: url('../images/pfeil-01.png') no-repeat left 7px; line-height:150%; margin:4px 0px 4px 0px; } .blog-items.masonry-1 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .blog-items.masonry-2 {-webkit-column-count:2; -moz-column-count:2; column-count:2;} .blog-items.masonry-3 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .columnbox-3 {width:565px; float:left;} .blog-items.masonry-4 {-webkit-column-count:2;-moz-column-count:2;column-count:2;} .blog-items[class*=" masonry-"], .blog-items[class^="masonry-"] {display:block; -webkit-column-gap:20px; -moz-column-gap:20px; column-gap:20px;} .blog-items[class*=" masonry-"] {display:block; margin-bottom:0px!important; margin-top:36px!important; break-inside:avoid;} .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {margin-bottom:0px!important; break-inside:avoid; padding:0px 9px!important;} .blog-items .blog-item {float:left} .gabcolumnbox {margin:0px 9px; float:left;} /* DREISPALTIGER KASTEN 2er REIHE */ /*greenicon */ .Text4 {font-size:12px; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none;} #greeniconbox a {color:#b3ca00; text-decoration:none;} #greeniconbox a:hover {color:#b3ca00; text-decoration:underline;} /*karriere */ .Titel3c {font-size:12px; color:#5d5c5c; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:uppercase;} .greenjobtxt {width:253px; height:100px; margin:0px 5px 0px 5px; padding:0px; float:left;} /* Grüne Info-Boxen*/ .infoboxfooter {width:258px; height:127px; margin:0px 9px 9px 9px; border:#97bf10 3px solid; } .infoboxfooter a {height:111px; padding:16px 0px 0px 0px;} .infoboxfooter a:hover {height:111px; padding:16px 0px 0px 0px;} .Titel6 {font-size:14px; line-height:25px; margin:16px 0px 4px 0px; padding:0px 6px 0px 6px;} .Text5 {font-size:12px; line-height:14px; margin:10px 0px 4px 0px; padding:0px 8px 0px 8px;} /* Rollover-Menü */ /* toggle */ #sidr {display:none;} #box_toggletop {width:565px; height:79px; padding:0px; position:absolute; z-index:998; left:50%; top:0px; transform:translate(-50%, 0%); float:left;} #frametoggletop {width:547px; height:79px; margin:0px 9px 0px 9px; float:left;} #navigation-toggle {font-size:24px; margin:15px 0px 0px 498px; z-index:999; display:block; width:26px; position:relative; padding:12px 10px 8px 10px; background-color:#ffffff; border:#035116 1px solid; transition:color linear 0.15s; text-decoration:none !important;} #navigation-toggle span.nav-line {height:4px; width:26px; margin-bottom:5px;display:block; background:#035116;} /* menue header */ .sidr-top {width:320px; height:70px; background:#f1f1f1; opacity:1.0; margin:0px;} /* position: schließen-schaltfläche */ a.sidr-class-toggle-sidr-close {padding:23px 23px; text-decoration:none; display:block; text-align:right;} /* schließen-schaltfläche */ a.sidr-class-toggle-sidr-close::before {border:1px solid #035116; font-size:20px; font-weight:700; padding:0px 10px 1px 10px; color:#035116; margin:0; text-decoration:none; content:"x"; } /* menue field */ #sidr:target {font-size:16px; width:320px; color:#373737; height:100%; margin:0px; display:block; position:fixed; top:0; z-index:999999; overflow-x:hidden; overflow-y:auto; } /* menue ebene 1 */ .sidr-menue ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; } /* menue ebene 1 - Menüpunkte */ .sidr-menue ul li {border-bottom:1px solid #ffffff; background:#f1f1f1; opacity:1.0; font-size:1.0em; line-height:48px; margin:0px 0px 0px 0px; padding:0px 6px 0px 6px; display:block;} .sidr-menue ul li a, .sidr-menue ul li span {color:#373737; display:block; text-decoration:none; padding:0px 0px 0px 0px;} .sidr-menue ul li a:hover {color:#035116; padding:0px 0px 0px 0px; background:#d0e589;} .sidr-menue ul li.active a {color:#373737; padding:0px 0px 0px 0px;} .sidr-menue ul li.current a {color:#035116; padding:0px 0px 0px 0px;} .sidr-menue ul li.current a :hover {color:#035116; background:#d0e589;} .sidr-menue ul li.current > a {color:#035116;} .sidr-menue ul li.selected > a {color:#035116; background:#d0e589; } .sidr-menue ul li.selected > a:hover {color:#035116; background:#d0e589;} /* menue ebene 2 */ .sidr-menue ul li ul {margin:0px; border-bottom:none; display:block;} .sidr-menue ul li ul li {font-size:14px; line-height:40px;} .sidr-menue ul li ul li a, .sidr-menue ul li ul li span {color:#8d8d8d; padding:0px 0px 0px 0px;} .sidr-menue ul li ul li a:hover {padding:0px 0px 0px 0px; color:#035116; background:#d0e589;} .sidr-menue ul li ul li.active a {padding:0px 0px 0px 0px; color:#035116;} .sidr-menue ul li ul li.current a {padding:0px 0px 0px 0px; color:#035116;} .sidr-menue ul li ul li.current > a {color:#035116;} .sidr-menue ul li ul li:last-child {border-bottom: none;} /* menue funktionen */ .sidr-menue li ul {display:block;} .sidr-menue li ul li {float:none; padding:0px 0px 0px 0px; z-index:105;} .sidr-menue li:hover ul, li.over ul {display:block;} /* STRUKTUR */ body.forest.intro.cmsweb {background-size:16%, 13%; background-image: url('../images/flowers_01.jpg'), url('../images/flowers_02.jpg'); background-position: left bottom, right bottom; background-repeat: no-repeat, no-repeat; background-color: #ffffff; background-attachment: fixed, fixed; margin:0px; padding:0px;} body {background:#ffffff;} body.width_0 div#container {width:565px;} #container {width:565px; margin:0 auto; padding:0px;} /* BANNER */ #banner {width:547px; height:79px; padding:0px 9px 0px 9px; float:left; background:#ffffff;} #featurebox-left {display:none;} .imgscaleflefttop {display:none;} .imgscalefleftbottom {display:none;} #logo {width:194px; height:65px; margin:5px 0px 5px 0px; padding:0px; float:left;} .imgscalelogo {width:194px; height:65px;} #featurebox-right {width:145px; height:75px; position:absolute; z-index:9999; left:50%; top:0px; transform:translate(-50%,0%);} .imgscalefeatureright {width:145px; height:75px;} /* HAUPTMENÜ */ #topmenu_box {display:none;} #topmenu {display:none;} /* MAIN-SLIDER */ #image-slider {width:547px; height:201px; padding:0px 9px 30px 9px; margin:0px 0px 0px 0px; background:#ffffff; float:left;} .googlemap {width:547px; height:201px;} .imgscaleslider {width:547px; height:201px;} .slide-desc-text-default {padding:15px 15px 15px 15px!important;} .slide-text {font-size:18px!important; text-align:center!important; text-transform:uppercase!important;} /* HAUPTINHALT-BEREICH */ #main {width:565px; min-height:100px; margin:0px; padding:0px; float:left; background:#ffffff;} #content {width:565px; margin:0px 0px 36px 0px; padding:0px 0px 0px 0px; float:left;} body {font-family:'Sintony', sans-serif; font-weight:400; font-size:14px; color:#282828; text-align:center; line-height:125%; margin:0px; padding:0px;} .Titel1, h1, h2 {font-size:24px; color:#01642f; margin:16px 0px 16px 0px; padding:0px 0px 0px 0px; line-height:125%;text-align:center; text-transform:uppercase; font-weight:400;} .Titel2, h3 {font-size:20px; color:#01642f; margin:26px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} .Titel1b {font-size:24px; color:#01642f; margin:16px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} .Titel2b {font-size:20px; color:#01642f; margin:12px 0px 16px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} /*infograu */ .Titel3, h4 {font-size:16px; color:#5d5c5c; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*kontakt */ .Titel3b {font-size:16px; color:#5d5c5c; margin:16px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*sortiment */ .Titel4 {font-size:14px; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*greenicon */ .Titel5 {font-size:14px; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*3er */ .Titel7 {font-size:16px; color:#01642f; margin:26px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none; font-weight:700;} /*aktion 2er */ .Titel8 {font-size:16px; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:uppercase; font-weight:700;} /*aktion 4er */ .Titel9 {font-size:14px; color:#01642f; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none; font-weight:700;} .Text1 {font-size:14px; color:#5d5c5c; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*infograu */ .Text2 {font-size:14px; color:#5d5c5c; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*kataloge */ .Text3 {font-size:14px; color:#000000; font-weight:700; margin:4px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*greenicon */ .Text4 {font-size:12px; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none;} /*aktion 4er */ .Text6 {font-size:13px; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*aktion 2er */ .Text7 {font-size:14px; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none;} /*greenicon */ .listing_more {font-size:13px; color:#b3ca00; padding:2px 0px 0px 16px; list-style:none; text-align:left; background: url('../images/pfeil-01.png') no-repeat left 5px;} .pdf-download {font-size:14px; line-height:125%; background: url('../images/pdf_icon-v2.png') no-repeat left 3px; margin:4px 0px 13px 0px; padding:4px 0px 3px 28px;} .listing_content {font-size:14px; color:#282828; padding:2px 0px 0px 16px; list-style:none; text-align:left; background: url('../images/kreis.png') no-repeat left 5px;} .strong {font-weight:700;} .certimgscale {width:264px; height:165px; margin:36px 0px 0px 0px;} .assortment_title {width:246px; color:#ffffff; font-size:16px; font-weight:700; margin:20px 0px 12px 0px; padding:9px 9px 9px 9px; border-radius:8px; background:#a5c300;} .assortment_text {font-size:12px; color:#757575;font-weight:400; background:none; padding:0px 9px 0px 9px; text-align:left;} .listing_more-2 {font-size:13px; text-align:left; background: url('../images/pfeil-01.png') no-repeat left 7px; line-height:150%; margin:4px 0px 4px 0px; padding:2px 0px 0px 14px;} /* LEADINGS */ .item-content {width:100%; float:left; padding:0px 0px 0px 0px;} /* content - TOP TITLE - mit Rand*/ .contenttoptitle {width:547px; margin:0px 9px 0px 9px; padding:0px 0px 0px 0px; float:left; background:#ffffff;} /* content - 4 GROSSE BILDER*/ .contentquadimgbox {width:565px; margin:36px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .contentquadimg {width:264px; height:359px; margin:0px 9px 9px 9px; padding:0px; float:left;} .quadimgscale {width:264px; height:359px;} /* content - 4 BILDER+TXT*/ .contentquadtxtbox {width:565px; min-height:280px; margin:0px 0px 0px 0px; padding:0px; float:left; background:#ffffff;} .contentquadtxtbox2 {width:565px; min-height:280px; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .txtquadbox {width:264px; min-height:249px; margin:0px 9px 0px 9px; padding:0px; float:left;} .txtquadbox2 {width:264px; min-height:139px; margin:0px 9px 36px 9px; padding:0px; float:left;} .txtquadimg {width:264px; min-height:176px; margin:0px; padding:0px; float:left;} .txtquadimgscale {width:264px; height:176px;} .imgscalerecept1 {width:264px; height:132px; margin:7px 0px 0px 0px;} .imgscalerecept2 {display:none;} .txtquadcontent {width:244px; margin:0px; padding:10px 10px 10px 10px; float:left;} /* content */ .contenttxtbox {width:547px; margin:0px 9px 36px 9px; padding:0px 0px 0px 0px; float:left; background:#ffffff;} /* YOUTUBEBOX */ #forestinfotop {width:565px; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .forestinfotopbox {width:343px; margin:0px 111px 0px 111px; padding:0px; float:left;} .scalemesseinfo {width:343px; height:328px; margin:0px 0px 50px 0px; } /* EINSPALTIGER KASTEN HELLGRÜN */ #forestinfo1 {width:527px; margin:0px 9px 36px 9px; padding:10px 10px 10px 10px; float:left; background:#edf4d5;} #forestinfo1movie {width:320px; background:#edf4d5; margin:-36px 9px 36px 9px; padding:9px 114px 18px 113px; float:left;} /* DREISPALTIGER KASTEN MIT BROSCHÜREN */ #katalogbox {width:565px; margin:16px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .boxkatalog {width:170px; height:245px; margin:0px 9px 0px 9px; padding:0px; float:left;} .katalogimg {width:170px; height:225px; margin:0px 0px 0px 0px; padding:0px; float:left;} .katalogimgscale {width:170px; height:225px;} .katalogtxt {width:170px; height:20px; margin:0px 0px 0px 0px; padding:0px; float:left;} /* VIERPALTIGER KASTEN 3er REIHE */ #sortimentbox {width:565px; margin:0px 0px 10px 0px; padding:0px; float:left; background:#ffffff;} .sortbox {width:188px; height:199px; margin:0px 0px 0px 0px; padding:0px; float:left;} .sortimgbox img {width:164px; height:142px; margin:0px 9px 0px 9px; padding:0px; float:left; border:#97c00e 3px solid; border-radius:15px;} .sortimgbox:hover img {width:164px; height:142px; margin:0px 9px 0px 9px; padding:0px; float:left; border:#01642f 3px solid; border-radius:15px;} .sortboximgscale {width:164px; height:142px;} .sortdesc {width:170px; height:46px; margin:0px 9px 0px 9px; padding:0px; float:left;} /* DREISPALTIGER KASTEN 2er REIHE */ #greeniconbox {width:565px; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .greeniconboxcol {width:262px; margin:9px 9px 9px 9px; padding:0px; float:left; border: #dcdcdc 1px solid;} .greeniconimg {width:125px; height:125px; margin:5px 0px 5px 0px; padding:10px; margin:0px auto;} .greeniconimgscale {width:125px; height:125px;} .greenicontxt {width:252px; height:190px; margin:0px 0px 0px 0px; padding:0px 5px; float:left;} #greeniconbox a {color:#b3ca00; text-decoration:none;} #greeniconbox a:hover {color:#b3ca00; text-decoration:underline;} /* DREIPALTIGER KASTEN 2er REIHE dunkelgrün */ #footerinfobox {width:565px; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .infoboxfooter {width:258px; height:127px; margin:0px 9px 9px 9px; padding:0px; float:left; border:#97bf10 3px solid; background:#005622; border-radius:15px;} #footerinfobox a {color:#ffffff; text-decoration:none;} #footerinfobox a:hover {color:#ffffff; text-decoration:underline;} /* GROSSES BILD UNTEN */ #imagebigbottom {width:547px; margin:0px 9px 36px 9px; padding:0px; float:left; background:#ffffff;} .bigbottomimgscale {width:547px; height:119px;} /* Footer BOX Top */ #footertop {width:547px; margin:20px 9px 0px 9px; padding:0px; float:left; } #footertop a {color:#005622; text-decoration:none;} #footertop a:hover {color:#005622; text-decoration:underline;} .footertoptxt {font-size:14px; text-align:center; margin:0px; padding:0px 0px 0px 0px; color:#8d8d8d;} /* Footer BOX Bottom */ #footerbottom {width:547px; margin:5px 9px 20px 9px; padding:0px; float:left; } #footerbottom a {color:#005622; text-decoration:none;} #footerbottom a:hover {color:#005622; text-decoration:underline;} .footerbottomtxt {font-size:14px; text-align:center; margin:0px; padding:0px 0px 0px 0px; color:#8d8d8d;} } @media (max-width: 581px){ /* NEW JOOMLA 4 */ .item-content {width:100%; float:left; padding:0px 0px 0px 0px;} .Titel1, h1, h2 {font-size:24px; color:#01642f; margin:16px 0px 36px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} .Titel2, h3 {font-size:20px; color:#01642f; margin:26px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} .Titel3, h4 {font-size:16px; color:#5d5c5c; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*3er */.Titel7 {font-size:16px; color:#01642f; margin:0px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none; font-weight:700;} /*1er */.Titel7b {font-size:16px; color:#01642f; margin:20px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none; font-weight:700;} .columntext {font-size:14px; color:#282828; font-weight:400; text-align:left; line-height:125%; margin:0px; padding:0px;} .listing_content {font-size:14px; color:#282828; padding:2px 0px 0px 16px; list-style:none; text-align:left; background: url('../images/kreis.png') no-repeat left 5px;} .listing_more {font-size:14px; color:#b3ca00; padding:2px 0px 0px 16px; text-align:left; background: url('../images/pfeil-01.png') no-repeat left 5px;} .listing_more-2 {font-size:14px; color:#282828; padding:2px 0px 0px 14px; text-align:left; background: url('../images/pfeil-01.png') no-repeat left 7px; line-height:150%; margin:4px 0px 4px 0px; } .blog-items.masonry-1 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .blog-items.masonry-2 {-webkit-column-count:2; -moz-column-count:2; column-count:2;} .blog-items.masonry-3 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .columnbox-3 {float:left;} .blog-items.masonry-4 {-webkit-column-count:1;-moz-column-count:1;column-count:1;} .blog-items[class*=" masonry-"], .blog-items[class^="masonry-"] {display:block; -webkit-column-gap:20px; -moz-column-gap:20px; column-gap:20px;} .blog-items[class*=" masonry-"] {display:block; margin-bottom:0px!important; margin-top:36px!important; break-inside:avoid;} .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {margin-bottom:0px!important; break-inside:avoid; padding:0px 9px!important;} /* DREISPALTIGER KASTEN 2er REIHE */ #greeniconbox {width:100%; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .greeniconboxcol {width:100%; margin:0px; padding:0px; float:left;} .greenicontxt {width:346px; height:140px; margin:0px 0px 0px 0px; padding:0px; float:left;} /*greenicon */ .Text4 {font-size:12px; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:none;} #greeniconbox a {color:#b3ca00; text-decoration:none;} #greeniconbox a:hover {color:#b3ca00; text-decoration:underline;} /*karriere */ .Titel3c {font-size:16px; color:#5d5c5c; margin:10px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} .greenjobtxt {width:100%; margin:0px 0px 10px 0px; padding:0px; float:left;} /* Grüne Info-Boxen*/ .infoboxfooter {width:96%; margin:0px 2% 9px 2%;} .infoboxfooter a {padding:16px 16px 16px 16px;} .infoboxfooter a:hover {padding:16px 16px 16px 16px;} .Titel6 {font-size:14px; line-height:25px; margin:5px 0px 4px 0px; padding:0px 6px 0px 6px;} .Text5 {font-size:12px; line-height:14px; margin:10px 0px 4px 0px; padding:0px 8px 0px 8px;} /* Rollover-Menü */ /* toggle */ #sidr {display:none;} #box_toggletop {width:100%; height:79px; padding:0px; position:absolute; z-index:998; float:left;} #frametoggletop {width:96%; height:79px; margin:0px 2% 0px 2%; float:left;} #navigation-toggle {font-size:24px; margin:0px!important; z-index:999; position:absolute!important; top:15px; right:2%!important; padding:12px 10px 8px 10px; background-color:#ffffff; border:#035116 1px solid; transition:color linear 0.15s; text-decoration:none !important;} #navigation-toggle span.nav-line {height:4px; width:26px; margin-bottom:5px;display:block; background:#035116;} /* menue header */ .sidr-top {width:320px; height:70px; background:#f1f1f1; opacity:1.0; margin:0px;} /* position: schließen-schaltfläche */ a.sidr-class-toggle-sidr-close {padding:23px 23px; text-decoration:none; display:block; text-align:right;} /* schließen-schaltfläche */ a.sidr-class-toggle-sidr-close::before {border:1px solid #035116; font-size:20px; font-weight:700; padding:0px 10px 1px 10px; color:#035116; margin:0; text-decoration:none; content:"x"; } /* menue field */ #sidr:target {font-size:16px; width:320px; color:#373737; height:100%; margin:0px; display:block; position:fixed; top:0; z-index:999999; overflow-x:hidden; overflow-y:auto; } /* menue ebene 1 */ .sidr-menue ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; } /* menue ebene 1 - Menüpunkte */ .sidr-menue ul li {border-bottom:1px solid #ffffff; background:#f1f1f1; opacity:1.0; font-size:1.0em; line-height:48px; margin:0px 0px 0px 0px; padding:0px 6px 0px 6px; display:block;} .sidr-menue ul li a, .sidr-menue ul li span {color:#373737; display:block; text-decoration:none; padding:0px 0px 0px 0px;} .sidr-menue ul li a:hover {color:#035116; padding:0px 0px 0px 0px; background:#d0e589;} .sidr-menue ul li.active a {color:#373737; padding:0px 0px 0px 0px;} .sidr-menue ul li.current a {color:#035116; padding:0px 0px 0px 0px;} .sidr-menue ul li.current a :hover {color:#035116; background:#d0e589;} .sidr-menue ul li.current > a {color:#035116;} .sidr-menue ul li.selected > a {color:#035116; background:#d0e589; } .sidr-menue ul li.selected > a:hover {color:#035116; background:#d0e589;} /* menue ebene 2 */ .sidr-menue ul li ul {margin:0px; border-bottom:none; display:block;} .sidr-menue ul li ul li {font-size:14px; line-height:40px;} .sidr-menue ul li ul li a, .sidr-menue ul li ul li span {color:#8d8d8d; padding:0px 0px 0px 0px;} .sidr-menue ul li ul li a:hover {padding:0px 0px 0px 0px; color:#035116; background:#d0e589;} .sidr-menue ul li ul li.active a {padding:0px 0px 0px 0px; color:#035116;} .sidr-menue ul li ul li.current a {padding:0px 0px 0px 0px; color:#035116;} .sidr-menue ul li ul li.current > a {color:#035116;} .sidr-menue ul li ul li:last-child {border-bottom: none;} /* menue funktionen */ .sidr-menue li ul {display:block;} .sidr-menue li ul li {float:none; padding:0px 0px 0px 0px; z-index:105;} .sidr-menue li:hover ul, li.over ul {display:block;} /* STRUKTUR */ body.forest.intro.cmsweb {background-size:16%, 13%; background-image: url('../images/flowers_01.jpg'), url('../images/flowers_02.jpg'); background-position: left bottom, right bottom; background-repeat: no-repeat, no-repeat; background-color: #ffffff; background-attachment: fixed, fixed; margin:0px; padding:0px;} body {background:#ffffff;} body.width_0 div#container {width:100%;} #container {width:100%; margin:0 auto; padding:0px;} /* BANNER */ #banner {width:96%; height:79px; padding:0px 2% 0px 2%; float:left; background:#ffffff;} #featurebox-left {display:none;} .imgscaleflefttop {display:none;} .imgscalefleftbottom {display:none;} #logo {width:194px; height:65px; margin:7px 0px 7px 0px; padding:0px; float:left;} .imgscalelogo {width:194px; height:65px;} #featurebox-right {display:none;} .imgscalefeatureright {display:none;} /* HAUPTMENÜ */ #topmenu_box {display:none;} #topmenu {display:none;} /* MAIN-SLIDER */ #image-slider {width:96%; padding:0px 2% 30px 2%; margin:0px 0px 0px 0px; background:#ffffff; float:left;} .googlemap {width:100%;} .imgscaleslider {width:100%; height:100%;} .slide-desc-text-default {padding:10px!important;} .slide-text {font-size:16px!important; text-align:center!important; text-transform:uppercase!important;} /* HAUPTINHALT-BEREICH */ #main {width:100%; min-height:100px; margin:0px; padding:0px; float:left; background:#ffffff;} #content {width:100%; margin:0px 0px 36px 0px; padding:0px 0px 0px 0px; float:left;} body {font-family:'Sintony', sans-serif; font-weight:400; font-size:14px; color:#282828; text-align:center; line-height:125%; margin:0px; padding:0px;} .Titel1, h1, h2 {font-size:1.4em; color:#01642f; margin:16px 0px 16px 0px; padding:0px 0px 0px 0px; line-height:125%;text-align:center; text-transform:uppercase; font-weight:400;} .Titel2, h3 {font-size:1.3em; color:#01642f; margin:26px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} .Titel1b {font-size:1.4em; color:#01642f; margin:16px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} .Titel2b {font-size:1.3em; color:#01642f; margin:12px 0px 16px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:400;} /*infograu */ .Titel3, h4 {font-size:1.0em; color:#5d5c5c; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*kontakt */ .Titel3b {font-size:1.0em; color:#5d5c5c; margin:16px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*sortiment */ .Titel4 {font-size:1.0em; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*greenicon */ .Titel5 {font-size:1.0em; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase;} /*3er */ .Titel7 {font-size:1.0em; color:#01642f; margin:26px 0px 6px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none; font-weight:700;} /*aktion 2er */ .Titel8 {font-size:1.0em; color:#01642f; margin:-21px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:700;} /*aktion 4er */ .Titel9 {font-size:1.0em; color:#01642f; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:uppercase; font-weight:700;} .Text1 {font-size:1.0em; color:#5d5c5c; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*infograu */ .Text2 {font-size:1.0em; color:#5d5c5c; margin:5px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*kataloge */ .Text3 {font-size:1.0em; color:#000000; font-weight:700; margin:4px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*greenicon */ .Text4 {font-size:0.9em; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*aktion 4er */ .Text6 {font-size:1.0em; color:#000000; margin:0px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*aktion 2er */ .Text7 {font-size:1.0em; color:#000000; margin:7px 0px 4px 0px; padding:0px 0px 0px 0px; text-align:center; text-transform:none;} /*greenicon */ .listing_more {font-size:1.0em; color:#b3ca00; padding:2px 0px 0px 16px; list-style:none; display:table; margin:0 auto; text-align:center; background: url('../images/pfeil-01.png') no-repeat left 5px;} .pdf-download {font-size:1.0em; line-height:125%; background: url('../images/pdf_icon-v2.png') no-repeat left 3px; margin:4px 0px 13px 0px; padding:4px 0px 3px 28px;} .listing_content {font-size:1.0em; color:#282828; padding:2px 0px 0px 16px; list-style:none; display:table; margin:0 auto; text-align:center; background: url('../images/kreis.png') no-repeat left 5px;} .strong {font-weight:700;} .gabcolumnbox {width:268px; margin:0px auto;} .certimgscale {width:100%; height:100%; margin:36px 0px 0px 0px;} .assortment_title {width:98%; color:#ffffff; font-size:14px; font-weight:700; margin:20px 0px 12px 0px; padding:9px 1% 9px 1%; border-radius:8px; background:#a5c300;} .assortment_text {font-size:14px; color:#757575;font-weight:400; background:none; padding:0px 9px 0px 9px; text-align:left;} .listing_more-2 {font-size:16px; text-align:left; background: url('../images/pfeil-01.png') no-repeat left 10px; line-height:150%; margin:4px 0px 4px 0px; padding:2px 0px 0px 14px;} /* LEADINGS */ .item-content {width:100%; float:left; padding:0px 0px 0px 0px;} /* content - TOP TITLE - mit Rand*/ .contenttoptitle {width:96%; margin:0px 2% 0px 2%; padding:0px 0px 0px 0px; float:left; background:#ffffff;} /* content - 4 GROSSE BILDER*/ .contentquadimgbox {width:100%; margin:36px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .contentquadimg {width:48%; margin:0px 1% 0px 1%; padding:0px; float:left;} .quadimgscale {width:100%; height:100%;} /* content - 4 BILDER+TXT*/ .contentquadtxtbox {width:100%; margin:0px 0px 0px 0px; padding:0px; float:left; background:#ffffff;} .contentquadtxtbox2 {width:100%; margin:0px 0px 0px 0px; padding:0px; float:left; background:#ffffff;} .txtquadbox {width:96%; margin:0px 2% 0px 2%; padding:0px; float:left;} .txtquadbox2 {width:96%; margin:0px 2% 26px 2%; padding:0px; float:left;} .txtquadimg {width:100%; margin:0px; padding:0px; float:left;} .txtquadimgscale {width:100%; height:100%; margin:0px 0px 6px 0px;} .imgscalerecept1 {width:100%; height:100%; margin:0px 0px 6px 0px;} .imgscalerecept2 {display:none;} .txtquadcontent {width:96%; margin:0px; padding:0px 2% 26px 2%; float:left;} /* content */ .contenttxtbox {width:96%; margin:0px 2% 0px 2%; padding:0px 0px 0px 0px; float:left; background:#ffffff;} /* YOUTUBEBOX */ #forestinfotop {width:100%; margin:0px 0px 26px 0px; padding:0px; float:left; background:#ffffff;} .forestinfotopbox {width:96%; margin:0px 2% 0px 2%; padding:0px; float:left;} .scalemesseinfo {width:100%; height:100%; margin:0px 0px 46px 0px; } /* EINSPALTIGER KASTEN HELLGRÜN */ #forestinfo1 {width:96%; margin:0px 2% 26px 2%;padding:10px 0px 10px 0px; float:left; background:#edf4d5;} /* DREISPALTIGER KASTEN MIT BROSCHÜREN */ #katalogbox {width:100%; margin:16px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .boxkatalog {width:255px; height:245px; margin:0 auto; padding:0px 0px 29px 0px;} .katalogimg {width:255px; margin:0px 0px 0px 0px; padding:0px; float:left;} .katalogimgscale {width:100%; height:100%;} .katalogtxt {width:255px; height:20px; margin:0px 0px 30px 0px; padding:0px; float:left;} /* VIERPALTIGER KASTEN 3er REIHE */ #sortimentbox {width:100%; margin:0px 0px 10px 0px; padding:0px; float:left; background:#ffffff;} .sortbox {width:46%; margin:0px 2% 0px 2%; padding:0px; float:left;} .sortimgbox img {width:90%; margin:0px 2% 0px 2%; padding:0px; float:left; border:#97c00e 3px solid; border-radius:15px;} .sortimgbox:hover img {width:90%; margin:0px 2% 0px 2%; padding:0px; float:left; border:#01642f 3px solid; border-radius:15px;} .sortboximgscale {width:100%; height:100%;} .sortdesc {width:96%; height:46px; margin:0px 2% 0px 2%; padding:0px; float:left;} /* DREISPALTIGER KASTEN 2er REIHE */ #greeniconbox {width:100%; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} .greeniconboxcol {width:96%; margin:0px 2% 26px 2%; padding:0px; float:left;} .greeniconimg {width:125px; height:125px; margin:0px auto; padding:0px;} .greeniconimgscale {width:125px; height:125px;} .greenicontxt {width:100%; margin:0px 0px 0px 0px; padding:0px; float:left;} #greeniconbox a {color:#b3ca00; text-decoration:none;} #greeniconbox a:hover {color:#b3ca00; text-decoration:underline;} /* ZWEISPALTIGER KASTEN 3er REIHE dunkelgrün */ #footerinfobox {width:100%; margin:0px 0px 36px 0px; padding:0px; float:left; background:#ffffff;} #footerinfobox a {color:#ffffff; text-decoration:none;} #footerinfobox a:hover {color:#ffffff; text-decoration:underline;} /* GROSSES BILD UNTEN */ #imagebigbottom {width:96%; margin:0px 2% 36px 2%; padding:0px; float:left; background:#ffffff;} .bigbottomimgscale {width:100%; height:100%;} /* Footer BOX Top */ #footertop {width:96%; margin:20px 2% 20px 2%;padding:0px; float:left; } #footertop a {color:#005622; text-decoration:none;} #footertop a:hover {color:#005622; text-decoration:underline;} .footertoptxt {font-size:1.0em; text-align:center; margin:0px; padding:0px 0px 0px 0px; color:#8d8d8d;} /* Footer BOX Bottom */ #footerbottom {width:96%; margin:5px 2% 40px 2%;padding:0px; float:left; } #footerbottom a {color:#005622; text-decoration:none;} #footerbottom a:hover {color:#005622; text-decoration:underline;} .footerbottomtxt {font-size:1.0em; text-align:center; margin:0px; padding:0px 0px 0px 0px; color:#8d8d8d;} /* UPGRADE */ }