/* FONTS*/ @font-face { font-family: 'abel'; src: url('/application/themes/wald/fonts/abel-regular.eot'); src: url('/application/themes/wald/fonts/abel-regular.eot?#iefix') format('embedded-opentype'), url('/application/themes/wald/fonts/abel-regular.woff2') format('woff2'), url('/application/themes/wald/fonts/abel-regular.woff') format('woff'), url('/application/themes/wald/fonts/abel-regular.ttf') format('truetype'), url('/application/themes/wald/fonts/abel-regular.svg#abel') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hindregular'; src: url('/application/themes/wald/fonts/hind-regular.eot'); src: url('/application/themes/wald/fonts/hind-regular.eot?#iefix') format('embedded-opentype'), url('/application/themes/wald/fonts/hind-regular.woff2') format('woff2'), url('/application/themes/wald/fonts/hind-regular.woff') format('woff'), url('/application/themes/wald/fonts/hind-regular.ttf') format('truetype'), url('/application/themes/wald/fonts/hind-regular.svg#hindregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hindmedium'; src: url('/application/themes/wald/fonts/hind-medium.eot'); src: url('/application/themes/wald/fonts/hind-medium.eot?#iefix') format('embedded-opentype'), url('/application/themes/wald/fonts/hind-medium.woff2') format('woff2'), url('/application/themes/wald/fonts/hind-medium.woff') format('woff'), url('/application/themes/wald/fonts/hind-medium.ttf') format('truetype'), url('/application/themes/wald/fonts/hind-medium.svg#hindmedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sansbold'; src: url('/application/themes/wald/fonts/sourcesanspro-bold.eot'); src: url('/application/themes/wald/fonts/sourcesanspro-bold.eot?#iefix') format('embedded-opentype'), url('/application/themes/wald/fonts/sourcesanspro-bold.woff2') format('woff2'), url('/application/themes/wald/fonts/sourcesanspro-bold.woff') format('woff'), url('/application/themes/wald/fonts/sourcesanspro-bold.ttf') format('truetype'), url('/application/themes/wald/fonts/sourcesanspro-bold.svg#sansbold') format('svg'); font-weight: normal; font-style: normal; } /* ICONS */ @font-face { font-family: 'icon'; src: url('/application/themes/wald/css/font/fontello.eot?348718992'); src: url('/application/themes/wald/css/font/fontello.eot?348718992#iefix') format('embedded-opentype'), url('/application/themes/wald/css/font/fontello.woff2?348718992') format('woff2'), url('/application/themes/wald/css/font/fontello.woff?348718992') format('woff'), url('/application/themes/wald/css/font/fontello.ttf?348718992') format('truetype'), url('/application/themes/wald/css/font/fontello.svg?348718992#icon') format('svg'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: 'icon'; src: url('/application/themes/wald/css/font/fontello.svg?348718992#icon') format('svg'); } } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-ico-alkoholisches:before { content: '\e800'; } .icon-ico-alles-mohn:before { content: '\e801'; } .icon-ico-anfrage:before { content: '\e802'; } .icon-ico-das-hat-saison:before { content: '\e803'; } .icon-ico-fisch-fleisch:before { content: '\e804'; } .icon-ico-hochzeiten-feiern:before { content: '\e805'; } .icon-ico-koerner-nudeln:before { content: '\e806'; } .icon-ico-pflanzenoele-essige:before { content: '\e807'; } .icon-ico-pflanzenoelkosmetik:before { content: '\e808'; } .icon-ico-servicepaket:before { content: '\e809'; } .icon-ico-speisenauswahl-galerie:before { content: '\e80a'; } .icon-ico-suesses-saefte:before { content: '\e80b'; } .icon-ico-tagen-am-waldlandhof:before { content: '\e80c'; } .icon-ico-tee-gewuerze:before { content: '\e80d'; } .icon-ico-einkaufen-geniessen:before { content: '\e80e'; } .icon-ico-kontakte:before { content: '\e80f'; } .icon-ico-mitglied-werden:before { content: '\e810'; } .icon-ico-sonderkulturenverein:before { content: '\e811'; } .icon-ico-termine:before { content: '\e812'; } .icon-ico-vielfalter-netzwerk:before { content: '\e813'; } .icon-ico-waldland-besuchen:before { content: '\e814'; } .icon-ico-waldland-firmengruppe:before { content: '\e815'; } .icon-ico-waldland-grosshandel:before { content: '\e816'; } .icon-ico-waldland-vielfalter:before { content: '\e817'; } .icon-ico-waldland-weltweit:before { content: '\e818'; } .icon-ico-arnzeipflanzen-pollen:before { content: '\e819'; } .icon-ico-fische:before { content: '\e81a'; } .icon-ico-gefluegel:before { content: '\e81b'; } .icon-ico-oelpflanzen-presskuchen:before { content: '\e81c'; } .icon-ico-gewuerze-backsaaten:before { content: '\e81d'; } .icon-ico-kuechen-teekraeuter:before { content: '\e81e'; } .icon-ico-aquakulturzentrum:before { content: '\e81f'; } .icon-ico-backstube-kueche-fischerei:before { content: '\e820'; } .icon-ico-bioprodukte:before { content: '\e821'; } .icon-ico-container-kreislaufanlage:before { content: '\e822'; } .icon-ico-effiziente-trocknung:before { content: '\e823'; } .icon-ico-infrarotentkeimung:before { content: '\e824'; } .icon-ico-oelmuehlen:before { content: '\e825'; } .icon-ico-pflanzenoele:before { content: '\e826'; } .icon-ico-pflanzenzuechtung:before { content: '\e827'; } .icon-ico-pollengewinnung:before { content: '\e828'; } .icon-ico-qualitaetslabor:before { content: '\e829'; } .icon-ico-qualitaetsprogramme:before { content: '\e82a'; } .icon-ico-setzlingszucht-edelwels:before { content: '\e82b'; } .icon-ico-smart-air-panel:before { content: '\e82c'; } .icon-ico-sonderkulturentechnik:before { content: '\e82d'; } .icon-ico-verarbeitungsanlagen:before { content: '\e82e'; } .icon-ico-mariendistelschaelung:before { content: '\e82f'; } .icon-ico-waldviertler-graumohn:before { content: '\e830'; } .icon-ico-kontakt:before { content: '\e831'; } .icon-ico-biomasseheizungsanlagen:before { content: '\e832'; } .icon-ico-bluetenseparation:before { content: '\e833'; } .icon-ico-errichtung-einer-innovationswerkstaette:before { content: '\e834'; } .icon-ico-kraeutervermahlung:before { content: '\e835'; } .icon-ico-geschenkkatalog:before { content: '\e836'; } /* MINI ICON NAVIGATION */ #mini-icon-navigation [class^="ico-"]:before, #mini-icon-navigation [class*=" ico-"]:before { font-family: "icon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #mini-icon-navigation .ico-alkoholisches:before { content: '\e800'; } #mini-icon-navigation .ico-alles-mohn:before { content: '\e801'; } #mini-icon-navigation .ico-anfrage:before { content: '\e802'; } #mini-icon-navigation .ico-das-hat-saison:before { content: '\e803'; } #mini-icon-navigation .ico-fisch-fleisch:before { content: '\e804'; } #mini-icon-navigation .ico-hochzeiten-feiern:before { content: '\e805'; } #mini-icon-navigation .ico-koerner-nudeln:before { content: '\e806'; } #mini-icon-navigation .ico-pflanzenoele-essige:before { content: '\e807'; } #mini-icon-navigation .ico-pflanzenoelkosmetik:before { content: '\e808'; } #mini-icon-navigation .ico-servicepaket:before { content: '\e809'; } #mini-icon-navigation .ico-speisenauswahl-galerie:before { content: '\e80a'; } #mini-icon-navigation .ico-suesses-saefte:before { content: '\e80b'; } #mini-icon-navigation .ico-tagen-am-waldlandhof:before { content: '\e80c'; } #mini-icon-navigation .ico-tee-gewuerze:before { content: '\e80d'; } #mini-icon-navigation .ico-einkaufen-geniessen:before { content: '\e80e'; } #mini-icon-navigation .ico-kontakte:before { content: '\e80f'; } #mini-icon-navigation .ico-mitglied-werden:before { content: '\e810'; } #mini-icon-navigation .ico-sonderkulturenverein:before { content: '\e811'; } #mini-icon-navigation .ico-termine:before { content: '\e812'; } #mini-icon-navigation .ico-vielfalter-netzwerk:before { content: '\e813'; } #mini-icon-navigation .ico-waldland-besuchen:before { content: '\e814'; } #mini-icon-navigation .ico-waldland-firmengruppe:before { content: '\e815'; } #mini-icon-navigation .ico-waldland-grosshandel:before { content: '\e816'; } #mini-icon-navigation .ico-waldland-vielfalter:before { content: '\e817'; } #mini-icon-navigation .ico-waldland-weltweit:before { content: '\e818'; } #mini-icon-navigation .ico-arnzeipflanzen-pollen:before { content: '\e819'; } #mini-icon-navigation .ico-fische:before { content: '\e81a'; } #mini-icon-navigation .ico-gefluegel:before { content: '\e81b'; } #mini-icon-navigation .ico-oelpflanzen-presskuchen:before { content: '\e81c'; } #mini-icon-navigation .ico-gewuerze-backsaaten:before { content: '\e81d'; } #mini-icon-navigation .ico-kuechen-teekraeuter:before { content: '\e81e'; } #mini-icon-navigation .ico-aquakulturzentrum:before { content: '\e81f'; } #mini-icon-navigation .ico-backstube-kueche-fischerei:before { content: '\e820'; } #mini-icon-navigation .ico-bioprodukte:before { content: '\e821'; } #mini-icon-navigation .ico-container-kreislaufanlage:before { content: '\e822'; } #mini-icon-navigation .ico-effiziente-trocknung:before { content: '\e823'; } #mini-icon-navigation .ico-infrarotentkeimung:before { content: '\e824'; } #mini-icon-navigation .ico-oelmuehlen:before { content: '\e825'; } #mini-icon-navigation .ico-pflanzenoele:before { content: '\e826'; } #mini-icon-navigation .ico-pflanzenzuechtung:before { content: '\e827'; } #mini-icon-navigation .ico-pollengewinnung:before { content: '\e828'; } #mini-icon-navigation .ico-qualitaetslabor:before { content: '\e829'; } #mini-icon-navigation .ico-qualitaetsprogramme:before { content: '\e82a'; } #mini-icon-navigation .ico-setzlingszucht-edelwels:before { content: '\e82b'; } #mini-icon-navigation .ico-smart-air-panel:before { content: '\e82c'; } #mini-icon-navigation .ico-sonderkulturentechnik:before { content: '\e82d'; } #mini-icon-navigation .ico-verarbeitungsanlagen:before { content: '\e82e'; } #mini-icon-navigation .ico-mariendistelschaelung:before { content: '\e82f'; } #mini-icon-navigation .ico-waldviertler-graumohn:before { content: '\e830'; } #mini-icon-navigation .ico-kontakt:before { content: '\e831'; } #mini-icon-navigation .ico-biomasseheizungsanlagen:before { content: '\e832'; } #mini-icon-navigation .ico-bluetenseparation:before { content: '\e833'; } #mini-icon-navigation .ico-errichtung-einer-innovationswerkstaette:before { content: '\e834'; } #mini-icon-navigation .ico-kraeutervermahlung:before { content: '\e835'; } #mini-icon-navigation .ico-geschenkkatalog:before { content: '\e836'; } /* GENERAL */ body { font: normal 14px/18px 'hindregular'; color: black; } html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: normal; } .clear { clear: both; } .relative { position: relative; } .cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .background100 { -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; min-width: 100%; min-height: 100%; } .background-contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; min-width: 100%; min-height: 100%; } .box-shadow { -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25); } #wrapper h1 { font: normal 40px/45px 'abel'; color: #24543f; margin: 0 0 15px 0; } #wrapper h1 a, #wrapper h1 a:hover, #wrapper h1 a:focus { color: #24543f; text-decoration: underline; } #wrapper h2 { font: normal 22px/27px 'hindmedium'; margin: 0 0 5px 0; text-transform: uppercase; } #wrapper h3 { font: normal 40px/45px 'abel'; margin: 0 0 10px 0; } #wrapper h4 { font: normal 30px/35px 'abel'; margin: 0; } #wrapper h5 { font: normal 20px/25px 'abel'; } #wrapper p { margin: 0; } #wrapper hr { margin: 10px 0; border-color: #24543f; border-width: 2px 0 0 0; } #wrapper a, #wrapper a:hover, #wrapper a:focus { outline: none !important; } #wrapper input[type="checkbox"], #wrapper input[type="radio"] { top: -2px; } #wrapper .padding { padding: 60px 0; } #wrapper .margin { margin: 120px 0 0 0; } #wrapper .login-page { padding: 60px 0; } #header, #subheader { display: block; padding: 30px 0 15px 0; } #header #logo-navigation, #subheader #logo-navigation { display: block; } #header #logo, #subheader #logo { float: left; display: inline-block; } #header #logo a, #subheader #logo a { display: block; width: 225px; } #header #navigation, #subheader #navigation, #header #iconnav, #subheader #iconnav { float: right; display: inline-block; } #header #navigation .nav > li > a:focus, #subheader #navigation .nav > li > a:focus, #header #iconnav .nav > li > a:focus, #subheader #iconnav .nav > li > a:focus, #header #navigation .nav > li > a:hover, #subheader #navigation .nav > li > a:hover, #header #iconnav .nav > li > a:hover, #subheader #iconnav .nav > li > a:hover { background: transparent; } #header #navigation ul.nav, #subheader #navigation ul.nav, #header #iconnav ul.nav, #subheader #iconnav ul.nav { margin: 0; padding: 0; } #header #navigation ul.nav li, #subheader #navigation ul.nav li, #header #iconnav ul.nav li, #subheader #iconnav ul.nav li { list-style-type: none; position: relative; border-bottom: solid rgba(255, 255, 255, 0.8) 1px; } #header #navigation ul.nav li a, #subheader #navigation ul.nav li a, #header #iconnav ul.nav li a, #subheader #iconnav ul.nav li a, #header #navigation ul.nav li a:hover, #subheader #navigation ul.nav li a:hover, #header #iconnav ul.nav li a:hover, #subheader #iconnav ul.nav li a:hover, #header #navigation ul.nav li a:focus, #subheader #navigation ul.nav li a:focus, #header #iconnav ul.nav li a:focus, #subheader #iconnav ul.nav li a:focus { font: normal 15px/17px "hindmedium"; text-decoration: none; text-transform: uppercase; } #header #navigation ul.nav li.nav-last, #subheader #navigation ul.nav li.nav-last, #header #iconnav ul.nav li.nav-last, #subheader #iconnav ul.nav li.nav-last { border: 0; } #header #navigation ul.nav li.main:before, #subheader #navigation ul.nav li.main:before, #header #iconnav ul.nav li.main:before, #subheader #iconnav ul.nav li.main:before { content: '' !important; } #header #navigation ul.nav li.nav-dropdown:before, #subheader #navigation ul.nav li.nav-dropdown:before, #header #iconnav ul.nav li.nav-dropdown:before, #subheader #iconnav ul.nav li.nav-dropdown:before { position: absolute; top: 17px; font-size: 10px; right: 8px; z-index: 100; content: '►'; } #header #navigation ul.nav li.main.pflanzen-tiere li.nav-dropdown:hover:before, #subheader #navigation ul.nav li.main.pflanzen-tiere li.nav-dropdown:hover:before, #header #iconnav ul.nav li.main.pflanzen-tiere li.nav-dropdown:hover:before, #subheader #iconnav ul.nav li.main.pflanzen-tiere li.nav-dropdown:hover:before { color: #aabd8a; } #header #navigation ul.nav li.main.menschen-ideen li.nav-dropdown:hover:before, #subheader #navigation ul.nav li.main.menschen-ideen li.nav-dropdown:hover:before, #header #iconnav ul.nav li.main.menschen-ideen li.nav-dropdown:hover:before, #subheader #iconnav ul.nav li.main.menschen-ideen li.nav-dropdown:hover:before { color: #955373; } #header #navigation ul.nav li.main.kompetenz-technik li.nav-dropdown:hover:before, #subheader #navigation ul.nav li.main.kompetenz-technik li.nav-dropdown:hover:before, #header #iconnav ul.nav li.main.kompetenz-technik li.nav-dropdown:hover:before, #subheader #iconnav ul.nav li.main.kompetenz-technik li.nav-dropdown:hover:before { color: #8fa9c9; } #header #navigation ul.nav li.main.genuss-freude li.nav-dropdown:hover:before, #subheader #navigation ul.nav li.main.genuss-freude li.nav-dropdown:hover:before, #header #iconnav ul.nav li.main.genuss-freude li.nav-dropdown:hover:before, #subheader #iconnav ul.nav li.main.genuss-freude li.nav-dropdown:hover:before { color: #dfcc7b; } #header #navigation ul.nav li.main.pflanzen-tiere li.nav-dropdown:before, #subheader #navigation ul.nav li.main.pflanzen-tiere li.nav-dropdown:before, #header #iconnav ul.nav li.main.pflanzen-tiere li.nav-dropdown:before, #subheader #iconnav ul.nav li.main.pflanzen-tiere li.nav-dropdown:before, #header #navigation ul.nav li.main.pflanzen-tiere li.nav-dropdown.nav-path-selected:before, #subheader #navigation ul.nav li.main.pflanzen-tiere li.nav-dropdown.nav-path-selected:before, #header #iconnav ul.nav li.main.pflanzen-tiere li.nav-dropdown.nav-path-selected:before, #subheader #iconnav ul.nav li.main.pflanzen-tiere li.nav-dropdown.nav-path-selected:before { color: #fff; } #header #navigation ul.nav li.main.menschen-ideen li.nav-dropdown:before, #subheader #navigation ul.nav li.main.menschen-ideen li.nav-dropdown:before, #header #iconnav ul.nav li.main.menschen-ideen li.nav-dropdown:before, #subheader #iconnav ul.nav li.main.menschen-ideen li.nav-dropdown:before, #header #navigation ul.nav li.main.menschen-ideen li.nav-dropdown.nav-path-selected:before, #subheader #navigation ul.nav li.main.menschen-ideen li.nav-dropdown.nav-path-selected:before, #header #iconnav ul.nav li.main.menschen-ideen li.nav-dropdown.nav-path-selected:before, #subheader #iconnav ul.nav li.main.menschen-ideen li.nav-dropdown.nav-path-selected:before { color: #fff; } #header #navigation ul.nav li.main.kompetenz-technik li.nav-dropdown:before, #subheader #navigation ul.nav li.main.kompetenz-technik li.nav-dropdown:before, #header #iconnav ul.nav li.main.kompetenz-technik li.nav-dropdown:before, #subheader #iconnav ul.nav li.main.kompetenz-technik li.nav-dropdown:before, #header #navigation ul.nav li.main.kompetenz-technik li.nav-dropdown.nav-path-selected:before, #subheader #navigation ul.nav li.main.kompetenz-technik li.nav-dropdown.nav-path-selected:before, #header #iconnav ul.nav li.main.kompetenz-technik li.nav-dropdown.nav-path-selected:before, #subheader #iconnav ul.nav li.main.kompetenz-technik li.nav-dropdown.nav-path-selected:before { color: #fff; } #header #navigation ul.nav li.main.genuss-freude li.nav-dropdown:before, #subheader #navigation ul.nav li.main.genuss-freude li.nav-dropdown:before, #header #iconnav ul.nav li.main.genuss-freude li.nav-dropdown:before, #subheader #iconnav ul.nav li.main.genuss-freude li.nav-dropdown:before, #header #navigation ul.nav li.main.genuss-freude li.nav-dropdown.nav-path-selected:before, #subheader #navigation ul.nav li.main.genuss-freude li.nav-dropdown.nav-path-selected:before, #header #iconnav ul.nav li.main.genuss-freude li.nav-dropdown.nav-path-selected:before, #subheader #iconnav ul.nav li.main.genuss-freude li.nav-dropdown.nav-path-selected:before { color: #fff; } #header #navigation ul.nav li.main.pflanzen-tiere:hover > a, #subheader #navigation ul.nav li.main.pflanzen-tiere:hover > a, #header #iconnav ul.nav li.main.pflanzen-tiere:hover > a, #subheader #iconnav ul.nav li.main.pflanzen-tiere:hover > a, #header #navigation ul.nav li.main.pflanzen-tiere:focus > a, #subheader #navigation ul.nav li.main.pflanzen-tiere:focus > a, #header #iconnav ul.nav li.main.pflanzen-tiere:focus > a, #subheader #iconnav ul.nav li.main.pflanzen-tiere:focus > a { background: #f3f4ee; } #header #navigation ul.nav li.main.menschen-ideen:hover > a, #subheader #navigation ul.nav li.main.menschen-ideen:hover > a, #header #iconnav ul.nav li.main.menschen-ideen:hover > a, #subheader #iconnav ul.nav li.main.menschen-ideen:hover > a, #header #navigation ul.nav li.main.menschen-ideen:focus > a, #subheader #navigation ul.nav li.main.menschen-ideen:focus > a, #header #iconnav ul.nav li.main.menschen-ideen:focus > a, #subheader #iconnav ul.nav li.main.menschen-ideen:focus > a { background: #ede4e7; } #header #navigation ul.nav li.main.kompetenz-technik:hover > a, #subheader #navigation ul.nav li.main.kompetenz-technik:hover > a, #header #iconnav ul.nav li.main.kompetenz-technik:hover > a, #subheader #iconnav ul.nav li.main.kompetenz-technik:hover > a, #header #navigation ul.nav li.main.kompetenz-technik:focus > a, #subheader #navigation ul.nav li.main.kompetenz-technik:focus > a, #header #iconnav ul.nav li.main.kompetenz-technik:focus > a, #subheader #iconnav ul.nav li.main.kompetenz-technik:focus > a { background: #eff1f6; } #header #navigation ul.nav li.main.genuss-freude:hover > a, #subheader #navigation ul.nav li.main.genuss-freude:hover > a, #header #iconnav ul.nav li.main.genuss-freude:hover > a, #subheader #iconnav ul.nav li.main.genuss-freude:hover > a, #header #navigation ul.nav li.main.genuss-freude:focus > a, #subheader #navigation ul.nav li.main.genuss-freude:focus > a, #header #iconnav ul.nav li.main.genuss-freude:focus > a, #subheader #iconnav ul.nav li.main.genuss-freude:focus > a { background: #f9f6ed; } #header #navigation ul.nav li.main.kontakt, #subheader #navigation ul.nav li.main.kontakt, #header #iconnav ul.nav li.main.kontakt, #subheader #iconnav ul.nav li.main.kontakt { width: auto; } #header #navigation ul.nav li.main.kontakt a, #subheader #navigation ul.nav li.main.kontakt a, #header #iconnav ul.nav li.main.kontakt a, #subheader #iconnav ul.nav li.main.kontakt a { color: #24543f; font-size: 12px; position: relative; top: -5px; } #header #navigation ul.nav li.main.kontakt a:before, #subheader #navigation ul.nav li.main.kontakt a:before, #header #iconnav ul.nav li.main.kontakt a:before, #subheader #iconnav ul.nav li.main.kontakt a:before { content: '\e831'; font-family: 'icon'; display: block; font-size: 25px; margin-bottom: 5px; } #header #navigation ul.nav li.shopiconnavigation a, #subheader #navigation ul.nav li.shopiconnavigation a, #header #iconnav ul.nav li.shopiconnavigation a, #subheader #iconnav ul.nav li.shopiconnavigation a { color: #24543f; font-size: 12px; position: relative; top: -5px; } #header #navigation ul.nav li.shopiconnavigation a:before, #subheader #navigation ul.nav li.shopiconnavigation a:before, #header #iconnav ul.nav li.shopiconnavigation a:before, #subheader #iconnav ul.nav li.shopiconnavigation a:before { content: ''; background: url(/application/themes/wald/img/navigation/shopping_Cart.png) center center no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; display: block; width: 22px; height: 22px; margin-bottom: 0; margin-left: auto; margin-right: auto; } #header #navigation ul.nav li.besucheniconnavigation a, #subheader #navigation ul.nav li.besucheniconnavigation a, #header #iconnav ul.nav li.besucheniconnavigation a, #subheader #iconnav ul.nav li.besucheniconnavigation a { color: #24543f; font-size: 12px; position: relative; top: -5px; } #header #navigation ul.nav li.besucheniconnavigation a:before, #subheader #navigation ul.nav li.besucheniconnavigation a:before, #header #iconnav ul.nav li.besucheniconnavigation a:before, #subheader #iconnav ul.nav li.besucheniconnavigation a:before { content: ''; background: url(/application/themes/wald/img/navigation/waldland_besuchen.png) center center no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; display: block; width: 22px; height: 22px; margin-bottom: 0; margin-left: auto; margin-right: auto; } #header #navigation ul.nav li.downloadiconnavigation a, #subheader #navigation ul.nav li.downloadiconnavigation a, #header #iconnav ul.nav li.downloadiconnavigation a, #subheader #iconnav ul.nav li.downloadiconnavigation a { color: #24543f; font-size: 12px; position: relative; top: -5px; } #header #navigation ul.nav li.downloadiconnavigation a:before, #subheader #navigation ul.nav li.downloadiconnavigation a:before, #header #iconnav ul.nav li.downloadiconnavigation a:before, #subheader #iconnav ul.nav li.downloadiconnavigation a:before { content: ''; background: url(/application/themes/wald/img/navigation/downloads.png) center center no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; display: block; width: 22px; height: 22px; margin-bottom: 0; margin-left: auto; margin-right: auto; } #header #navigation ul.nav li.termineiconnavigation a, #subheader #navigation ul.nav li.termineiconnavigation a, #header #iconnav ul.nav li.termineiconnavigation a, #subheader #iconnav ul.nav li.termineiconnavigation a { color: #24543f; font-size: 12px; position: relative; top: -5px; } #header #navigation ul.nav li.termineiconnavigation a:before, #subheader #navigation ul.nav li.termineiconnavigation a:before, #header #iconnav ul.nav li.termineiconnavigation a:before, #subheader #iconnav ul.nav li.termineiconnavigation a:before { content: ''; background: url(/application/themes/wald/img/navigation/waldland_termine.png) center center no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; display: block; width: 22px; height: 22px; margin-bottom: 0; margin-left: auto; margin-right: auto; } #header #navigation ul.nav li.shopiconnavigation a, #subheader #navigation ul.nav li.shopiconnavigation a, #header #iconnav ul.nav li.shopiconnavigation a, #subheader #iconnav ul.nav li.shopiconnavigation a, #header #navigation ul.nav li.besucheniconnavigation a, #subheader #navigation ul.nav li.besucheniconnavigation a, #header #iconnav ul.nav li.besucheniconnavigation a, #subheader #iconnav ul.nav li.besucheniconnavigation a, #header #navigation ul.nav li.downloadiconnavigation a, #subheader #navigation ul.nav li.downloadiconnavigation a, #header #iconnav ul.nav li.downloadiconnavigation a, #subheader #iconnav ul.nav li.downloadiconnavigation a, #header #navigation ul.nav li.termineiconnavigation a, #subheader #navigation ul.nav li.termineiconnavigation a, #header #iconnav ul.nav li.termineiconnavigation a, #subheader #iconnav ul.nav li.termineiconnavigation a { padding-top: 5px; padding-bottom: 0; } #header #navigation ul.nav li.main.nav-last, #subheader #navigation ul.nav li.main.nav-last, #header #iconnav ul.nav li.main.nav-last, #subheader #iconnav ul.nav li.main.nav-last { width: auto; } #header #navigation ul.nav li.main.nav-last a, #subheader #navigation ul.nav li.main.nav-last a, #header #iconnav ul.nav li.main.nav-last a, #subheader #iconnav ul.nav li.main.nav-last a { padding-right: 0; } #header #navigation ul.nav li.main, #subheader #navigation ul.nav li.main, #header #iconnav ul.nav li.main, #subheader #iconnav ul.nav li.main { float: left; width: 140px; text-align: center; } #header #navigation ul.nav li.main a, #subheader #navigation ul.nav li.main a, #header #iconnav ul.nav li.main a, #subheader #iconnav ul.nav li.main a { padding: 15px 20px; display: block; white-space: normal; } #header #navigation ul.nav li.main a.pflanzen-tiere, #subheader #navigation ul.nav li.main a.pflanzen-tiere, #header #iconnav ul.nav li.main a.pflanzen-tiere, #subheader #iconnav ul.nav li.main a.pflanzen-tiere { color: #aabd8a; } #header #navigation ul.nav li.main a.menschen-ideen, #subheader #navigation ul.nav li.main a.menschen-ideen, #header #iconnav ul.nav li.main a.menschen-ideen, #subheader #iconnav ul.nav li.main a.menschen-ideen { color: #955373; } #header #navigation ul.nav li.main a.kompetenz-technik, #subheader #navigation ul.nav li.main a.kompetenz-technik, #header #iconnav ul.nav li.main a.kompetenz-technik, #subheader #iconnav ul.nav li.main a.kompetenz-technik { color: #8fa9c9; } #header #navigation ul.nav li.main a.genuss-freude, #subheader #navigation ul.nav li.main a.genuss-freude, #header #iconnav ul.nav li.main a.genuss-freude, #subheader #iconnav ul.nav li.main a.genuss-freude { color: #dfcc7b; } #header #navigation ul.nav li.main a.nav-path-selected.pflanzen-tiere, #subheader #navigation ul.nav li.main a.nav-path-selected.pflanzen-tiere, #header #iconnav ul.nav li.main a.nav-path-selected.pflanzen-tiere, #subheader #iconnav ul.nav li.main a.nav-path-selected.pflanzen-tiere { background: #aabd8a; color: #fff; } #header #navigation ul.nav li.main a.nav-path-selected.menschen-ideen, #subheader #navigation ul.nav li.main a.nav-path-selected.menschen-ideen, #header #iconnav ul.nav li.main a.nav-path-selected.menschen-ideen, #subheader #iconnav ul.nav li.main a.nav-path-selected.menschen-ideen { background: #955373; color: #fff; } #header #navigation ul.nav li.main a.nav-path-selected.kompetenz-technik, #subheader #navigation ul.nav li.main a.nav-path-selected.kompetenz-technik, #header #iconnav ul.nav li.main a.nav-path-selected.kompetenz-technik, #subheader #iconnav ul.nav li.main a.nav-path-selected.kompetenz-technik { background: #8fa9c9; color: #fff; } #header #navigation ul.nav li.main a.nav-path-selected.genuss-freude, #subheader #navigation ul.nav li.main a.nav-path-selected.genuss-freude, #header #iconnav ul.nav li.main a.nav-path-selected.genuss-freude, #subheader #iconnav ul.nav li.main a.nav-path-selected.genuss-freude { background: #dfcc7b; color: #fff; } #header #navigation ul.nav li.main ul, #subheader #navigation ul.nav li.main ul, #header #iconnav ul.nav li.main ul, #subheader #iconnav ul.nav li.main ul { padding: 0; } #header #navigation ul.nav li.main ul li a, #subheader #navigation ul.nav li.main ul li a, #header #iconnav ul.nav li.main ul li a, #subheader #iconnav ul.nav li.main ul li a { white-space: nowrap; color: #fff; background: #b2b9b6; display: block; padding: 15px 25px; text-align: left; } #header #navigation ul.nav li.main ul ul, #subheader #navigation ul.nav li.main ul ul, #header #iconnav ul.nav li.main ul ul, #subheader #iconnav ul.nav li.main ul ul { top: 0; } #header #navigation ul.nav li.main ul ul li a, #subheader #navigation ul.nav li.main ul ul li a, #header #iconnav ul.nav li.main ul ul li a, #subheader #iconnav ul.nav li.main ul ul li a { background: #96a29c; white-space: nowrap; } #header #navigation ul.nav li.pflanzen-tiere ul li:hover > a, #subheader #navigation ul.nav li.pflanzen-tiere ul li:hover > a, #header #iconnav ul.nav li.pflanzen-tiere ul li:hover > a, #subheader #iconnav ul.nav li.pflanzen-tiere ul li:hover > a, #header #navigation ul.nav li.pflanzen-tiere ul li:focus > a, #subheader #navigation ul.nav li.pflanzen-tiere ul li:focus > a, #header #iconnav ul.nav li.pflanzen-tiere ul li:focus > a, #subheader #iconnav ul.nav li.pflanzen-tiere ul li:focus > a { background: #f3f4ee; color: #aabd8a; } #header #navigation ul.nav li.pflanzen-tiere ul li a.nav-path-selected, #subheader #navigation ul.nav li.pflanzen-tiere ul li a.nav-path-selected, #header #iconnav ul.nav li.pflanzen-tiere ul li a.nav-path-selected, #subheader #iconnav ul.nav li.pflanzen-tiere ul li a.nav-path-selected { background: #aabd8a; color: #fff; } #header #navigation ul.nav li.menschen-ideen ul li:hover > a, #subheader #navigation ul.nav li.menschen-ideen ul li:hover > a, #header #iconnav ul.nav li.menschen-ideen ul li:hover > a, #subheader #iconnav ul.nav li.menschen-ideen ul li:hover > a, #header #navigation ul.nav li.menschen-ideen ul li:focus > a, #subheader #navigation ul.nav li.menschen-ideen ul li:focus > a, #header #iconnav ul.nav li.menschen-ideen ul li:focus > a, #subheader #iconnav ul.nav li.menschen-ideen ul li:focus > a { background: #ede4e7; color: #955373; } #header #navigation ul.nav li.menschen-ideen ul li a.nav-path-selected, #subheader #navigation ul.nav li.menschen-ideen ul li a.nav-path-selected, #header #iconnav ul.nav li.menschen-ideen ul li a.nav-path-selected, #subheader #iconnav ul.nav li.menschen-ideen ul li a.nav-path-selected { background: #955373; color: #fff; } #header #navigation ul.nav li.kompetenz-technik ul li:hover > a, #subheader #navigation ul.nav li.kompetenz-technik ul li:hover > a, #header #iconnav ul.nav li.kompetenz-technik ul li:hover > a, #subheader #iconnav ul.nav li.kompetenz-technik ul li:hover > a, #header #navigation ul.nav li.kompetenz-technik ul li:focus > a, #subheader #navigation ul.nav li.kompetenz-technik ul li:focus > a, #header #iconnav ul.nav li.kompetenz-technik ul li:focus > a, #subheader #iconnav ul.nav li.kompetenz-technik ul li:focus > a { background: #eff1f6; color: #8fa9c9; } #header #navigation ul.nav li.kompetenz-technik ul li a.nav-path-selected, #subheader #navigation ul.nav li.kompetenz-technik ul li a.nav-path-selected, #header #iconnav ul.nav li.kompetenz-technik ul li a.nav-path-selected, #subheader #iconnav ul.nav li.kompetenz-technik ul li a.nav-path-selected { background: #8fa9c9; color: #fff; } #header #navigation ul.nav li.genuss-freude ul li:hover > a, #subheader #navigation ul.nav li.genuss-freude ul li:hover > a, #header #iconnav ul.nav li.genuss-freude ul li:hover > a, #subheader #iconnav ul.nav li.genuss-freude ul li:hover > a, #header #navigation ul.nav li.genuss-freude ul li:focus > a, #subheader #navigation ul.nav li.genuss-freude ul li:focus > a, #header #iconnav ul.nav li.genuss-freude ul li:focus > a, #subheader #iconnav ul.nav li.genuss-freude ul li:focus > a { background: #f9f6ed; color: #dfcc7b; } #header #navigation ul.nav li.genuss-freude ul li a.nav-path-selected, #subheader #navigation ul.nav li.genuss-freude ul li a.nav-path-selected, #header #iconnav ul.nav li.genuss-freude ul li a.nav-path-selected, #subheader #iconnav ul.nav li.genuss-freude ul li a.nav-path-selected { background: #dfcc7b; color: #fff; } .quicklinks li { float: left; border: 0 !important; } #subheader { display: block; margin: 0 0 15px 0; padding: 0; } #subheader #breadcrumb { float: left; display: block; padding: 15px 0 0 0; width: 50%; } #subheader #breadcrumb ol.breadcrumb { background: none; padding: 8px 0 0 0; margin: 0; display: block; } #subheader #breadcrumb ol.breadcrumb li { color: #b2b9b6; font: normal 14px 'abel'; text-transform: uppercase; letter-spacing: 1px; } #subheader #breadcrumb ol.breadcrumb li a { color: #24543f; font: normal 14px 'abel'; text-transform: uppercase; letter-spacing: 1px; } #subheader #breadcrumb .breadcrumb > li + li:before { padding: 0 0 0 4px; } #subheader #floatright { padding: 15px 0 0 0; float: right; display: block; } #subheader #language { float: left; display: block; } #subheader #suche { display: block; float: left; margin-left: 15px; } #subheader #iconnav { display: block; float: left; } #teaser { background: #24543f; display: block; } #footer { background: #24543f; padding: 40px 0; color: #fff; } #footer a, #footer a:hover, #footer a:focus { color: #fff; background: none; } #footer .nav a { padding: 4px 0; } #footer .ccm-block-social-links li { padding: 4px 0; } #wrapper { /* SLIDER */ } #wrapper .form-group label.control-label, #wrapper .form-inline label.control-label, #wrapper .ccm-search-block-form label.control-label, #wrapper .searchForm label.control-label { font: normal 14px/18px "hindmedium"; } #wrapper .form-group .text-muted, #wrapper .form-inline .text-muted, #wrapper .ccm-search-block-form .text-muted, #wrapper .searchForm .text-muted { color: inherit; opacity: 0.5; } #wrapper .form-group input, #wrapper .form-inline input, #wrapper .ccm-search-block-form input, #wrapper .searchForm input, #wrapper .form-group textarea, #wrapper .form-inline textarea, #wrapper .ccm-search-block-form textarea, #wrapper .searchForm textarea, #wrapper .form-group select, #wrapper .form-inline select, #wrapper .ccm-search-block-form select, #wrapper .searchForm select { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border: solid #24543f 1px; resize: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #wrapper .form-group input:focus, #wrapper .form-inline input:focus, #wrapper .ccm-search-block-form input:focus, #wrapper .searchForm input:focus, #wrapper .form-group textarea:focus, #wrapper .form-inline textarea:focus, #wrapper .ccm-search-block-form textarea:focus, #wrapper .searchForm textarea:focus, #wrapper .form-group select:focus, #wrapper .form-inline select:focus, #wrapper .ccm-search-block-form select:focus, #wrapper .searchForm select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #wrapper .form-group .form-control[type="file"], #wrapper .form-inline .form-control[type="file"], #wrapper .ccm-search-block-form .form-control[type="file"], #wrapper .searchForm .form-control[type="file"] { height: auto; } #wrapper .btn { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border: 0px; font: normal 14px/18px "hindmedium"; background: #24543f; color: white; } #wrapper #footer .btn { color: #24543f; background: white; } #wrapper .btn.show-more { display: inline-block; margin: 10px 0 5px 0; color: #fff !important; background: #24543f; } #wrapper .swiper-slide { background-repeat: no-repeat; } #wrapper .btn-slide-prev, #wrapper .btn-slide-next { top: 50%; width: 20px; margin-top: -16px; } #wrapper .btn-slide-prev img, #wrapper .btn-slide-next img { display: block; max-width: 100%; height: auto; } #wrapper .swiper-pagination { margin: auto; text-align: center; left: 0; right: 0; } #wrapper .swiper-pagination-switch { background: #fff; width: 10px; height: 10px; } #wrapper .swiper-pagination-switch.swiper-active-switch { background: #24543f; } #wrapper .vivid-simple-slider .slide-title { line-height: 50px; } /* CONTENT */ /* SVGS */ .svg-violet { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM5NTUzNzQiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-violet-bg.png); } .svg-gruen { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNBQUJEOEEiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-gruen-bg.png); } .svg-blau { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM4RkE5QzgiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-blau-bg.png); } .svg-gelb { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNERkNDN0IiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-gelb-bg.png); } .svg-weiss { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMiwyMi4wNDQgMiwyMzMuMjM2IDQ1OS44ODcsMjMzLjIzNiA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-white-bg.png); } #content { padding: 60px 0; } #content.home { padding-bottom: 0 !important; } .element-control { display: block; margin: auto; text-align: center; padding: 0 0 30px 0; } .element.schraeg { display: inline-block; width: 25%; max-width: 230px; padding: 15px 15px 15px 15px; text-align: center; margin: auto; vertical-align: top; } .element.schraeg .pflanzen-tiere .bespoken .headline:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNBQUJEOEEiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-gruen-bg.png); } .element.schraeg .menschen-ideen .bespoken .headline:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM5NTUzNzQiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-violet-bg.png); } .element.schraeg .kompetenz-technik .bespoken .headline:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM4RkE5QzgiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-blau-bg.png); } .element.schraeg .genuss-freude .bespoken .headline:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNERkNDN0IiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-gelb-bg.png); } .element.schraeg .main { position: relative; } .element.schraeg .main:hover .description { max-height: 500px; transition: max-height 0.25s ease-in; } .element.schraeg .background { cursor: pointer; position: static; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; width: 100%; overflow: hidden; } .element.schraeg .background .inner { width: 100%; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .element.schraeg .bespoken { position: static; z-index: 2; } .element.schraeg .bespoken a.overlay { position: static; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: block; } .element.schraeg .bespoken .headline { position: relative; bottom: 0; } .element.schraeg .bespoken .headline h2 { position: relative; z-index: 10; text-align: left; } .element.schraeg .bespoken .headline h2 a, .element.schraeg .bespoken .headline h2 a:hover, .element.schraeg .bespoken .headline h2 a:focus { color: #fff; padding: 30px 20px 10px 20px; display: block; text-decoration: none; } .element.schraeg .bespoken .headline:after { content: ''; background-repeat: no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; min-width: 100%; min-height: 100%; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; position: absolute; z-index: 1; opacity: 0.8; } .element.schraeg .description { max-height: 0; transition: max-height 0.15s ease-out; overflow: hidden; } .element.schraeg .description a, .element.schraeg .description a:hover, .element.schraeg .description a:focus { padding-top: 15px; display: block; text-transform: uppercase; color: #000; text-decoration: underline; text-align: left; } .responsive-center { display: block; text-align: center; margin: auto; } .element.rund { float: left; display: block; width: 25%; padding: 15px; max-width: 235px; } .element.rund .inner { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; position: relative; height: 205px; overflow: hidden; } .element.rund .inner .background { position: absolute; width: 100%; height: 50%; top: 0; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .element.rund .inner .background a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .element.rund .inner .title { position: absolute; width: 100%; height: 50%; top: 50%; background: #dfcc7b; } .element.rund .inner .title h2 { padding: 15px; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .element.rund .inner .title h2 a { text-align: center; display: block; color: #fff; text-decoration: none; } .waldlandgruen { background: #24543f; } .weiss { background: #fff; padding: 30px 30px 30px 30px; } .hellgelb { background: #f9f6ed; } #wrapper .slick-next, #wrapper .slick-prev { z-index: 10; } #wrapper .slick-next { right: 15px; } #wrapper .slick-prev { left: 15px; } #wrapper .slick-dots { bottom: -15px; } #wrapper .slick-dots li { margin: 0; } #wrapper .slick-dots li button { padding: 0; width: 15px; height: 15px; } #wrapper .slick-dots li { width: 15px; height: 15px; } #wrapper .slick-dots li button:before, #wrapper .slick-dots li button::before { width: 15px; height: 15px; line-height: 15px; } #wrapper .slick-dotted.slick-slider { margin-bottom: 0; } .slider-for .slide { outline: 0 !important; height: 300px; background-repeat: no-repeat !important; background-position: center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; position: relative; } .slider-for .slide .position { position: absolute; bottom: 15px; left: -3px; display: block; min-width: 50%; min-height: 100px; padding: 25px 35px 10px 25px; margin-right: 15px; } .slider-for .slide .position a, .slider-for .slide .position a:hover, .slider-for .slide .position a:focus { color: #000; display: block; text-decoration: none; } .slider-for .slide .position:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: url(/application/themes/wald/img/fallback/fallback-white-bg.png) no-repeat center center; -webkit-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; min-width: 100% !important; min-height: 100% !important; opacity: 1; } .slider-for:before { content: '▲'; position: absolute; margin: auto; width: 30px; height: 30px; bottom: -24px; text-align: center; left: 0; right: 0; font-size: 22px; line-height: 30px; vertical-align: top; z-index: 10; color: #24543f; } .slider-nav .slide { outline: 0 !important; padding: 15px 7.5px; } .slider-nav .slide .inner { display: block; height: 200px; background-repeat: no-repeat !important; background-position: center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; position: relative; } .slider-nav .slide .position { position: relative; width: 100%; height: 100%; } .slider-nav .slide .position h5 { background: rgba(255, 255, 255, 0.5); padding: 15px; position: absolute; left: 0; bottom: 0; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } /* EFFECT LILY */ figure.effect-lily { position: relative; overflow: hidden; max-height: 225px; cursor: pointer; background: #000; margin-bottom: 30px; } figure.effect-lily img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; } figure.effect-lily figcaption::before, figure.effect-lily figcaption::after { pointer-events: none; } figure.effect-lily figcaption > a { z-index: 90; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } figure.effect-lily figcaption, figure.effect-lily figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*---------------*/ /***** Lily *****/ /*---------------*/ figure.effect-lily img { max-width: none; width: -webkit-calc(150%); width: calc(150%); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } figure.effect-lily figcaption { text-align: left; } figure.effect-lily figcaption > div { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; } figure.effect-lily h2 { color: #fff; } figure.effect-lily p { text-transform: uppercase; } figure.effect-lily h2, figure.effect-lily p { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } figure.effect-lily h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-lily p { color: rgba(255, 255, 255, 0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; } figure.effect-lily:hover img, figure.effect-lily:hover p { opacity: 1; } figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-lily:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } /* LEVEL 1 */ #content.level-1 { padding: 0 !important; } #content.box-shadow .white { -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25); } .white, .weiss { background: white; } .color.main #subheader #breadcrumb ol.breadcrumb li a { color: #4d524f; } .color.pflanzen-tiere { background: #f3f4ee; } .color.menschen-ideen { background: #ede4e7; } .color.kompetenz-technik { background: #eff1f6; } .color.genuss-freude { background: #f9f6ed; } .color.for-green { background: #e3ece9; } .level-1 #teaser { padding: 15px; background: transparent; } .level-1 #teaser .main { height: 400px; position: relative; } .level-1 #teaser .main .position { position: absolute; bottom: 30px; left: 0px; display: block; width: 400px; min-height: 100px; padding: 45px 45px 10px 35px; margin-right: 15px; } .level-1 #teaser .main .position h1 { display: block; text-transform: uppercase; font-size: 50px; position: relative; z-index: 10; font-family: 'hindregular'; line-height: 50px; } .level-1 #teaser .main .position:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background: url(/application/themes/wald/img/fallback/fallback-white-bg.png) no-repeat center center; -webkit-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; min-width: 100% !important; min-height: 100% !important; opacity: 1; } #teaser .pflanzen-tiere { background: #aabd8a; } #teaser .pflanzen-tiere h1 { color: #aabd8a; } #teaser .menschen-ideen { background: #955373; } #teaser .menschen-ideen h1 { color: #955373; } #teaser .kompetenz-technik { background: #8fa9c9; } #teaser .kompetenz-technik h1 { color: #8fa9c9; } #teaser .genuss-freude { background: #dfcc7b; } #teaser .genuss-freude h1 { color: #dfcc7b; } #teaser .for-green { background: #24543f; } #teaser .for-green h1 { color: #24543f; } /* CATEGORY SPECIFIC */ #category-spezific { display: block; padding: 30px 0; } #category-spezific .element.spezific { display: block; float: left; width: 50%; position: relative; height: 300px; } #category-spezific .element.spezific .inner { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; z-index: 1; overflow: hidden; } #category-spezific .element.spezific .inner a.overlay { position: absolute; width: 100%; height: 100%; z-index: 20; } #category-spezific .element.spezific .background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } #category-spezific .element.spezific .position { position: absolute; bottom: 30px; left: -2px; display: block; z-index: 2; min-height: 100px; padding: 45px 45px 10px 15px; margin-right: 15px; } #category-spezific .element.spezific .position h2 a, #category-spezific .element.spezific .position h2 a:hover, #category-spezific .element.spezific .position h2 a:focus { color: #fff; text-decoration: none; word-wrap: break-word; overflow-wrap: break-word; } #category-spezific .element.spezific .position:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: url(/application/themes/wald/img/fallback/fallback-white-bg.png) no-repeat center center; -webkit-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; min-width: 100% !important; min-height: 100% !important; opacity: 0.8; } #category-spezific.pflanzen-tiere .element.spezific .position:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNBQUJEOEEiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-gruen-bg.png); } #category-spezific.pflanzen-tiere .element.spezific .inner { background-color: #c9d3d5; } #category-spezific.menschen-ideen .element.spezific .position:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM5NTUzNzQiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-violet-bg.png); } #category-spezific.menschen-ideen .element.spezific .inner { background-color: #c9d3d5; } #category-spezific.kompetenz-technik .element.spezific .position:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM4RkE5QzgiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-blau-bg.png); } #category-spezific.kompetenz-technik .element.spezific .inner { background-color: #c9d3d5; } #category-spezific.genuss-freude .element.spezific .position:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNERkNDN0IiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-gelb-bg.png); } #category-spezific.genuss-freude .element.spezific .inner { background-color: #c9d3d5; } /* SITE SPECIFIC */ #site-spezific { padding: 30px 0; display: block; margin: auto; margin-left: -10px; margin-right: -10px; text-align: center; overflow: hidden; } #site-spezific .element.spezific { display: inline-block; text-align: center; margin: auto; width: 33.3333333%; position: relative; height: 250px; } #site-spezific .element.spezific .inner { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; z-index: 1; overflow: hidden; } #site-spezific .element.spezific .inner a.overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; } #site-spezific .element.spezific .background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } #site-spezific .element.spezific .position { position: absolute; bottom: 30px; left: -2px; display: block; z-index: 2; text-align: left; min-height: 100px; padding: 45px 35px 10px 15px; margin-right: 15px; } #site-spezific .element.spezific .position h2 a, #site-spezific .element.spezific .position h2 a:hover, #site-spezific .element.spezific .position h2 a:focus { color: #fff; text-decoration: none; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #site-spezific .element.spezific .position:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: url(/application/themes/wald/img/fallback/fallback-white-bg.png) no-repeat center center; -webkit-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; min-width: 100% !important; min-height: 100% !important; opacity: 0.8; } #site-spezific .element.spezific.pflanzen-tiere .position:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNBQUJEOEEiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-gruen-bg.png); } #site-spezific .element.spezific.menschen-ideen .position:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM5NTUzNzQiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-violet-bg.png); } #site-spezific .element.spezific.kompetenz-technik .position:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM4RkE5QzgiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-blau-bg.png); } #site-spezific .element.spezific.genuss-freude .position:before { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDk4cHgiIGhlaWdodD0iMjM1cHgiIHZpZXdCb3g9IjAgMCA0OTggMjM1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OTggMjM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNERkNDN0IiIHBvaW50cz0iMiw0Mi4wNDQgMiwyMzMuMjM3IDQ1OS44ODcsMjMzLjIzNyA0OTQuOTY4LDAuODA1ICIvPg0KPC9zdmc+DQo=); background-image: url(/application/themes/wald/img/fallback/fallback-gelb-bg.png); } /* LEVEL 2 */ #teaser.level-2 { height: 400px; } #teaser.level-2 .inner { background: #c9d3d5; height: 400px; position: relative; } #teaser.level-2 .inner .position { position: absolute; bottom: 30px; left: 0; right: 0; padding: 20px 30px; background: rgba(255, 255, 255, 0.9); z-index: 2; } #teaser.level-2 .inner .position h1 { margin: 0; font-size: 50px; line-height: 50px; text-transform: uppercase; font-family: 'hindregular'; width: 50%; overflow: visible; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #teaser.level-2 .inner .background { position: absolute; z-index: 1; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } #teaser.level-2.pflanzen-tiere { background: #aabd8a; } #teaser.level-2.pflanzen-tiere h1 { color: #aabd8a; } #teaser.level-2.menschen-ideen { background: #955373; } #teaser.level-2.menschen-ideen h1 { color: #955373; } #teaser.level-2.kompetenz-technik { background: #8fa9c9; } #teaser.level-2.kompetenz-technik h1 { color: #8fa9c9; } #teaser.level-2.genuss-freude { background: #dfcc7b; } #teaser.level-2.genuss-freude h1 { color: #dfcc7b; } #content.level-2 { padding-bottom: 0 !important; } /* ICON NAVIGATION */ #icon-navigation { display: block; margin: 30px auto; text-align: center; } #icon-navigation .element.icons { display: inline-block; width: 225px; height: 225px; position: relative; } #icon-navigation .element.icons .inner { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; overflow: hidden; } #icon-navigation .element.icons .icon { height: 50%; width: 100%; position: absolute; top: 0; } #icon-navigation .element.icons .icon a { display: block; line-height: 112px; } #icon-navigation .element.icons .icon a span { font-size: 75px; line-height: 112px; } #icon-navigation .element.icons .icon a span:before { line-height: 112px; } #icon-navigation .element.icons .text { width: 100%; height: 50%; position: absolute; bottom: 0; padding: 15px; } #icon-navigation .element.icons .text h2 a { color: #fff; text-decoration: none; text-align: center; font-size: 18px; line-height: 22px; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } #icon-navigation.pflanzen-tiere .text { background: #aabd8a; } #icon-navigation.menschen-ideen .text { background: #955373; } #icon-navigation.kompetenz-technik .text { background: #8fa9c9; } #icon-navigation.genuss-freude .text { background: #dfcc7b; } #icon-navigation.pflanzen-tiere .icon { background: #f3f4ee; } #icon-navigation.pflanzen-tiere .icon a { color: #aabd8a; } #icon-navigation.menschen-ideen .icon { background: #ede4e7; } #icon-navigation.menschen-ideen .icon a { color: #955373; } #icon-navigation.kompetenz-technik .icon { background: #eff1f6; } #icon-navigation.kompetenz-technik .icon a { color: #8fa9c9; } #icon-navigation.genuss-freude .icon { background: #f9f6ed; } #icon-navigation.genuss-freude .icon a { color: #dfcc7b; } /* LEVEL 3 */ #teaser.level-3 { height: 400px; } #teaser.level-3 .inner { background: #c9d3d5; height: 400px; position: relative; } #teaser.level-3 .inner .position { position: absolute; bottom: 30px; left: 0; right: 0; padding: 20px 30px; background: rgba(255, 255, 255, 0.9); z-index: 2; } #teaser.level-3 .inner .position h1 { margin: 0; font-size: 50px; line-height: 50px; text-transform: uppercase; font-family: 'hindregular'; width: 55%; overflow: visible; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #teaser.level-3 .inner .background { position: absolute; z-index: 1; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } #teaser.level-3.pflanzen-tiere { background: #f3f4ee; } #teaser.level-3.pflanzen-tiere h1 { color: #aabd8a; } #teaser.level-3.menschen-ideen { background: #ede4e7; } #teaser.level-3.menschen-ideen h1 { color: #955373; } #teaser.level-3.kompetenz-technik { background: #eff1f6; } #teaser.level-3.kompetenz-technik h1 { color: #8fa9c9; } #teaser.level-3.genuss-freude { background: #f9f6ed; } #teaser.level-3.genuss-freude h1 { color: #dfcc7b; } /* MINI ICON NAVIGATION */ #mini-icon-navigation { padding: 0 0 30px 0; } #mini-icon-navigation a:before { content: ''; } #mini-icon-navigation ul.nav { display: block; margin: auto; text-align: center; } #mini-icon-navigation ul.nav li { float: none; display: inline-block; margin: 5px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; width: 60px; height: 60px; } #mini-icon-navigation ul.nav li a, #mini-icon-navigation ul.nav li a:hover, #mini-icon-navigation ul.nav li a:focus { padding: 0; display: block; text-align: center; font-size: 30px; line-height: 60px; background: #c9d3d5; color: #fff; } #mini-icon-navigation.pflanzen-tiere ul.nav li a:hover { background: #f3f4ee; color: #aabd8a; } #mini-icon-navigation.pflanzen-tiere ul.nav li a.nav-selected { background: #aabd8a; color: #fff; } #mini-icon-navigation.menschen-ideen ul.nav li a:hover { background: #ede4e7; color: #955373; } #mini-icon-navigation.menschen-ideen ul.nav li a.nav-selected { background: #955373; color: #fff; } #mini-icon-navigation.kompetenz-technik ul.nav li a:hover { background: #eff1f6; color: #8fa9c9; } #mini-icon-navigation.kompetenz-technik ul.nav li a.nav-selected { background: #8fa9c9; color: #fff; } #mini-icon-navigation.genuss-freude ul.nav li a:hover { background: #f9f6ed; color: #dfcc7b; } #mini-icon-navigation.genuss-freude ul.nav li a.nav-selected { background: #dfcc7b; color: #fff; } #content .content [class^="col-"], #content .content [class*=" col-"] { padding-bottom: 30px; } #content .content.pflanzen-tiere a { color: #aabd8a; } #content .content.menschen-ideen a { color: #955373; } #content .content.kompetenz-technik a { color: #8fa9c9; } #content .content.genuss-freude a { color: #dfcc7b; } #content .content.greenlinks a { color: #24543f; } /* IMAGE SLIDER */ .ccm-image-slider { position: relative; } .rslides_tabs { padding: 0; margin: 0; display: none; } .ccm-image-slider-text { position: absolute; z-index: 100; width: 100%; bottom: 0; left: 0; top: auto; height: auto; display: block; background: #fff; background: rgba(255, 255, 255, 0.6); padding: 10px 15px; } .ccm-image-slider-text h2 { font: bold 27px/30px 'source_sans'; color: #fff; text-transform: uppercase; margin: 0 !important; } .rslides_nav.next { background-position: right top !important; } .rslides_nav { background: url(/application/themes/wald/css/img/arrows.png) no-repeat left top !important; } .rslides > li { list-style-type: none; margin-left: 0 !important; } #wrapper.pflanzen-und-tiere .ccm-image-slider-text { background: #aabd8a; } #wrapper.menschen-und-ideen .ccm-image-slider-text { background: #955373; } #wrapper.kompetenz-und-technik .ccm-image-slider-text { background: #8fa9c9; } #wrapper.genuss-und-freude .ccm-image-slider-text { background: #dfcc7b; } /* RESTLICHE BOXEN */ .info-box-saat { position: relative; overflow: hidden; display: block; margin: auto; max-width: 400px; } .info-box-saat img.img-zindex-bug { position: relative; z-index: 1; } .info-box-saat .position { position: absolute; bottom: 0; left: -3px; right: 10px; z-index: 2; padding: 25px 25px 15px 15px; } .info-box-saat .position h2 { color: #24543f; } .info-box-saat .position:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: url(/application/themes/wald/img/fallback/fallback-white-bg.png) no-repeat center center; -webkit-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; min-width: 100% !important; min-height: 100% !important; opacity: 1; } .info-box-saat .description { overflow: hidden; max-height: 0; -webkit-transition: max-height 0.4s linear; -moz-transition: max-height 0.4s linear; -o-transition: max-height 0.4s linear; transition: max-height 0.4s linear; } .info-box-saat:hover .description { max-height: 400px; -webkit-transition: max-height 0.4s linear; -moz-transition: max-height 0.4s linear; -o-transition: max-height 0.4s linear; transition: max-height 0.4s linear; } /* SUCHE */ .search-result-solo { margin: 30px 0 0 0; } .search-result-solo .btn { margin: 15px 0 0 0; } .search-result-solo h2 a, .search-result-solo h2 a:hover, .search-result-solo h2 a:focus { color: #24543f; text-decoration: none; } .search-result-solo h2 span { color: #fff; background: #c9d3d5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 0 5px; padding: 1px 5px 1px 5px; font-size: 12px; vertical-align: top; } .search-result-solo h2 span.superchecker.pflanzen-und-tiere { background: #aabd8a; } .search-result-solo h2 span.superchecker.menschen-und-ideen { background: #955373; } .search-result-solo h2 span.superchecker.kompetenz-und-technik { background: #8fa9c9; } .search-result-solo h2 span.superchecker.genuss-und-freude { background: #dfcc7b; } .search-result-solo .withspan span { color: #fff; } .search-result-solo .withspan a { color: #24543f; text-decoration: underline; } /* NEWS */ .news-detail { margin: 0 0 30px 0; } .news-detail a { display: block; } .news-detail h4 a, .news-detail p a, .news-detail h4 a:hover, .news-detail p a:hover, .news-detail h4 a:focus, .news-detail p a:focus { color: #000; text-decoration: none; } /* DISCLAIMER */ .cc-revoke, .cc-window { font: normal 14px/18px 'hindregular' !important; color: black !important; } /* Bilderraster */ .grid.init.gallery { overflow: hidden; margin-left: -5px; margin-right: -5px; } .grid.init.gallery figure { float: left; width: 25%; padding: 5px; } .grid.init.gallery figure a { display: block; } /* PAGINATION */ .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #24543f; border-color: #24543f; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #24543f; } .pagination > li > a, .pagination > li > span { color: #24543f; } /* 22. Mai 2020 */ .center { text-align: center; display: block; margin: auto; }