.social_feed_element{overflow:visible;padding:0;width:100%}.social_feed_element.extended .inner a{display:inline;padding:0;color:#1b95e0}.social_feed_element.extended .inner a:hover{text-decoration:underline}.social_feed_element.extended .inner>figure{padding:0}.social_feed_element.extended a.more{padding:0;font-size:14px;color:#1b95e0;font-weight:700;display:block}.social_feed_element.extended a.more:hover{text-decoration:underline}.social_feed_element.extended .inner{padding:0 20px 20px}.social_feed_element.extended p:first-child{margin-top:0}.social_feed_element.extended p:last-child{margin-bottom:0}.social_feed_element .inner{background:#f2f2f2;padding:0;margin:30px 10px 10px;position:relative;word-break:break-word;border-top:5px solid #c1c1c1}.social_feed_element .inner a{padding:0 20px;display:block}.social_feed_element .inner>figure{padding:0 20px}.social_feed_element .ce_text{padding:15px 0;color:#333;margin:0}.social_feed_element .icon{position:static;text-indent:0}.social_feed_element .icon img{position:absolute;top:-20px;border-radius:100%;max-width:50px}.social_feed_element .icon .image-wrapper:not(.loaded){height:0 !important}.social_feed_element .info{margin:0;padding:10px 0 0;text-align:right;font-size:14px;color:#989898;display:flex;align-items:center;justify-content:flex-end}.social_feed_element .info img{width:15px;margin-left:10px}.social_feed_element .title{margin:10px 0;font-size:16px;font-weight:700;color:#333}.social_feed_element a{color:#333;text-decoration:none}.social_feed_element .ce_text{font-size:14px}.social_feed_element .fa{font-size:18px;padding-left:5px}.social_feed_element .image_container>a{padding:0}.social_feed_container{width:calc(100% + 30px);margin-left:-15px;font-family:sans-serif}.social_feed_container:not(.masonry){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.social_feed_container:not(.masonry).columns2 .social_feed_element{-ms-flex:0 0 50%;flex:0 0 50%}.social_feed_container:not(.masonry).columns3 .social_feed_element{-ms-flex:0 0 33%;flex:0 0 33%}.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 25%;flex:0 0 25%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:left}.social_feed_container.masonry.columns2 .social_feed_element{width:50%}.social_feed_container.masonry.columns3 .social_feed_element{width:33.33%}.social_feed_container.masonry.columns4 .social_feed_element{width:25%}@media (max-width:767px){.social_feed_container{width:100%;margin-left:0}.social_feed_container:not(.masonry).columns2 .social_feed_element,.social_feed_container:not(.masonry).columns3 .social_feed_element,.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 100%;flex:0 0 100%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:none;width:100%}} /* AOS v3.0.0-beta.6*//* changed html:not(no-js) to html.js (from script.js)*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= * HTML5 display definitions * ========================================================================== */ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= * Base * ========================================================================== */ /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ font-family: sans-serif; } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ button, input, select, textarea { font-family: sans-serif; } /* Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= * Links * ========================================================================== */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ /* ============================================================================= * Typography * ========================================================================== */ /* Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: yellow; color: black; } /* Addresses margins set differently in IE6/7 */ p { margin: 1em 0; } pre { margin: 1em 0; font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } q:before, q:after { content: ""; content: none; } /* 2 */ small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.25em; } sub { bottom: -0.2em; } /* ============================================================================= * Lists * ========================================================================== */ /* Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= * Embedded content * ========================================================================== */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= * Figures * ========================================================================== */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure, form { margin: 0; } /* ============================================================================= * Forms * ========================================================================== */ /* Corrects margin displayed oddly in IE6/7 */ /* Define consistent border, margin, and padding */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* Re-set default cursor for disabled elements */ button[disabled] { cursor: default; } input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 * Known issue: excess padding remains in IE6 */ /* 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ /* Removes inner padding and search cancel button in S5, Chrome on OS X */ /* Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= * Tables * ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /** Compiled with Theme Compiler */ i.flag { width: 16px; height: 11px; background:url("../../files/raven49/img/flags.png") no-repeat; display:block; position: absolute; } .flag.flag-ad {background-position: -16px 0} .flag.flag-ae {background-position: -32px 0} .flag.flag-af {background-position: -48px 0} .flag.flag-ag {background-position: -64px 0} .flag.flag-ai {background-position: -80px 0} .flag.flag-al {background-position: -96px 0} .flag.flag-am {background-position: -112px 0} .flag.flag-an {background-position: -128px 0} .flag.flag-ao {background-position: -144px 0} .flag.flag-ar {background-position: -160px 0} .flag.flag-as {background-position: -176px 0} .flag.flag-at {background-position: -192px 0} .flag.flag-au {background-position: -208px 0} .flag.flag-aw {background-position: -224px 0} .flag.flag-az {background-position: -240px 0} .flag.flag-ba {background-position: 0 -11px} .flag.flag-bb {background-position: -16px -11px} .flag.flag-bd {background-position: -32px -11px} .flag.flag-be {background-position: -48px -11px} .flag.flag-bf {background-position: -64px -11px} .flag.flag-bg {background-position: -80px -11px} .flag.flag-bh {background-position: -96px -11px} .flag.flag-bi {background-position: -112px -11px} .flag.flag-bj {background-position: -128px -11px} .flag.flag-bm {background-position: -144px -11px} .flag.flag-bn {background-position: -160px -11px} .flag.flag-bo {background-position: -176px -11px} .flag.flag-br {background-position: -192px -11px} .flag.flag-bs {background-position: -208px -11px} .flag.flag-bt {background-position: -224px -11px} .flag.flag-bv {background-position: -240px -11px} .flag.flag-bw {background-position: 0 -22px} .flag.flag-by {background-position: -16px -22px} .flag.flag-bz {background-position: -32px -22px} .flag.flag-ca {background-position: -48px -22px} .flag.flag-catalonia {background-position: -64px -22px} .flag.flag-cd {background-position: -80px -22px} .flag.flag-cf {background-position: -96px -22px} .flag.flag-cg {background-position: -112px -22px} .flag.flag-ch {background-position: -128px -22px} .flag.flag-ci {background-position: -144px -22px} .flag.flag-ck {background-position: -160px -22px} .flag.flag-cl {background-position: -176px -22px} .flag.flag-cm {background-position: -192px -22px} .flag.flag-cn {background-position: -208px -22px} .flag.flag-co {background-position: -224px -22px} .flag.flag-cr {background-position: -240px -22px} .flag.flag-cu {background-position: 0 -33px} .flag.flag-cv {background-position: -16px -33px} .flag.flag-cw {background-position: -32px -33px} .flag.flag-cy {background-position: -48px -33px} .flag.flag-cz {background-position: -64px -33px} .flag.flag-de {background-position: -80px -33px} .flag.flag-dj {background-position: -96px -33px} .flag.flag-dk {background-position: -112px -33px} .flag.flag-dm {background-position: -128px -33px} .flag.flag-do {background-position: -144px -33px} .flag.flag-dz {background-position: -160px -33px} .flag.flag-ec {background-position: -176px -33px} .flag.flag-ee {background-position: -192px -33px} .flag.flag-eg {background-position: -208px -33px} .flag.flag-eh {background-position: -224px -33px} .flag.flag-england {background-position: -240px -33px} .flag.flag-er {background-position: 0 -44px} .flag.flag-es {background-position: -16px -44px} .flag.flag-et {background-position: -32px -44px} .flag.flag-eu {background-position: -48px -44px} .flag.flag-fi {background-position: -64px -44px} .flag.flag-fj {background-position: -80px -44px} .flag.flag-fk {background-position: -96px -44px} .flag.flag-fm {background-position: -112px -44px} .flag.flag-fo {background-position: -128px -44px} .flag.flag-fr {background-position: -144px -44px} .flag.flag-ga {background-position: -160px -44px} .flag.flag-gb, .flag.flag-en {background-position: -176px -44px} .flag.flag-gd {background-position: -192px -44px} .flag.flag-ge {background-position: -208px -44px} .flag.flag-gf {background-position: -224px -44px} .flag.flag-gg {background-position: -240px -44px} .flag.flag-gh {background-position: 0 -55px} .flag.flag-gi {background-position: -16px -55px} .flag.flag-gl {background-position: -32px -55px} .flag.flag-gm {background-position: -48px -55px} .flag.flag-gn {background-position: -64px -55px} .flag.flag-gp {background-position: -80px -55px} .flag.flag-gq {background-position: -96px -55px} .flag.flag-gr {background-position: -112px -55px} .flag.flag-gs {background-position: -128px -55px} .flag.flag-gt {background-position: -144px -55px} .flag.flag-gu {background-position: -160px -55px} .flag.flag-gw {background-position: -176px -55px} .flag.flag-gy {background-position: -192px -55px} .flag.flag-hk {background-position: -208px -55px} .flag.flag-hm {background-position: -224px -55px} .flag.flag-hn {background-position: -240px -55px} .flag.flag-hr {background-position: 0 -66px} .flag.flag-ht {background-position: -16px -66px} .flag.flag-hu {background-position: -32px -66px} .flag.flag-ic {background-position: -48px -66px} .flag.flag-id {background-position: -64px -66px} .flag.flag-ie {background-position: -80px -66px} .flag.flag-il {background-position: -96px -66px} .flag.flag-im {background-position: -112px -66px} .flag.flag-in {background-position: -128px -66px} .flag.flag-io {background-position: -144px -66px} .flag.flag-iq {background-position: -160px -66px} .flag.flag-ir {background-position: -176px -66px} .flag.flag-is {background-position: -192px -66px} .flag.flag-it {background-position: -208px -66px} .flag.flag-je {background-position: -224px -66px} .flag.flag-jm {background-position: -240px -66px} .flag.flag-jo {background-position: 0 -77px} .flag.flag-jp {background-position: -16px -77px} .flag.flag-ke {background-position: -32px -77px} .flag.flag-kg {background-position: -48px -77px} .flag.flag-kh {background-position: -64px -77px} .flag.flag-ki {background-position: -80px -77px} .flag.flag-km {background-position: -96px -77px} .flag.flag-kn {background-position: -112px -77px} .flag.flag-kp {background-position: -128px -77px} .flag.flag-kr {background-position: -144px -77px} .flag.flag-kurdistan {background-position: -160px -77px} .flag.flag-kw {background-position: -176px -77px} .flag.flag-ky {background-position: -192px -77px} .flag.flag-kz {background-position: -208px -77px} .flag.flag-la {background-position: -224px -77px} .flag.flag-lb {background-position: -240px -77px} .flag.flag-lc {background-position: 0 -88px} .flag.flag-li {background-position: -16px -88px} .flag.flag-lk {background-position: -32px -88px} .flag.flag-lr {background-position: -48px -88px} .flag.flag-ls {background-position: -64px -88px} .flag.flag-lt {background-position: -80px -88px} .flag.flag-lu {background-position: -96px -88px} .flag.flag-lv {background-position: -112px -88px} .flag.flag-ly {background-position: -128px -88px} .flag.flag-ma {background-position: -144px -88px} .flag.flag-mc {background-position: -160px -88px} .flag.flag-md {background-position: -176px -88px} .flag.flag-me {background-position: -192px -88px} .flag.flag-mg {background-position: -208px -88px} .flag.flag-mh {background-position: -224px -88px} .flag.flag-mk {background-position: -240px -88px} .flag.flag-ml {background-position: 0 -99px} .flag.flag-mm {background-position: -16px -99px} .flag.flag-mn {background-position: -32px -99px} .flag.flag-mo {background-position: -48px -99px} .flag.flag-mp {background-position: -64px -99px} .flag.flag-mq {background-position: -80px -99px} .flag.flag-mr {background-position: -96px -99px} .flag.flag-ms {background-position: -112px -99px} .flag.flag-mt {background-position: -128px -99px} .flag.flag-mu {background-position: -144px -99px} .flag.flag-mv {background-position: -160px -99px} .flag.flag-mw {background-position: -176px -99px} .flag.flag-mx {background-position: -192px -99px} .flag.flag-my {background-position: -208px -99px} .flag.flag-mz {background-position: -224px -99px} .flag.flag-na {background-position: -240px -99px} .flag.flag-nc {background-position: 0 -110px} .flag.flag-ne {background-position: -16px -110px} .flag.flag-nf {background-position: -32px -110px} .flag.flag-ng {background-position: -48px -110px} .flag.flag-ni {background-position: -64px -110px} .flag.flag-nl {background-position: -80px -110px} .flag.flag-no {background-position: -96px -110px} .flag.flag-np {background-position: -112px -110px} .flag.flag-nr {background-position: -128px -110px} .flag.flag-nu {background-position: -144px -110px} .flag.flag-nz {background-position: -160px -110px} .flag.flag-om {background-position: -176px -110px} .flag.flag-pa {background-position: -192px -110px} .flag.flag-pe {background-position: -208px -110px} .flag.flag-pf {background-position: -224px -110px} .flag.flag-pg {background-position: -240px -110px} .flag.flag-ph {background-position: 0 -121px} .flag.flag-pk {background-position: -16px -121px} .flag.flag-pl {background-position: -32px -121px} .flag.flag-pm {background-position: -48px -121px} .flag.flag-pn {background-position: -64px -121px} .flag.flag-pr {background-position: -80px -121px} .flag.flag-ps {background-position: -96px -121px} .flag.flag-pt {background-position: -112px -121px} .flag.flag-pw {background-position: -128px -121px} .flag.flag-py {background-position: -144px -121px} .flag.flag-qa {background-position: -160px -121px} .flag.flag-re {background-position: -176px -121px} .flag.flag-ro {background-position: -192px -121px} .flag.flag-rs {background-position: -208px -121px} .flag.flag-ru {background-position: -224px -121px} .flag.flag-rw {background-position: -240px -121px} .flag.flag-sa {background-position: 0 -132px} .flag.flag-sb {background-position: -16px -132px} .flag.flag-sc {background-position: -32px -132px} .flag.flag-scotland {background-position: -48px -132px} .flag.flag-sd {background-position: -64px -132px} .flag.flag-se {background-position: -80px -132px} .flag.flag-sg {background-position: -96px -132px} .flag.flag-sh {background-position: -112px -132px} .flag.flag-si {background-position: -128px -132px} .flag.flag-sk {background-position: -144px -132px} .flag.flag-sl {background-position: -160px -132px} .flag.flag-sm {background-position: -176px -132px} .flag.flag-sn {background-position: -192px -132px} .flag.flag-so {background-position: -208px -132px} .flag.flag-somaliland {background-position: -224px -132px} .flag.flag-sr {background-position: -240px -132px} .flag.flag-ss {background-position: 0 -143px} .flag.flag-st {background-position: -16px -143px} .flag.flag-sv {background-position: -32px -143px} .flag.flag-sx {background-position: -48px -143px} .flag.flag-sy {background-position: -64px -143px} .flag.flag-sz {background-position: -80px -143px} .flag.flag-tc {background-position: -96px -143px} .flag.flag-td {background-position: -112px -143px} .flag.flag-tf {background-position: -128px -143px} .flag.flag-tg {background-position: -144px -143px} .flag.flag-th {background-position: -160px -143px} .flag.flag-tibet {background-position: -176px -143px} .flag.flag-tj {background-position: -192px -143px} .flag.flag-tk {background-position: -208px -143px} .flag.flag-tl {background-position: -224px -143px} .flag.flag-tm {background-position: -240px -143px} .flag.flag-tn {background-position: 0 -154px} .flag.flag-to {background-position: -16px -154px} .flag.flag-tr {background-position: -32px -154px} .flag.flag-tt {background-position: -48px -154px} .flag.flag-tv {background-position: -64px -154px} .flag.flag-tw {background-position: -80px -154px} .flag.flag-tz {background-position: -96px -154px} .flag.flag-ua {background-position: -112px -154px} .flag.flag-ug {background-position: -128px -154px} .flag.flag-um {background-position: -144px -154px} .flag.flag-us {background-position: -160px -154px} .flag.flag-uy {background-position: -176px -154px} .flag.flag-uz {background-position: -192px -154px} .flag.flag-va {background-position: -208px -154px} .flag.flag-vc {background-position: -224px -154px} .flag.flag-ve {background-position: -240px -154px} .flag.flag-vg {background-position: 0 -165px} .flag.flag-vi {background-position: -16px -165px} .flag.flag-vn {background-position: -32px -165px} .flag.flag-vu {background-position: -48px -165px} .flag.flag-wales {background-position: -64px -165px} .flag.flag-wf {background-position: -80px -165px} .flag.flag-ws {background-position: -96px -165px} .flag.flag-xk {background-position: -112px -165px} .flag.flag-ye {background-position: -128px -165px} .flag.flag-yt {background-position: -144px -165px} .flag.flag-za {background-position: -160px -165px} .flag.flag-zanzibar {background-position: -176px -165px} .flag.flag-zm {background-position: -192px -165px} .flag.flag-zw {background-position: -208px -165px} @charset "UTF-8"; /* map with following possible parameters ( "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, "font-size-factor": xx, "font-weight": xx, "color": xx, "text-shadow": xx, "text-decoration": xx, "text-transform": xx, "font-family": xx, "line-height": xx, "color": xx, "background": xx, "background-attachment": xx, "background-size": xx ) */ /* =========================================== * Icon-Font * ======================================== */ @font-face { font-family: "raven49-icons"; src: url("../../files/raven49/fonts/raven49-icons.eot"); src: url("../../files/raven49/fonts/raven49-icons.eot?#iefix") format("eot"), url("../../files/raven49/fonts/raven49-icons.woff") format("woff"), url("../../files/raven49/fonts/raven49-icons.ttf") format("truetype"), url("../../files/raven49/fonts/raven49-icons.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } .icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "tandao-icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: ""; } .icon-home2:before { content: ""; } .icon-home3:before { content: ""; } .icon-office:before { content: ""; } .icon-newspaper:before { content: ""; } .icon-pencil:before { content: ""; } .icon-pencil2:before { content: ""; } .icon-quill:before { content: ""; } .icon-pen:before { content: ""; } .icon-blog:before { content: ""; } .icon-eyedropper:before { content: ""; } .icon-droplet:before { content: ""; } .icon-paint-format:before { content: ""; } .icon-image:before { content: ""; } .icon-images:before { content: ""; } .icon-camera:before { content: ""; } .icon-headphones:before { content: ""; } .icon-music:before { content: ""; } .icon-play:before { content: ""; } .icon-film:before { content: ""; } .icon-video-camera:before { content: ""; } .icon-dice:before { content: ""; } .icon-pacman:before { content: ""; } .icon-spades:before { content: ""; } .icon-clubs:before { content: ""; } .icon-diamonds:before { content: ""; } .icon-bullhorn:before { content: ""; } .icon-connection:before { content: ""; } .icon-podcast:before { content: ""; } .icon-feed:before { content: ""; } .icon-mic:before { content: ""; } .icon-book:before { content: ""; } .icon-books:before { content: ""; } .icon-library:before { content: ""; } .icon-file-text:before { content: ""; } .icon-profile:before { content: ""; } .icon-file-empty:before { content: ""; } .icon-files-empty:before { content: ""; } .icon-file-text2:before { content: ""; } .icon-file-picture:before { content: ""; } .icon-file-music:before { content: ""; } .icon-file-play:before { content: ""; } .icon-file-video:before { content: ""; } .icon-file-zip:before { content: ""; } .icon-copy:before { content: ""; } .icon-paste:before { content: ""; } .icon-stack:before { content: ""; } .icon-folder:before { content: ""; } .icon-folder-open:before { content: ""; } .icon-folder-plus:before { content: ""; } .icon-folder-minus:before { content: ""; } .icon-folder-download:before { content: ""; } .icon-folder-upload:before { content: ""; } .icon-price-tag:before { content: ""; } .icon-price-tags:before { content: ""; } .icon-barcode:before { content: ""; } .icon-qrcode:before { content: ""; } .icon-ticket:before { content: ""; } .icon-cart:before { content: ""; } .icon-coin-dollar:before { content: ""; } .icon-coin-euro:before { content: ""; } .icon-coin-pound:before { content: ""; } .icon-coin-yen:before { content: ""; } .icon-credit-card:before { content: ""; } .icon-calculator:before { content: ""; } .icon-lifebuoy:before { content: ""; } .icon-phone:before { content: ""; } .icon-phone-hang-up:before { content: ""; } .icon-address-book:before { content: ""; } .icon-envelop:before { content: ""; } .icon-pushpin:before { content: ""; } .icon-location:before { content: ""; } .icon-location2:before { content: ""; } .icon-compass:before { content: ""; } .icon-compass2:before { content: ""; } .icon-map:before { content: ""; } .icon-map2:before { content: ""; } .icon-history:before { content: ""; } .icon-clock:before { content: ""; } .icon-clock2:before { content: ""; } .icon-alarm:before { content: ""; } .icon-bell:before { content: ""; } .icon-stopwatch:before { content: ""; } .icon-calendar:before { content: ""; } .icon-printer:before { content: ""; } .icon-keyboard:before { content: ""; } .icon-display:before { content: ""; } .icon-laptop:before { content: ""; } .icon-mobile:before { content: ""; } .icon-mobile2:before { content: ""; } .icon-tablet:before { content: ""; } .icon-tv:before { content: ""; } .icon-drawer:before { content: ""; } .icon-drawer2:before { content: ""; } .icon-box-add:before { content: ""; } .icon-box-remove:before { content: ""; } .icon-download:before { content: ""; } .icon-upload:before { content: ""; } .icon-floppy-disk:before { content: ""; } .icon-drive:before { content: ""; } .icon-database:before { content: ""; } .icon-undo:before { content: ""; } .icon-redo:before { content: ""; } .icon-undo2:before { content: ""; } .icon-redo2:before { content: ""; } .icon-forward:before { content: ""; } .icon-reply:before { content: ""; } .icon-bubble:before { content: ""; } .icon-bubbles:before { content: ""; } .icon-bubbles2:before { content: ""; } .icon-bubble2:before { content: ""; } .icon-bubbles3:before { content: ""; } .icon-bubbles4:before { content: ""; } .icon-user:before { content: ""; } .icon-users:before { content: ""; } .icon-user-plus:before { content: ""; } .icon-user-minus:before { content: ""; } .icon-user-check:before { content: ""; } .icon-user-tie:before { content: ""; } .icon-quotes-left:before { content: ""; } .icon-quotes-right:before { content: ""; } .icon-hour-glass:before { content: ""; } .icon-spinner:before { content: ""; } .icon-spinner2:before { content: ""; } .icon-spinner3:before { content: ""; } .icon-spinner4:before { content: ""; } .icon-spinner5:before { content: ""; } .icon-spinner6:before { content: ""; } .icon-spinner7:before { content: ""; } .icon-spinner8:before { content: ""; } .icon-spinner9:before { content: ""; } .icon-spinner10:before { content: ""; } .icon-spinner11:before { content: ""; } .icon-binoculars:before { content: ""; } .icon-search:before { content: ""; } .icon-zoom-in:before { content: ""; } .icon-zoom-out:before { content: ""; } .icon-enlarge:before { content: ""; } .icon-shrink:before { content: ""; } .icon-enlarge2:before { content: ""; } .icon-shrink2:before { content: ""; } .icon-key:before { content: ""; } .icon-key2:before { content: ""; } .icon-lock:before { content: ""; } .icon-unlocked:before { content: ""; } .icon-wrench:before { content: ""; } .icon-equalizer:before { content: ""; } .icon-equalizer2:before { content: ""; } .icon-cog:before { content: ""; } .icon-cogs:before { content: ""; } .icon-hammer:before { content: ""; } .icon-magic-wand:before { content: ""; } .icon-aid-kit:before { content: ""; } .icon-bug:before { content: ""; } .icon-pie-chart:before { content: ""; } .icon-stats-dots:before { content: ""; } .icon-stats-bars:before { content: ""; } .icon-stats-bars2:before { content: ""; } .icon-trophy:before { content: ""; } .icon-gift:before { content: ""; } .icon-glass:before { content: ""; } .icon-glass2:before { content: ""; } .icon-mug:before { content: ""; } .icon-spoon-knife:before { content: ""; } .icon-leaf:before { content: ""; } .icon-rocket:before { content: ""; } .icon-meter:before { content: ""; } .icon-meter2:before { content: ""; } .icon-hammer2:before { content: ""; } .icon-fire:before { content: ""; } .icon-lab:before { content: ""; } .icon-magnet:before { content: ""; } .icon-bin:before { content: ""; } .icon-bin2:before { content: ""; } .icon-briefcase:before { content: ""; } .icon-airplane:before { content: ""; } .icon-truck:before { content: ""; } .icon-road:before { content: ""; } .icon-accessibility:before { content: ""; } .icon-target:before { content: ""; } .icon-shield:before { content: ""; } .icon-power:before { content: ""; } .icon-switch:before { content: ""; } .icon-power-cord:before { content: ""; } .icon-clipboard:before { content: ""; } .icon-list-numbered:before { content: ""; } .icon-list:before { content: ""; } .icon-list2:before { content: ""; } .icon-tree:before { content: ""; } .icon-menu:before { content: ""; } .icon-menu2:before { content: ""; } .icon-menu3:before { content: ""; } .icon-menu4:before { content: ""; } .icon-cloud:before { content: ""; } .icon-cloud-download:before { content: ""; } .icon-cloud-upload:before { content: ""; } .icon-cloud-check:before { content: ""; } .icon-download2:before { content: ""; } .icon-upload2:before { content: ""; } .icon-download3:before { content: ""; } .icon-upload3:before { content: ""; } .icon-sphere:before { content: ""; } .icon-earth:before { content: ""; } .icon-link:before { content: ""; } .icon-flag:before { content: ""; } .icon-attachment:before { content: ""; } .icon-eye:before { content: ""; } .icon-eye-plus:before { content: ""; } .icon-eye-minus:before { content: ""; } .icon-eye-blocked:before { content: ""; } .icon-bookmark:before { content: ""; } .icon-bookmarks:before { content: ""; } .icon-sun:before { content: ""; } .icon-contrast:before { content: ""; } .icon-brightness-contrast:before { content: ""; } .icon-star-empty:before { content: ""; } .icon-star-half:before { content: ""; } .icon-star-full:before { content: ""; } .icon-heart:before { content: ""; } .icon-heart-broken:before { content: ""; } .icon-man:before { content: ""; } .icon-woman:before { content: ""; } .icon-man-woman:before { content: ""; } .icon-happy:before { content: ""; } .icon-happy2:before { content: ""; } .icon-smile:before { content: ""; } .icon-smile2:before { content: ""; } .icon-tongue:before { content: ""; } .icon-tongue2:before { content: ""; } .icon-sad:before { content: ""; } .icon-sad2:before { content: ""; } .icon-wink:before { content: ""; } .icon-wink2:before { content: ""; } .icon-grin:before { content: ""; } .icon-grin2:before { content: ""; } .icon-cool:before { content: ""; } .icon-cool2:before { content: ""; } .icon-angry:before { content: ""; } .icon-angry2:before { content: ""; } .icon-evil:before { content: ""; } .icon-evil2:before { content: ""; } .icon-shocked:before { content: ""; } .icon-shocked2:before { content: ""; } .icon-baffled:before { content: ""; } .icon-baffled2:before { content: ""; } .icon-confused:before { content: ""; } .icon-confused2:before { content: ""; } .icon-neutral:before { content: ""; } .icon-neutral2:before { content: ""; } .icon-hipster:before { content: ""; } .icon-hipster2:before { content: ""; } .icon-wondering:before { content: ""; } .icon-wondering2:before { content: ""; } .icon-sleepy:before { content: ""; } .icon-sleepy2:before { content: ""; } .icon-frustrated:before { content: ""; } .icon-frustrated2:before { content: ""; } .icon-crying:before { content: ""; } .icon-crying2:before { content: ""; } .icon-point-up:before { content: ""; } .icon-point-right:before { content: ""; } .icon-point-down:before { content: ""; } .icon-point-left:before { content: ""; } .icon-warning:before { content: ""; } .icon-notification:before { content: ""; } .icon-question:before { content: ""; } .icon-plus:before { content: ""; } .icon-minus:before { content: ""; } .icon-info:before { content: ""; } .icon-cancel-circle:before { content: ""; } .icon-blocked:before { content: ""; } .icon-cross:before { content: ""; } .icon-checkmark:before { content: ""; } .icon-checkmark2:before { content: ""; } .icon-spell-check:before { content: ""; } .icon-enter:before { content: ""; } .icon-exit:before { content: ""; } .icon-play2:before { content: ""; } .icon-pause:before { content: ""; } .icon-stop:before { content: ""; } .icon-previous:before { content: ""; } .icon-next:before { content: ""; } .icon-backward:before { content: ""; } .icon-forward2:before { content: ""; } .icon-play3:before { content: ""; } .icon-pause2:before { content: ""; } .icon-stop2:before { content: ""; } .icon-backward2:before { content: ""; } .icon-forward3:before { content: ""; } .icon-first:before { content: ""; } .icon-last:before { content: ""; } .icon-previous2:before { content: ""; } .icon-next2:before { content: ""; } .icon-eject:before { content: ""; } .icon-volume-high:before { content: ""; } .icon-volume-medium:before { content: ""; } .icon-volume-low:before { content: ""; } .icon-volume-mute:before { content: ""; } .icon-volume-mute2:before { content: ""; } .icon-volume-increase:before { content: ""; } .icon-volume-decrease:before { content: ""; } .icon-loop:before { content: ""; } .icon-loop2:before { content: ""; } .icon-infinite:before { content: ""; } .icon-shuffle:before { content: ""; } .icon-arrow-up-left:before { content: ""; } .icon-arrow-up:before { content: ""; } .icon-arrow-up-right:before { content: ""; } .icon-arrow-right:before { content: ""; } .icon-arrow-down-right:before { content: ""; } .icon-arrow-down:before { content: ""; } .icon-arrow-down-left:before { content: ""; } .icon-arrow-left:before { content: ""; } .icon-arrow-up-left2:before { content: ""; } .icon-arrow-up2:before { content: ""; } .icon-arrow-up-right2:before { content: ""; } .icon-arrow-right2:before { content: ""; } .icon-arrow-down-right2:before { content: ""; } .icon-arrow-down2:before { content: ""; } .icon-arrow-down-left2:before { content: ""; } .icon-arrow-left2:before { content: ""; } .icon-circle-up:before { content: ""; } .icon-circle-right:before { content: ""; } .icon-circle-down:before { content: ""; } .icon-circle-left:before { content: ""; } .icon-tab:before { content: ""; } .icon-move-up:before { content: ""; } .icon-move-down:before { content: ""; } .icon-sort-alpha-asc:before { content: ""; } .icon-sort-alpha-desc:before { content: ""; } .icon-sort-numeric-asc:before { content: ""; } .icon-sort-numberic-desc:before { content: ""; } .icon-sort-amount-asc:before { content: ""; } .icon-sort-amount-desc:before { content: ""; } .icon-command:before { content: ""; } .icon-shift:before { content: ""; } .icon-ctrl:before { content: ""; } .icon-opt:before { content: ""; } .icon-checkbox-checked:before { content: ""; } .icon-checkbox-unchecked:before { content: ""; } .icon-radio-checked:before { content: ""; } .icon-radio-checked2:before { content: ""; } .icon-radio-unchecked:before { content: ""; } .icon-crop:before { content: ""; } .icon-make-group:before { content: ""; } .icon-ungroup:before { content: ""; } .icon-scissors:before { content: ""; } .icon-filter:before { content: ""; } .icon-font:before { content: ""; } .icon-ligature:before { content: ""; } .icon-ligature2:before { content: ""; } .icon-text-height:before { content: ""; } .icon-text-width:before { content: ""; } .icon-font-size:before { content: ""; } .icon-bold:before { content: ""; } .icon-underline:before { content: ""; } .icon-italic:before { content: ""; } .icon-strikethrough:before { content: ""; } .icon-omega:before { content: ""; } .icon-sigma:before { content: ""; } .icon-page-break:before { content: ""; } .icon-superscript:before { content: ""; } .icon-subscript:before { content: ""; } .icon-superscript2:before { content: ""; } .icon-subscript2:before { content: ""; } .icon-text-color:before { content: ""; } .icon-pagebreak:before { content: ""; } .icon-clear-formatting:before { content: ""; } .icon-table:before { content: ""; } .icon-table2:before { content: ""; } .icon-insert-template:before { content: ""; } .icon-pilcrow:before { content: ""; } .icon-ltr:before { content: ""; } .icon-rtl:before { content: ""; } .icon-section:before { content: ""; } .icon-paragraph-left:before { content: ""; } .icon-paragraph-center:before { content: ""; } .icon-paragraph-right:before { content: ""; } .icon-paragraph-justify:before { content: ""; } .icon-indent-increase:before { content: ""; } .icon-indent-decrease:before { content: ""; } .icon-share:before { content: ""; } .icon-new-tab:before { content: ""; } .icon-embed:before { content: ""; } .icon-embed2:before { content: ""; } .icon-terminal:before { content: ""; } .icon-share2:before { content: ""; } .icon-mail:before { content: ""; } .icon-mail2:before { content: ""; } .icon-mail3:before { content: ""; } .icon-mail4:before { content: ""; } .icon-amazon:before { content: ""; } .icon-google:before { content: ""; } .icon-google2:before { content: ""; } .icon-google3:before { content: ""; } .icon-google-plus:before { content: ""; } .icon-google-plus2:before { content: ""; } .icon-google-plus3:before { content: ""; } .icon-hangouts:before { content: ""; } .icon-google-drive:before { content: ""; } .icon-facebook:before { content: ""; } .icon-facebook2:before { content: ""; } .icon-instagram:before { content: ""; } .icon-whatsapp:before { content: ""; } .icon-spotify:before { content: ""; } .icon-telegram:before { content: ""; } .icon-twitter:before { content: ""; } .icon-vine:before { content: ""; } .icon-vk:before { content: ""; } .icon-renren:before { content: ""; } .icon-sina-weibo:before { content: ""; } .icon-rss:before { content: ""; } .icon-rss2:before { content: ""; } .icon-youtube:before { content: ""; } .icon-youtube2:before { content: ""; } .icon-twitch:before { content: ""; } .icon-vimeo:before { content: ""; } .icon-vimeo2:before { content: ""; } .icon-lanyrd:before { content: ""; } .icon-flickr:before { content: ""; } .icon-flickr2:before { content: ""; } .icon-flickr3:before { content: ""; } .icon-flickr4:before { content: ""; } .icon-dribbble:before { content: ""; } .icon-behance:before { content: ""; } .icon-behance2:before { content: ""; } .icon-deviantart:before { content: ""; } .icon-500px:before { content: ""; } .icon-steam:before { content: ""; } .icon-steam2:before { content: ""; } .icon-dropbox:before { content: ""; } .icon-onedrive:before { content: ""; } .icon-github:before { content: ""; } .icon-npm:before { content: ""; } .icon-basecamp:before { content: ""; } .icon-trello:before { content: ""; } .icon-wordpress:before { content: ""; } .icon-joomla:before { content: ""; } .icon-ello:before { content: ""; } .icon-blogger:before { content: ""; } .icon-blogger2:before { content: ""; } .icon-tumblr:before { content: ""; } .icon-tumblr2:before { content: ""; } .icon-yahoo:before { content: ""; } .icon-yahoo2:before { content: ""; } .icon-tux:before { content: ""; } .icon-appleinc:before { content: ""; } .icon-finder:before { content: ""; } .icon-android:before { content: ""; } .icon-windows:before { content: ""; } .icon-windows8:before { content: ""; } .icon-soundcloud:before { content: ""; } .icon-soundcloud2:before { content: ""; } .icon-skype:before { content: ""; } .icon-reddit:before { content: ""; } .icon-hackernews:before { content: ""; } .icon-wikipedia:before { content: ""; } .icon-linkedin:before { content: ""; } .icon-linkedin2:before { content: ""; } .icon-lastfm:before { content: ""; } .icon-lastfm2:before { content: ""; } .icon-delicious:before { content: ""; } .icon-stumbleupon:before { content: ""; } .icon-stumbleupon2:before { content: ""; } .icon-stackoverflow:before { content: ""; } .icon-pinterest:before { content: ""; } .icon-pinterest2:before { content: ""; } .icon-xing:before { content: ""; } .icon-xing2:before { content: ""; } .icon-flattr:before { content: ""; } .icon-foursquare:before { content: ""; } .icon-yelp:before { content: ""; } .icon-paypal:before { content: ""; } .icon-chrome:before { content: ""; } .icon-firefox:before { content: ""; } .icon-IE:before { content: ""; } .icon-edge:before { content: ""; } .icon-safari:before { content: ""; } .icon-opera:before { content: ""; } .icon-file-pdf:before { content: ""; } .icon-file-openoffice:before { content: ""; } .icon-file-word:before { content: ""; } .icon-file-excel:before { content: ""; } .icon-libreoffice:before { content: ""; } .icon-html-five:before { content: ""; } .icon-html-five2:before { content: ""; } .icon-css3:before { content: ""; } .icon-git:before { content: ""; } .icon-codepen:before { content: ""; } .icon-svg:before { content: ""; } .icon-IcoMoon:before { content: ""; } .icon-chevron-left:before { content: ""; } .icon-chevron-right:before { content: ""; } .icon-angle-left:before { content: ""; } .icon-angle-right:before { content: ""; } .icon-angle-up:before { content: ""; } .icon-angle-down:before { content: ""; } /** Compiled with Theme Compiler */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; margin: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } button.mfp-close { width: 2rem; height: 2rem; line-height: 2rem; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 1rem 0.6rem; color: #FFF; font-style: normal; font-size: 2rem; font-family: Arial, Baskerville, monospace; } button.mfp-close:hover, button.mfp-close:focus { opacity: 1; } button.mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: 0; text-align: right; padding-right: 1.6rem; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } button.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } button.mfp-arrow:active { margin-top: -54px; } button.mfp-arrow:hover, button.mfp-arrow:focus { opacity: 1; } button.mfp-arrow:before, button.mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } button.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } button.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } button.mfp-arrow-left { left: 0; } button.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } button.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } button.mfp-arrow-right { right: 0; } button.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } button.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder button.mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** Compiled with Theme Compiler */ /* map with following possible parameters ( "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, "font-size-factor": xx, "font-weight": xx, "color": xx, "text-shadow": xx, "text-decoration": xx, "text-transform": xx, "font-family": xx, "line-height": xx, "color": xx, "background": xx, "background-attachment": xx, "background-size": xx ) */ .al-columns > * { width: 100%; flex: 0 0 auto; margin: 0.75rem 1rem !important; } .al-columns.-large-col-1-1 > * { width: calc(100% - 2rem); } .al-columns.-large-col-2-1 > * { width: calc(50% - 2rem); } .al-columns.-large-col-2-2 > * { width: calc(100% - 2rem); } .al-columns.-large-col-3-1 > * { width: calc(33.3333333333% - 2rem); } .al-columns.-large-col-3-2 > * { width: calc(66.6666666667% - 2rem); } .al-columns.-large-col-3-3 > * { width: calc(100% - 2rem); } .al-columns.-large-col-4-1 > * { width: calc(25% - 2rem); } .al-columns.-large-col-4-2 > * { width: calc(50% - 2rem); } .al-columns.-large-col-4-3 > * { width: calc(75% - 2rem); } .al-columns.-large-col-4-4 > * { width: calc(100% - 2rem); } .al-columns.-large-col-5-1 > * { width: calc(20% - 2rem); } .al-columns.-large-col-5-2 > * { width: calc(40% - 2rem); } .al-columns.-large-col-5-3 > * { width: calc(60% - 2rem); } .al-columns.-large-col-5-4 > * { width: calc(80% - 2rem); } .al-columns.-large-col-5-5 > * { width: calc(100% - 2rem); } .al-columns.-large-col-6-1 > * { width: calc(16.6666666667% - 2rem); } .al-columns.-large-col-6-2 > * { width: calc(33.3333333333% - 2rem); } .al-columns.-large-col-6-3 > * { width: calc(50% - 2rem); } .al-columns.-large-col-6-4 > * { width: calc(66.6666666667% - 2rem); } .al-columns.-large-col-6-5 > * { width: calc(83.3333333333% - 2rem); } .al-columns.-large-col-6-6 > * { width: calc(100% - 2rem); } .al-columns.-large-col-7-1 > * { width: calc(14.2857142857% - 2rem); } .al-columns.-large-col-7-2 > * { width: calc(28.5714285714% - 2rem); } .al-columns.-large-col-7-3 > * { width: calc(42.8571428571% - 2rem); } .al-columns.-large-col-7-4 > * { width: calc(57.1428571429% - 2rem); } .al-columns.-large-col-7-5 > * { width: calc(71.4285714286% - 2rem); } .al-columns.-large-col-7-6 > * { width: calc(85.7142857143% - 2rem); } .al-columns.-large-col-7-7 > * { width: calc(100% - 2rem); } .al-columns.-large-col-8-1 > * { width: calc(12.5% - 2rem); } .al-columns.-large-col-8-2 > * { width: calc(25% - 2rem); } .al-columns.-large-col-8-3 > * { width: calc(37.5% - 2rem); } .al-columns.-large-col-8-4 > * { width: calc(50% - 2rem); } .al-columns.-large-col-8-5 > * { width: calc(62.5% - 2rem); } .al-columns.-large-col-8-6 > * { width: calc(75% - 2rem); } .al-columns.-large-col-8-7 > * { width: calc(87.5% - 2rem); } .al-columns.-large-col-8-8 > * { width: calc(100% - 2rem); } @media screen and (max-width: 900px) { .al-columns.-medium-col-1-1 > * { width: calc(100% - 2rem); } .al-columns.-medium-col-2-1 > * { width: calc(50% - 2rem); } .al-columns.-medium-col-2-2 > * { width: calc(100% - 2rem); } .al-columns.-medium-col-3-1 > * { width: calc(33.3333333333% - 2rem); } .al-columns.-medium-col-3-2 > * { width: calc(66.6666666667% - 2rem); } .al-columns.-medium-col-3-3 > * { width: calc(100% - 2rem); } .al-columns.-medium-col-4-1 > * { width: calc(25% - 2rem); } .al-columns.-medium-col-4-2 > * { width: calc(50% - 2rem); } .al-columns.-medium-col-4-3 > * { width: calc(75% - 2rem); } .al-columns.-medium-col-4-4 > * { width: calc(100% - 2rem); } } @media screen and (max-width: 599px) { .al-columns.-small-col-1-1 > * { width: calc(100% - 2rem); } .al-columns.-small-col-2-1 > * { width: calc(50% - 2rem); } .al-columns.-small-col-2-2 > * { width: calc(100% - 2rem); } .al-columns.-small-col-3-1 > * { width: calc(33.3333333333% - 2rem); } .al-columns.-small-col-3-2 > * { width: calc(66.6666666667% - 2rem); } .al-columns.-small-col-3-3 > * { width: calc(100% - 2rem); } .al-columns.-small-col-4-1 > * { width: calc(25% - 2rem); } .al-columns.-small-col-4-2 > * { width: calc(50% - 2rem); } .al-columns.-small-col-4-3 > * { width: calc(75% - 2rem); } .al-columns.-small-col-4-4 > * { width: calc(100% - 2rem); } } .al-columns.-large-col-4-1-1-1 > *:nth-child(2n+1) { width: calc(25% - 2rem); } .al-columns.-large-col-4-1-1-1 > *:nth-child(2n) { width: calc(75% - 2rem); } .al-columns.-large-col-3-1-1-1 > *:nth-child(2n+1) { width: calc(33.3333333333% - 2rem); } .al-columns.-large-col-3-1-1-1 > *:nth-child(2n) { width: calc(66.6666666667% - 2rem); } @media screen and (max-width: 900px) { .al-columns.-medium-col-4-1-1-1 > *:nth-child(2n+1) { width: calc(25% - 2rem); } .al-columns.-medium-col-4-1-1-1 > *:nth-child(2n) { width: calc(75% - 2rem); } .al-columns.-medium-col-3-1-1-1 > *:nth-child(2n+1) { width: calc(33.3333333333% - 2rem); } .al-columns.-medium-col-3-1-1-1 > *:nth-child(2n) { width: calc(66.6666666667% - 2rem); } } @media screen and (max-width: 599px) { .al-columns.-small-col-4-1-1-1 > *:nth-child(2n+1) { width: calc(25% - 2rem); } .al-columns.-small-col-4-1-1-1 > *:nth-child(2n) { width: calc(75% - 2rem); } .al-columns.-small-col-3-1-1-1 > *:nth-child(2n+1) { width: calc(33.3333333333% - 2rem); } .al-columns.-small-col-3-1-1-1 > *:nth-child(2n) { width: calc(66.6666666667% - 2rem); } } .rs-columns, .al-columns, .mega-dropdown-inner { clear: both; -ms-display: flex !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: left; align-items: stretch; width: calc(100% + 2rem); margin: -0.75rem -1rem; } .-no-gutter > .rs-columns, .rs-columns.-no-gutter, .-no-gutter > .al-columns, .al-columns.-no-gutter, .-no-gutter > .mega-dropdown-inner, .mega-dropdown-inner.-no-gutter { width: auto; margin: 0; } .-wide-gutter > .rs-columns, .rs-columns.-wide-gutter, .-wide-gutter > .al-columns, .al-columns.-wide-gutter, .-wide-gutter > .mega-dropdown-inner, .mega-dropdown-inner.-wide-gutter { width: calc(100% + 5rem); margin: -2rem -2.5rem; } .swiper-container-initialized .rs-columns, .swiper-container-initialized .al-columns, .swiper-container-initialized .mega-dropdown-inner { flex-wrap: nowrap; } .rs-columns::before, .rs-columns::after, .al-columns::before, .al-columns::after, .mega-dropdown-inner::before, .mega-dropdown-inner::after { content: none; } .-flex-center > .rs-columns, .-flex-center > .al-columns, .-flex-center > .mega-dropdown-inner { align-items: center; } .-flex-start > .rs-columns, .-flex-start > .al-columns, .-flex-start > .mega-dropdown-inner { align-items: flex-start; } .-flex-end > .rs-columns, .-flex-end > .al-columns, .-flex-end > .mega-dropdown-inner { align-items: flex-end; } .rs-column { width: 100%; flex: 0 0 auto; margin: 0.75rem 1rem; } .rs-column.-large-col-1-1 { width: calc(100% - 2rem); } .rs-column.-large-col-2-1 { width: calc(50% - 2rem); } .rs-column.-large-col-2-2 { width: calc(100% - 2rem); } .rs-column.-large-col-3-1 { width: calc(33.3333333333% - 2rem); } .rs-column.-large-col-3-2 { width: calc(66.6666666667% - 2rem); } .rs-column.-large-col-3-3 { width: calc(100% - 2rem); } .rs-column.-large-col-4-1 { width: calc(25% - 2rem); } .rs-column.-large-col-4-2 { width: calc(50% - 2rem); } .rs-column.-large-col-4-3 { width: calc(75% - 2rem); } .rs-column.-large-col-4-4 { width: calc(100% - 2rem); } .rs-column.-large-col-5-1 { width: calc(20% - 2rem); } .rs-column.-large-col-5-2 { width: calc(40% - 2rem); } .rs-column.-large-col-5-3 { width: calc(60% - 2rem); } .rs-column.-large-col-5-4 { width: calc(80% - 2rem); } .rs-column.-large-col-5-5 { width: calc(100% - 2rem); } .rs-column.-large-col-6-1 { width: calc(16.6666666667% - 2rem); } .rs-column.-large-col-6-2 { width: calc(33.3333333333% - 2rem); } .rs-column.-large-col-6-3 { width: calc(50% - 2rem); } .rs-column.-large-col-6-4 { width: calc(66.6666666667% - 2rem); } .rs-column.-large-col-6-5 { width: calc(83.3333333333% - 2rem); } .rs-column.-large-col-6-6 { width: calc(100% - 2rem); } .rs-column.-large-col-7-1 { width: calc(14.2857142857% - 2rem); } .rs-column.-large-col-7-2 { width: calc(28.5714285714% - 2rem); } .rs-column.-large-col-7-3 { width: calc(42.8571428571% - 2rem); } .rs-column.-large-col-7-4 { width: calc(57.1428571429% - 2rem); } .rs-column.-large-col-7-5 { width: calc(71.4285714286% - 2rem); } .rs-column.-large-col-7-6 { width: calc(85.7142857143% - 2rem); } .rs-column.-large-col-7-7 { width: calc(100% - 2rem); } .rs-column.-large-col-8-1 { width: calc(12.5% - 2rem); } .rs-column.-large-col-8-2 { width: calc(25% - 2rem); } .rs-column.-large-col-8-3 { width: calc(37.5% - 2rem); } .rs-column.-large-col-8-4 { width: calc(50% - 2rem); } .rs-column.-large-col-8-5 { width: calc(62.5% - 2rem); } .rs-column.-large-col-8-6 { width: calc(75% - 2rem); } .rs-column.-large-col-8-7 { width: calc(87.5% - 2rem); } .rs-column.-large-col-8-8 { width: calc(100% - 2rem); } .page-footer .rs-column.-large-col-1-1 { width: calc(100% - 2rem); } .page-footer .rs-column.-large-col-2-1 { width: calc(50% - 2rem); } .page-footer .rs-column.-large-col-2-2 { width: calc(100% - 2rem); } .page-footer .rs-column.-large-col-3-1 { width: calc(33.3333333333% - 2rem); } .page-footer .rs-column.-large-col-3-2 { width: calc(66.6666666667% - 2rem); } .page-footer .rs-column.-large-col-3-3 { width: calc(100% - 2rem); } .page-footer .rs-column.-large-col-4-1 { width: calc(25% - 2rem); } .page-footer .rs-column.-large-col-4-2 { width: calc(50% - 2rem); } .page-footer .rs-column.-large-col-4-3 { width: calc(75% - 2rem); } .page-footer .rs-column.-large-col-4-4 { width: calc(100% - 2rem); } .page-footer .rs-column.-large-col-5-1 { width: calc(20% - 2rem); } .page-footer .rs-column.-large-col-5-2 { width: calc(40% - 2rem); } .page-footer .rs-column.-large-col-5-3 { width: calc(60% - 2rem); } .page-footer .rs-column.-large-col-5-4 { width: calc(80% - 2rem); } .page-footer .rs-column.-large-col-5-5 { width: calc(100% - 2rem); } .page-footer .rs-column.-large-col-6-1 { width: calc(16.6666666667% - 2rem); } .page-footer .rs-column.-large-col-6-2 { width: calc(33.3333333333% - 2rem); } .page-footer .rs-column.-large-col-6-3 { width: calc(50% - 2rem); } .page-footer .rs-column.-large-col-6-4 { width: calc(66.6666666667% - 2rem); } .page-footer .rs-column.-large-col-6-5 { width: calc(83.3333333333% - 2rem); } .page-footer .rs-column.-large-col-6-6 { width: calc(100% - 2rem); } .page-footer .rs-column.-large-col-7-1 { width: calc(14.2857142857% - 2rem); } .page-footer .rs-column.-large-col-7-2 { width: calc(28.5714285714% - 2rem); } .page-footer .rs-column.-large-col-7-3 { width: calc(42.8571428571% - 2rem); } .page-footer .rs-column.-large-col-7-4 { width: calc(57.1428571429% - 2rem); } .page-footer .rs-column.-large-col-7-5 { width: calc(71.4285714286% - 2rem); } .page-footer .rs-column.-large-col-7-6 { width: calc(85.7142857143% - 2rem); } .page-footer .rs-column.-large-col-7-7 { width: calc(100% - 2rem); } .page-footer .rs-column.-large-col-8-1 { width: calc(12.5% - 2rem); } .page-footer .rs-column.-large-col-8-2 { width: calc(25% - 2rem); } .page-footer .rs-column.-large-col-8-3 { width: calc(37.5% - 2rem); } .page-footer .rs-column.-large-col-8-4 { width: calc(50% - 2rem); } .page-footer .rs-column.-large-col-8-5 { width: calc(62.5% - 2rem); } .page-footer .rs-column.-large-col-8-6 { width: calc(75% - 2rem); } .page-footer .rs-column.-large-col-8-7 { width: calc(87.5% - 2rem); } .page-footer .rs-column.-large-col-8-8 { width: calc(100% - 2rem); } .-no-gutter .rs-column { margin: 0; } .-no-gutter .rs-column.-large-col-1-1 { width: 100%; } .-no-gutter .rs-column.-large-col-2-1 { width: 50%; } .-no-gutter .rs-column.-large-col-2-2 { width: 100%; } .-no-gutter .rs-column.-large-col-3-1 { width: 33.3333333333%; } .-no-gutter .rs-column.-large-col-3-2 { width: 66.6666666667%; } .-no-gutter .rs-column.-large-col-3-3 { width: 100%; } .-no-gutter .rs-column.-large-col-4-1 { width: 25%; } .-no-gutter .rs-column.-large-col-4-2 { width: 50%; } .-no-gutter .rs-column.-large-col-4-3 { width: 75%; } .-no-gutter .rs-column.-large-col-4-4 { width: 100%; } .-no-gutter .rs-column.-large-col-5-1 { width: 20%; } .-no-gutter .rs-column.-large-col-5-2 { width: 40%; } .-no-gutter .rs-column.-large-col-5-3 { width: 60%; } .-no-gutter .rs-column.-large-col-5-4 { width: 80%; } .-no-gutter .rs-column.-large-col-5-5 { width: 100%; } .-no-gutter .rs-column.-large-col-6-1 { width: 16.6666666667%; } .-no-gutter .rs-column.-large-col-6-2 { width: 33.3333333333%; } .-no-gutter .rs-column.-large-col-6-3 { width: 50%; } .-no-gutter .rs-column.-large-col-6-4 { width: 66.6666666667%; } .-no-gutter .rs-column.-large-col-6-5 { width: 83.3333333333%; } .-no-gutter .rs-column.-large-col-6-6 { width: 100%; } .-no-gutter .rs-column.-large-col-7-1 { width: 14.2857142857%; } .-no-gutter .rs-column.-large-col-7-2 { width: 28.5714285714%; } .-no-gutter .rs-column.-large-col-7-3 { width: 42.8571428571%; } .-no-gutter .rs-column.-large-col-7-4 { width: 57.1428571429%; } .-no-gutter .rs-column.-large-col-7-5 { width: 71.4285714286%; } .-no-gutter .rs-column.-large-col-7-6 { width: 85.7142857143%; } .-no-gutter .rs-column.-large-col-7-7 { width: 100%; } .-no-gutter .rs-column.-large-col-8-1 { width: 12.5%; } .-no-gutter .rs-column.-large-col-8-2 { width: 25%; } .-no-gutter .rs-column.-large-col-8-3 { width: 37.5%; } .-no-gutter .rs-column.-large-col-8-4 { width: 50%; } .-no-gutter .rs-column.-large-col-8-5 { width: 62.5%; } .-no-gutter .rs-column.-large-col-8-6 { width: 75%; } .-no-gutter .rs-column.-large-col-8-7 { width: 87.5%; } .-no-gutter .rs-column.-large-col-8-8 { width: 100%; } .-wide-gutter .rs-column { margin: 2rem 2.5rem; } .-wide-gutter .rs-column.-large-col-1-1 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-large-col-2-1 { width: calc(50% - 5rem); } .-wide-gutter .rs-column.-large-col-2-2 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-large-col-3-1 { width: calc(33.3333333333% - 5rem); } .-wide-gutter .rs-column.-large-col-3-2 { width: calc(66.6666666667% - 5rem); } .-wide-gutter .rs-column.-large-col-3-3 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-large-col-4-1 { width: calc(25% - 5rem); } .-wide-gutter .rs-column.-large-col-4-2 { width: calc(50% - 5rem); } .-wide-gutter .rs-column.-large-col-4-3 { width: calc(75% - 5rem); } .-wide-gutter .rs-column.-large-col-4-4 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-large-col-5-1 { width: calc(20% - 5rem); } .-wide-gutter .rs-column.-large-col-5-2 { width: calc(40% - 5rem); } .-wide-gutter .rs-column.-large-col-5-3 { width: calc(60% - 5rem); } .-wide-gutter .rs-column.-large-col-5-4 { width: calc(80% - 5rem); } .-wide-gutter .rs-column.-large-col-5-5 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-large-col-6-1 { width: calc(16.6666666667% - 5rem); } .-wide-gutter .rs-column.-large-col-6-2 { width: calc(33.3333333333% - 5rem); } .-wide-gutter .rs-column.-large-col-6-3 { width: calc(50% - 5rem); } .-wide-gutter .rs-column.-large-col-6-4 { width: calc(66.6666666667% - 5rem); } .-wide-gutter .rs-column.-large-col-6-5 { width: calc(83.3333333333% - 5rem); } .-wide-gutter .rs-column.-large-col-6-6 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-large-col-7-1 { width: calc(14.2857142857% - 5rem); } .-wide-gutter .rs-column.-large-col-7-2 { width: calc(28.5714285714% - 5rem); } .-wide-gutter .rs-column.-large-col-7-3 { width: calc(42.8571428571% - 5rem); } .-wide-gutter .rs-column.-large-col-7-4 { width: calc(57.1428571429% - 5rem); } .-wide-gutter .rs-column.-large-col-7-5 { width: calc(71.4285714286% - 5rem); } .-wide-gutter .rs-column.-large-col-7-6 { width: calc(85.7142857143% - 5rem); } .-wide-gutter .rs-column.-large-col-7-7 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-large-col-8-1 { width: calc(12.5% - 5rem); } .-wide-gutter .rs-column.-large-col-8-2 { width: calc(25% - 5rem); } .-wide-gutter .rs-column.-large-col-8-3 { width: calc(37.5% - 5rem); } .-wide-gutter .rs-column.-large-col-8-4 { width: calc(50% - 5rem); } .-wide-gutter .rs-column.-large-col-8-5 { width: calc(62.5% - 5rem); } .-wide-gutter .rs-column.-large-col-8-6 { width: calc(75% - 5rem); } .-wide-gutter .rs-column.-large-col-8-7 { width: calc(87.5% - 5rem); } .-wide-gutter .rs-column.-large-col-8-8 { width: calc(100% - 5rem); } @media screen and (max-width: 900px) { .rs-column.-medium-col-1-1, .page-footer .rs-column.-medium-col-1-1 { width: calc(100% - 2rem); } .rs-column.-medium-col-2-1, .page-footer .rs-column.-medium-col-2-1 { width: calc(50% - 2rem); } .rs-column.-medium-col-2-2, .page-footer .rs-column.-medium-col-2-2 { width: calc(100% - 2rem); } .rs-column.-medium-col-3-1, .page-footer .rs-column.-medium-col-3-1 { width: calc(33.3333333333% - 2rem); } .rs-column.-medium-col-3-2, .page-footer .rs-column.-medium-col-3-2 { width: calc(66.6666666667% - 2rem); } .rs-column.-medium-col-3-3, .page-footer .rs-column.-medium-col-3-3 { width: calc(100% - 2rem); } .rs-column.-medium-col-4-1, .page-footer .rs-column.-medium-col-4-1 { width: calc(25% - 2rem); } .rs-column.-medium-col-4-2, .page-footer .rs-column.-medium-col-4-2 { width: calc(50% - 2rem); } .rs-column.-medium-col-4-3, .page-footer .rs-column.-medium-col-4-3 { width: calc(75% - 2rem); } .rs-column.-medium-col-4-4, .page-footer .rs-column.-medium-col-4-4 { width: calc(100% - 2rem); } .-no-gutter .rs-column { margin: 0; } .-no-gutter .rs-column.-medium-col-1-1 { width: 100%; } .-no-gutter .rs-column.-medium-col-2-1 { width: 50%; } .-no-gutter .rs-column.-medium-col-2-2 { width: 100%; } .-no-gutter .rs-column.-medium-col-3-1 { width: 33.3333333333%; } .-no-gutter .rs-column.-medium-col-3-2 { width: 66.6666666667%; } .-no-gutter .rs-column.-medium-col-3-3 { width: 100%; } .-no-gutter .rs-column.-medium-col-4-1 { width: 25%; } .-no-gutter .rs-column.-medium-col-4-2 { width: 50%; } .-no-gutter .rs-column.-medium-col-4-3 { width: 75%; } .-no-gutter .rs-column.-medium-col-4-4 { width: 100%; } .-wide-gutter .rs-column.-medium-col-1-1 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-medium-col-2-1 { width: calc(50% - 5rem); } .-wide-gutter .rs-column.-medium-col-2-2 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-medium-col-3-1 { width: calc(33.3333333333% - 5rem); } .-wide-gutter .rs-column.-medium-col-3-2 { width: calc(66.6666666667% - 5rem); } .-wide-gutter .rs-column.-medium-col-3-3 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-medium-col-4-1 { width: calc(25% - 5rem); } .-wide-gutter .rs-column.-medium-col-4-2 { width: calc(50% - 5rem); } .-wide-gutter .rs-column.-medium-col-4-3 { width: calc(75% - 5rem); } .-wide-gutter .rs-column.-medium-col-4-4 { width: calc(100% - 5rem); } } @media screen and (max-width: 599px) { .rs-column.-small-col-1-1, .page-footer .rs-column.-small-col-1-1 { width: calc(100% - 2rem); } .rs-column.-small-col-2-1, .page-footer .rs-column.-small-col-2-1 { width: calc(50% - 2rem); } .rs-column.-small-col-2-2, .page-footer .rs-column.-small-col-2-2 { width: calc(100% - 2rem); } .rs-column.-small-col-3-1, .page-footer .rs-column.-small-col-3-1 { width: calc(33.3333333333% - 2rem); } .rs-column.-small-col-3-2, .page-footer .rs-column.-small-col-3-2 { width: calc(66.6666666667% - 2rem); } .rs-column.-small-col-3-3, .page-footer .rs-column.-small-col-3-3 { width: calc(100% - 2rem); } .rs-column.-small-col-4-1, .page-footer .rs-column.-small-col-4-1 { width: calc(25% - 2rem); } .rs-column.-small-col-4-2, .page-footer .rs-column.-small-col-4-2 { width: calc(50% - 2rem); } .rs-column.-small-col-4-3, .page-footer .rs-column.-small-col-4-3 { width: calc(75% - 2rem); } .rs-column.-small-col-4-4, .page-footer .rs-column.-small-col-4-4 { width: calc(100% - 2rem); } .-no-gutter .rs-column.-small-col-1-1 { width: 100%; } .-no-gutter .rs-column.-small-col-2-1 { width: 50%; } .-no-gutter .rs-column.-small-col-2-2 { width: 100%; } .-no-gutter .rs-column.-small-col-3-1 { width: 33.3333333333%; } .-no-gutter .rs-column.-small-col-3-2 { width: 66.6666666667%; } .-no-gutter .rs-column.-small-col-3-3 { width: 100%; } .-no-gutter .rs-column.-small-col-4-1 { width: 25%; } .-no-gutter .rs-column.-small-col-4-2 { width: 50%; } .-no-gutter .rs-column.-small-col-4-3 { width: 75%; } .-no-gutter .rs-column.-small-col-4-4 { width: 100%; } .-wide-gutter .rs-column.-small-col-1-1 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-small-col-2-1 { width: calc(50% - 5rem); } .-wide-gutter .rs-column.-small-col-2-2 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-small-col-3-1 { width: calc(33.3333333333% - 5rem); } .-wide-gutter .rs-column.-small-col-3-2 { width: calc(66.6666666667% - 5rem); } .-wide-gutter .rs-column.-small-col-3-3 { width: calc(100% - 5rem); } .-wide-gutter .rs-column.-small-col-4-1 { width: calc(25% - 5rem); } .-wide-gutter .rs-column.-small-col-4-2 { width: calc(50% - 5rem); } .-wide-gutter .rs-column.-small-col-4-3 { width: calc(75% - 5rem); } .-wide-gutter .rs-column.-small-col-4-4 { width: calc(100% - 5rem); } } /** Compiled with Theme Compiler */ /* map with following possible parameters ( "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, "font-size-factor": xx, "font-weight": xx, "color": xx, "text-shadow": xx, "text-decoration": xx, "text-transform": xx, "font-family": xx, "line-height": xx, "color": xx, "background": xx, "background-attachment": xx, "background-size": xx ) */ /* Copyright www.von-rabenstein.de * */ .swiper-button-prev, .swiper-button-next { margin-top: -32px; padding: 1em; } .swiper-button-prev:hover, .swiper-button-next:hover { filter: drop-shadow(0 0 2px #777); } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23777'%2F%3E%3C%2Fsvg%3E"); left: 10px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23777'%2F%3E%3C%2Fsvg%3E"); right: 10px; } .swiper-pagination-bullet-active { background: #777; } /** Compiled with Theme Compiler */ @charset "UTF-8"; /* map with following possible parameters ( "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, "font-size-factor": xx, "font-weight": xx, "color": xx, "text-shadow": xx, "text-decoration": xx, "text-transform": xx, "font-family": xx, "line-height": xx, "color": xx, "background": xx, "background-attachment": xx, "background-size": xx ) */ /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= * HTML5 display definitions * ========================================================================== */ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= * Base * ========================================================================== */ /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ font-family: sans-serif; } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ button, input, select, textarea { font-family: sans-serif; } /* Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= * Links * ========================================================================== */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ /* ============================================================================= * Typography * ========================================================================== */ /* Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: yellow; color: black; } /* Addresses margins set differently in IE6/7 */ p { margin: 1em 0; } pre { margin: 1em 0; font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } q:before, q:after { content: ""; content: none; } /* 2 */ small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.25em; } sub { bottom: -0.2em; } /* ============================================================================= * Lists * ========================================================================== */ /* Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= * Embedded content * ========================================================================== */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= * Figures * ========================================================================== */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure, form { margin: 0; } /* ============================================================================= * Forms * ========================================================================== */ /* Corrects margin displayed oddly in IE6/7 */ /* Define consistent border, margin, and padding */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* Re-set default cursor for disabled elements */ button[disabled] { cursor: default; } input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 * Known issue: excess padding remains in IE6 */ /* 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ /* Removes inner padding and search cancel button in S5, Chrome on OS X */ /* Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= * Tables * ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /*! * Copyright 2020 von-rabenstein.de */ /* =========================================== * Direct-Webfonts * ======================================== */ @font-face { font-family: "Glaindif"; src: url("../../files/raven49/fonts/Glaindif/glaindif-regular.eot"); src: url("../../files/raven49/fonts/Glaindif/glaindif-regular.eot?#iefix") format("eot"), url("../../files/raven49/fonts/Glaindif/glaindif-regular.woff") format("woff"), url("../../files/raven49/fonts/Glaindif/glaindif-regular.ttf") format("truetype"), url("../../files/raven49/fonts/Glaindif/glaindif-regular.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Glaindif"; src: url("../../files/raven49/fonts/Glaindif/glaindif-bold.eot"); src: url("../../files/raven49/fonts/Glaindif/glaindif-bold.eot?#iefix") format("eot"), url("../../files/raven49/fonts/Glaindif/glaindif-bold.woff") format("woff"), url("../../files/raven49/fonts/Glaindif/glaindif-bold.ttf") format("truetype"), url("../../files/raven49/fonts/Glaindif/glaindif-bold.svg") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Glaindif"; src: url("../../files/raven49/fonts/glaindif-italic/glaindif-italic.eot"); src: url("../../files/raven49/fonts/Glaindif/glaindif-italic.eot?#iefix") format("eot"), url("../../files/raven49/fonts/Glaindif/glaindif-italic.woff") format("woff"), url("../../files/raven49/fonts/Glaindif/glaindif-italic.ttf") format("truetype"), url("../../files/raven49/fonts/Glaindif/glaindif-italic.svg") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: ""; src: url("../../files/raven49/fonts//.eot"); src: url("../../files/raven49/fonts//.eot?#iefix") format("eot"), url("../../files/raven49/fonts//.woff") format("woff"), url("../../files/raven49/fonts//.ttf") format("truetype"), url("../../files/raven49/fonts//.svg") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } /* =========================================== * Icon-Font * ======================================== */ @font-face { font-family: "raven49-icons"; src: url("../../files/raven49/fonts/raven49-icons.eot"); src: url("../../files/raven49/fonts/raven49-icons.eot?#iefix") format("eot"), url("../../files/raven49/fonts/raven49-icons.woff") format("woff"), url("../../files/raven49/fonts/raven49-icons.ttf") format("truetype"), url("../../files/raven49/fonts/raven49-icons.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /* =========================================== * General * ======================================== */ html { position: relative; box-sizing: border-box; -webkit-tap-highlight-color: white; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: calc(12px + 0.32vw); line-height: 1.4; font-family: 'Glaindif', sans-serif; color: #444; background: white none 0 0 no-repeat; background-attachment: scroll; background-size: auto; } @media screen and (max-width: 599px) { html { font-size: 14px; } } body { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: calc(12px + 0.32vw); line-height: 1.4; font-family: 'Glaindif', sans-serif; color: #444; background: white none 0 0 no-repeat; background-attachment: scroll; background-size: auto; } @media screen and (max-width: 599px) { body { font-size: 14px; } } body footer { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.9rem; } body[class^="icon-"]:before, body[class*=" icon-"]:before { /* Ignore icon classes on the body element */ content: none; } body.background-variation-1 { background: image-url("../../files/raven49/css/demo/background-1.jpg") 50% 0 no-repeat; background-attachment: fixed; } body.background-variation-2 { background: image-url("../../files/raven49/css/demo/background-10.jpg") 50% 0 no-repeat; background-size: cover; background-attachment: fixed; } * { box-sizing: inherit; } /* Resetting box model for moo_mediabox, moo_slimbox and j_colorbox */ #mbCenter, #colorbox, #lbCenter, #lbBottomContainer { box-sizing: content-box; } ::selection { background: #1D71B8; color: white; text-shadow: none !important; } ::-moz-selection { background: #1D71B8; color: white; text-shadow: one !important; } button, input, select, textarea { font-family: inherit; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #b4b4b4; background: white; } table th, table td { border: solid #e5e6e6; border-width: 1px 0 0 1px; } table th:first-child, table td:first-child { border-left: 0; } table > thead > tr:first-child > th, table > thead > tr:first-child > td, table > tbody:first-child > tr:first-child > th, table > tbody:first-child > tr:first-child > td, table > tfoot:first-child + tbody > tr:first-child > th, table > tfoot:first-child + tbody > tr:first-child > td { /* First row of the table */ border-top: 0; } table th { padding: 0.375em 0.625em; font-weight: bold; text-align: left; } table td { padding: 0.375em 0.625em; } table thead { background: rgba(0, 0, 0, 0.02); } table tfoot td { font-style: italic; } strong, b { font-weight: bold; } a { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ color: white; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } a.external-link:after { font: 0.8125em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.25em; } /* Icon attribute */ *[data-icon]:before, *[class^="icon-"]:before, *[class*=" icon-"]:before { font: 100%/1 "raven49-icons"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.25em; } *[data-icon]:before { content: attr(data-icon) !important; } *[data-icon].after:before { content: none !important; } *[data-icon].after:after { font: 100%/1 "raven49-icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.25em; } .clear { clear: both; } .invisible { position: absolute; height: 1px !important; width: 1px !important; clip: rect(0 0 0 0); margin: -1px; padding: 0 !important; overflow: hidden; border: 0; } pre { margin: 1.7142857143em 0; padding: 0.5em 1em; display: block; overflow: auto; font-family: "Lucida Console", monospace; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.9rem; line-height: 1.715; background-color: #e5e6e6; } pre code { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.9rem; padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== * Content * ======================================== */ h3, h4, h5, h6 { line-height: 1.5; font-weight: normal; } .mod_article p, .mod_article ul, .mod_article ol, .mod_article table, .mod_article form, .mod_article fieldset, footer p, footer ul, footer ol, footer table, footer form, footer fieldset { margin-top: 0.75em; margin-bottom: 1.5em; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .mod_article p > span[style], footer p > span[style] { padding: 0 0.1875em; } .mod_article h1, .mod_article h2, .mod_article h3, .mod_article h4, .mod_article h5, .mod_article h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { margin-top: 0.75em; margin-bottom: 0.3em; font-weight: normal; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .mod_article h1:first-child, .mod_article h2:first-child, .mod_article h3:first-child, .mod_article h4:first-child, .mod_article h5:first-child, .mod_article h6:first-child, footer h1:first-child, footer h2:first-child, footer h3:first-child, footer h4:first-child, footer h5:first-child, footer h6:first-child { margin-top: 0; } .mod_article h1, footer h1 { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 2.2rem; font-weight: bold; color: #444; line-height: 1.2; text-transform: uppercase; } .mod_article .-color-inverted h1, footer .-color-inverted h1 { color: white; } .mod_article h2, footer h2 { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.8rem; font-weight: bold; color: #444; line-height: 1.3; } .mod_article .-color-inverted h2, footer .-color-inverted h2 { color: white; } .mod_article h3, footer h3 { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.3rem; font-weight: bold; color: #444; } .mod_article .-color-inverted h3, footer .-color-inverted h3 { color: white; } .mod_article h4, footer h4 { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.1rem; font-weight: bold; color: #444; } .mod_article .-color-inverted h4, footer .-color-inverted h4 { color: white; } .mod_article h5, footer h5 { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.1rem; font-weight: bold; color: #444; } .mod_article .-color-inverted h5, footer .-color-inverted h5 { color: white; } .mod_article ul, .mod_article ol, footer ul, footer ol { padding-left: 1.25em; } .mod_article ul li[data-icon], .mod_article ul li[class^="icon-"], .mod_article ul li[class*=" icon-"], .mod_article ol li[data-icon], .mod_article ol li[class^="icon-"], .mod_article ol li[class*=" icon-"], footer ul li[data-icon], footer ul li[class^="icon-"], footer ul li[class*=" icon-"], footer ol li[data-icon], footer ol li[class^="icon-"], footer ol li[class*=" icon-"] { list-style: none; } .mod_article ul li[data-icon]:before, .mod_article ul li[class^="icon-"]:before, .mod_article ul li[class*=" icon-"]:before, .mod_article ol li[data-icon]:before, .mod_article ol li[class^="icon-"]:before, .mod_article ol li[class*=" icon-"]:before, footer ul li[data-icon]:before, footer ul li[class^="icon-"]:before, footer ul li[class*=" icon-"]:before, footer ol li[data-icon]:before, footer ol li[class^="icon-"]:before, footer ol li[class*=" icon-"]:before { left: -1.25em; width: 0; color: #777; } .mod_article ul, footer ul { list-style: disc; } .mod_article ul ul, footer ul ul { margin-top: 0; } .mod_article ol, footer ol { padding-left: 1.25em; list-style: decimal; } .mod_article ol ol, .mod_article ol ul, footer ol ol, footer ol ul { margin-top: 0; } .mod_article ol ol, footer ol ol { padding-left: 1.5em; list-style: upper-alpha; } .mod_article ol ol ol, footer ol ol ol { list-style: lower-roman; } .mod_article ol ol ol ol, footer ol ol ol ol { list-style: lower-alpha; } .mod_article img, footer img { max-width: 100%; height: auto; } .mod_article .gm-style img, footer .gm-style img { max-width: none; } .mod_article script, footer script { display: none !important; } /* ============================== * 1, 2 or 3 Hauptspalten - Container * =============================== */ #main .inside, #right .inside, #left .inside { position: relative; } #container { zoom: 1; } #container:before { content: ""; display: table; } #container:after { content: ""; display: table; clear: both; } #main.right-only { float: left; width: 75%; } #right.right-only { float: left; width: 25%; margin-right: -2px; } #main.left-only { float: right; width: 75%; } #left.left-only { float: left; width: 25%; margin-right: -2px; } #main.left-right { float: right; width: 50%; position: relative; left: -25%; } #right.left-right { float: right; width: 25%; margin-left: -2px; position: relative; left: 50%; } #left.left-right { float: left; width: 25%; margin-right: -2px; } @media screen and (max-width: 599px) { #main.left-only, #main.right-only, #main.left-right, #right.left-only, #right.right-only, #right.left-right, #left.left-only, #left.right-only, #left.left-right { width: auto; float: none; margin-right: 0; margin-left: 0; left: auto; } } /* =========================================== * Wrapper Elements * ======================================== */ #container.right-only, #container.left-only, #container.left-right, .mod_article > *, .as-if-in-article, .centered-wrapper-inner, .header-bar-inner, .navigation-bar-inner, .tagline-image .inside { max-width: calc(350px + 60vw); margin-right: auto; margin-left: auto; display: block !important; } .boxed-layout .mod_article > *, .boxed-layout .as-if-in-article, .boxed-layout .centered-wrapper-inner, .boxed-layout .header-bar-inner, .boxed-layout .navigation-bar-inner, .boxed-layout .tagline-image .inside, .tagline-image .boxed-layout .inside, .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .info-map-boxes { padding-left: 3rem; padding-right: 3rem; } @media screen and (max-width: 1268px) { .boxed-layout .mod_article > *, .boxed-layout .as-if-in-article, .boxed-layout .centered-wrapper-inner, .boxed-layout .header-bar-inner, .boxed-layout .navigation-bar-inner, .boxed-layout .tagline-image .inside, .tagline-image .boxed-layout .inside, .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .info-map-boxes, .mod_article > *, .as-if-in-article, .centered-wrapper-inner, .header-bar-inner, .navigation-bar-inner, .tagline-image .inside, .info-map-boxes { max-width: none; padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width: 900px) { .boxed-layout .mod_article > *, .boxed-layout .as-if-in-article, .boxed-layout .centered-wrapper-inner, .boxed-layout .header-bar-inner, .boxed-layout .navigation-bar-inner, .boxed-layout .tagline-image .inside, .tagline-image .boxed-layout .inside, .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .info-map-boxes, .mod_article > *, .as-if-in-article, .centered-wrapper-inner, .header-bar-inner, .navigation-bar-inner, .tagline-image .inside, .info-map-boxes { padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (max-width: 599px) { .boxed-layout .mod_article > *, .boxed-layout .as-if-in-article, .boxed-layout .centered-wrapper-inner, .boxed-layout .header-bar-inner, .boxed-layout .navigation-bar-inner, .boxed-layout .tagline-image .inside, .tagline-image .boxed-layout .inside, .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .info-map-boxes, .mod_article > *, .as-if-in-article, .centered-wrapper-inner, .header-bar-inner, .navigation-bar-inner, .tagline-image .inside, .info-map-boxes { padding-left: 0.75rem; padding-right: 0.75rem; } } #right.right-only .mod_article > *, #right.right-only .as-if-in-article, #right.right-only .centered-wrapper-inner, #right.right-only .header-bar-inner, #right.right-only .navigation-bar-inner, #right.right-only .tagline-image .inside, .tagline-image #right.right-only .inside, #right.right-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #right.right-only .slogan, #right.right-only .info-map-boxes, #right.left-right .mod_article > *, #right.left-right .as-if-in-article, #right.left-right .centered-wrapper-inner, #right.left-right .header-bar-inner, #right.left-right .navigation-bar-inner, #right.left-right .tagline-image .inside, .tagline-image #right.left-right .inside, #right.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #right.left-right .slogan, #right.left-right .info-map-boxes { padding-left: 1.5rem; } @media screen and (max-width: 1268px) { #right.right-only .mod_article > *, #right.right-only .as-if-in-article, #right.right-only .centered-wrapper-inner, #right.right-only .header-bar-inner, #right.right-only .navigation-bar-inner, #right.right-only .tagline-image .inside, .tagline-image #right.right-only .inside, #right.right-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #right.right-only .slogan, #right.right-only .info-map-boxes, #right.left-right .mod_article > *, #right.left-right .as-if-in-article, #right.left-right .centered-wrapper-inner, #right.left-right .header-bar-inner, #right.left-right .navigation-bar-inner, #right.left-right .tagline-image .inside, .tagline-image #right.left-right .inside, #right.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #right.left-right .slogan, #right.left-right .info-map-boxes { padding-left: 1rem; } } @media screen and (max-width: 900px) { #right.right-only .mod_article > *, #right.right-only .as-if-in-article, #right.right-only .centered-wrapper-inner, #right.right-only .header-bar-inner, #right.right-only .navigation-bar-inner, #right.right-only .tagline-image .inside, .tagline-image #right.right-only .inside, #right.right-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #right.right-only .slogan, #right.right-only .info-map-boxes, #right.left-right .mod_article > *, #right.left-right .as-if-in-article, #right.left-right .centered-wrapper-inner, #right.left-right .header-bar-inner, #right.left-right .navigation-bar-inner, #right.left-right .tagline-image .inside, .tagline-image #right.left-right .inside, #right.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #right.left-right .slogan, #right.left-right .info-map-boxes { padding-left: 0.75rem; } } @media screen and (max-width: 599px) { #right.right-only .mod_article > *, #right.right-only .as-if-in-article, #right.right-only .centered-wrapper-inner, #right.right-only .header-bar-inner, #right.right-only .navigation-bar-inner, #right.right-only .tagline-image .inside, .tagline-image #right.right-only .inside, #right.right-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #right.right-only .slogan, #right.right-only .info-map-boxes, #right.left-right .mod_article > *, #right.left-right .as-if-in-article, #right.left-right .centered-wrapper-inner, #right.left-right .header-bar-inner, #right.left-right .navigation-bar-inner, #right.left-right .tagline-image .inside, .tagline-image #right.left-right .inside, #right.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #right.left-right .slogan, #right.left-right .info-map-boxes { padding-left: 0.75rem; } } #left.left-only .mod_article > *, #left.left-only .as-if-in-article, #left.left-only .centered-wrapper-inner, #left.left-only .header-bar-inner, #left.left-only .navigation-bar-inner, #left.left-only .tagline-image .inside, .tagline-image #left.left-only .inside, #left.left-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #left.left-only .slogan, #left.left-only .info-map-boxes, #left.left-right .mod_article > *, #left.left-right .as-if-in-article, #left.left-right .centered-wrapper-inner, #left.left-right .header-bar-inner, #left.left-right .navigation-bar-inner, #left.left-right .tagline-image .inside, .tagline-image #left.left-right .inside, #left.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #left.left-right .slogan, #left.left-right .info-map-boxes { padding-right: 1.5rem; } @media screen and (max-width: 1268px) { #left.left-only .mod_article > *, #left.left-only .as-if-in-article, #left.left-only .centered-wrapper-inner, #left.left-only .header-bar-inner, #left.left-only .navigation-bar-inner, #left.left-only .tagline-image .inside, .tagline-image #left.left-only .inside, #left.left-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #left.left-only .slogan, #left.left-only .info-map-boxes, #left.left-right .mod_article > *, #left.left-right .as-if-in-article, #left.left-right .centered-wrapper-inner, #left.left-right .header-bar-inner, #left.left-right .navigation-bar-inner, #left.left-right .tagline-image .inside, .tagline-image #left.left-right .inside, #left.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #left.left-right .slogan, #left.left-right .info-map-boxes { padding-right: 1rem; } } @media screen and (max-width: 900px) { #left.left-only .mod_article > *, #left.left-only .as-if-in-article, #left.left-only .centered-wrapper-inner, #left.left-only .header-bar-inner, #left.left-only .navigation-bar-inner, #left.left-only .tagline-image .inside, .tagline-image #left.left-only .inside, #left.left-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #left.left-only .slogan, #left.left-only .info-map-boxes, #left.left-right .mod_article > *, #left.left-right .as-if-in-article, #left.left-right .centered-wrapper-inner, #left.left-right .header-bar-inner, #left.left-right .navigation-bar-inner, #left.left-right .tagline-image .inside, .tagline-image #left.left-right .inside, #left.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #left.left-right .slogan, #left.left-right .info-map-boxes { padding-right: 0.75rem; } } @media screen and (max-width: 599px) { #left.left-only .mod_article > *, #left.left-only .as-if-in-article, #left.left-only .centered-wrapper-inner, #left.left-only .header-bar-inner, #left.left-only .navigation-bar-inner, #left.left-only .tagline-image .inside, .tagline-image #left.left-only .inside, #left.left-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #left.left-only .slogan, #left.left-only .info-map-boxes, #left.left-right .mod_article > *, #left.left-right .as-if-in-article, #left.left-right .centered-wrapper-inner, #left.left-right .header-bar-inner, #left.left-right .navigation-bar-inner, #left.left-right .tagline-image .inside, .tagline-image #left.left-right .inside, #left.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #left.left-right .slogan, #left.left-right .info-map-boxes { padding-right: 0.75rem; } } #main.right-only .mod_article > *, #main.right-only .as-if-in-article, #main.right-only .centered-wrapper-inner, #main.right-only .header-bar-inner, #main.right-only .navigation-bar-inner, #main.right-only .tagline-image .inside, .tagline-image #main.right-only .inside, #main.right-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.right-only .slogan, #main.right-only .info-map-boxes, #main.left-right .mod_article > *, #main.left-right .as-if-in-article, #main.left-right .centered-wrapper-inner, #main.left-right .header-bar-inner, #main.left-right .navigation-bar-inner, #main.left-right .tagline-image .inside, .tagline-image #main.left-right .inside, #main.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-right .slogan, #main.left-right .info-map-boxes { padding-right: 1.5rem; } @media screen and (max-width: 1268px) { #main.right-only .mod_article > *, #main.right-only .as-if-in-article, #main.right-only .centered-wrapper-inner, #main.right-only .header-bar-inner, #main.right-only .navigation-bar-inner, #main.right-only .tagline-image .inside, .tagline-image #main.right-only .inside, #main.right-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.right-only .slogan, #main.right-only .info-map-boxes, #main.left-right .mod_article > *, #main.left-right .as-if-in-article, #main.left-right .centered-wrapper-inner, #main.left-right .header-bar-inner, #main.left-right .navigation-bar-inner, #main.left-right .tagline-image .inside, .tagline-image #main.left-right .inside, #main.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-right .slogan, #main.left-right .info-map-boxes { padding-right: 1rem; } } @media screen and (max-width: 900px) { #main.right-only .mod_article > *, #main.right-only .as-if-in-article, #main.right-only .centered-wrapper-inner, #main.right-only .header-bar-inner, #main.right-only .navigation-bar-inner, #main.right-only .tagline-image .inside, .tagline-image #main.right-only .inside, #main.right-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.right-only .slogan, #main.right-only .info-map-boxes, #main.left-right .mod_article > *, #main.left-right .as-if-in-article, #main.left-right .centered-wrapper-inner, #main.left-right .header-bar-inner, #main.left-right .navigation-bar-inner, #main.left-right .tagline-image .inside, .tagline-image #main.left-right .inside, #main.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-right .slogan, #main.left-right .info-map-boxes { padding-right: 0.75rem; } } @media screen and (max-width: 599px) { #main.right-only .mod_article > *, #main.right-only .as-if-in-article, #main.right-only .centered-wrapper-inner, #main.right-only .header-bar-inner, #main.right-only .navigation-bar-inner, #main.right-only .tagline-image .inside, .tagline-image #main.right-only .inside, #main.right-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.right-only .slogan, #main.right-only .info-map-boxes, #main.left-right .mod_article > *, #main.left-right .as-if-in-article, #main.left-right .centered-wrapper-inner, #main.left-right .header-bar-inner, #main.left-right .navigation-bar-inner, #main.left-right .tagline-image .inside, .tagline-image #main.left-right .inside, #main.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-right .slogan, #main.left-right .info-map-boxes { padding-right: 0.75rem; } } #main.left-only .mod_article > *, #main.left-only .as-if-in-article, #main.left-only .centered-wrapper-inner, #main.left-only .header-bar-inner, #main.left-only .navigation-bar-inner, #main.left-only .tagline-image .inside, .tagline-image #main.left-only .inside, #main.left-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-only .slogan, #main.left-only .info-map-boxes, #main.left-right .mod_article > *, #main.left-right .as-if-in-article, #main.left-right .centered-wrapper-inner, #main.left-right .header-bar-inner, #main.left-right .navigation-bar-inner, #main.left-right .tagline-image .inside, .tagline-image #main.left-right .inside, #main.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-right .slogan, #main.left-right .info-map-boxes { padding-left: 1.5rem; } @media screen and (max-width: 1268px) { #main.left-only .mod_article > *, #main.left-only .as-if-in-article, #main.left-only .centered-wrapper-inner, #main.left-only .header-bar-inner, #main.left-only .navigation-bar-inner, #main.left-only .tagline-image .inside, .tagline-image #main.left-only .inside, #main.left-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-only .slogan, #main.left-only .info-map-boxes, #main.left-right .mod_article > *, #main.left-right .as-if-in-article, #main.left-right .centered-wrapper-inner, #main.left-right .header-bar-inner, #main.left-right .navigation-bar-inner, #main.left-right .tagline-image .inside, .tagline-image #main.left-right .inside, #main.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-right .slogan, #main.left-right .info-map-boxes { padding-left: 1rem; } } @media screen and (max-width: 900px) { #main.left-only .mod_article > *, #main.left-only .as-if-in-article, #main.left-only .centered-wrapper-inner, #main.left-only .header-bar-inner, #main.left-only .navigation-bar-inner, #main.left-only .tagline-image .inside, .tagline-image #main.left-only .inside, #main.left-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-only .slogan, #main.left-only .info-map-boxes, #main.left-right .mod_article > *, #main.left-right .as-if-in-article, #main.left-right .centered-wrapper-inner, #main.left-right .header-bar-inner, #main.left-right .navigation-bar-inner, #main.left-right .tagline-image .inside, .tagline-image #main.left-right .inside, #main.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-right .slogan, #main.left-right .info-map-boxes { padding-left: 0.75rem; } } @media screen and (max-width: 599px) { #main.left-only .mod_article > *, #main.left-only .as-if-in-article, #main.left-only .centered-wrapper-inner, #main.left-only .header-bar-inner, #main.left-only .navigation-bar-inner, #main.left-only .tagline-image .inside, .tagline-image #main.left-only .inside, #main.left-only .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-only .slogan, #main.left-only .info-map-boxes, #main.left-right .mod_article > *, #main.left-right .as-if-in-article, #main.left-right .centered-wrapper-inner, #main.left-right .header-bar-inner, #main.left-right .navigation-bar-inner, #main.left-right .tagline-image .inside, .tagline-image #main.left-right .inside, #main.left-right .boxed-layout .tagline-image.-boxed .slogan, .boxed-layout .tagline-image.-boxed #main.left-right .slogan, #main.left-right .info-map-boxes { padding-left: 0.75rem; } } #wrapper { zoom: 1; position: relative; margin: 0 auto; overflow: hidden; background: white; } #wrapper:before { content: ""; display: table; } #wrapper:after { content: ""; display: table; clear: both; } body.boxed-layout #wrapper { max-width: calc(350px + 60vw); border: solid #b4b4b4; border-width: 0 1px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .gravy-footer #wrapper { display: flex; flex-direction: column; min-height: 100vh; } @media screen and (max-width: 1268px) { .boxed-layout #wrapper { max-width: none; border: none; box-shadow: none; } } .mod_article > *, .as-if-in-article { zoom: 1; background-color: white; } .mod_article > *:before, .as-if-in-article:before { content: ""; display: table; } .mod_article > *:after, .as-if-in-article:after { content: ""; display: table; clear: both; } footer .mod_article > *, footer .as-if-in-article { background-color: #444; } .mod_article > *.-full-wrapper, .boxed-layout .mod_article > *.-full-wrapper, .as-if-in-article.-full-wrapper, .boxed-layout .as-if-in-article.-full-wrapper { padding-left: 0; padding-right: 0; max-width: none; } .mod_article > *, .as-if-in-article, .centered-wrapper-inner > * { margin-top: 5em; margin-bottom: 5em; } .mod_article > *.-full-wrapper, .boxed-layout .mod_article > *.-full-wrapper, .as-if-in-article.-full-wrapper, .boxed-layout .as-if-in-article.-full-wrapper, .centered-wrapper-inner > *.-full-wrapper, .boxed-layout .centered-wrapper-inner > *.-full-wrapper { margin: 0; } .mod_article > *.-no-margin-top, .as-if-in-article.-no-margin-top, .centered-wrapper-inner > *.-no-margin-top { margin-top: 0; } .mod_article > *.-no-margin-bottom, .as-if-in-article.-no-margin-bottom, .centered-wrapper-inner > *.-no-margin-bottom { margin-bottom: 0; } .ce_rs_column_start > *, .mod_newsreader > .layout_full > *, .mod_faqreader > .layout_full > * { margin-top: 5em; margin-bottom: 5em; } .ce_rs_column_start > *:first-child, .mod_newsreader > .layout_full > *:first-child, .mod_faqreader > .layout_full > *:first-child { margin-top: 0; } .ce_rs_column_start > *.-no-margin-top, .mod_newsreader > .layout_full > *.-no-margin-top, .mod_faqreader > .layout_full > *.-no-margin-top { margin-top: 0; } .ce_rs_column_start > *.-no-margin-bottom, .mod_newsreader > .layout_full > *.-no-margin-bottom, .mod_faqreader > .layout_full > *.-no-margin-bottom { margin-bottom: 0; } .ce_rs_column_start > *:last-child, .mod_newsreader > .layout_full > *:last-child, .mod_faqreader > .layout_full > *:last-child { margin-bottom: 0; } .mod_newsreader, .mod_faqreader { margin-top: 0; margin-bottom: 0; } .centered-wrapper-inner { position: relative; } .centered-wrapper .centered-wrapper-inner.-full-content { max-width: none; } .centered-wrapper.-full-wrapper .centered-wrapper-inner.-full-content { padding-left: 0; padding-right: 0; margin: 0; max-width: none; } .centered-wrapper.-full-wrapper .centered-wrapper-inner.-full-content.-padding { padding-left: 3rem; padding-right: 3rem; } @media screen and (max-width: 1268px) { .centered-wrapper.-full-wrapper .centered-wrapper-inner.-full-content.-padding { max-width: none; padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width: 900px) { .centered-wrapper.-full-wrapper .centered-wrapper-inner.-full-content.-padding { padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (max-width: 599px) { .centered-wrapper.-full-wrapper .centered-wrapper-inner.-full-content.-padding { padding-left: 0.75rem; padding-right: 0.75rem; } } .centered-wrapper { position: relative; clear: both; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper.-border-top { border-top: 1px solid #b4b4b4; } .centered-wrapper.-margin-top { margin-top: 5em; } .centered-wrapper.-margin-bottom { margin-bottom: 5em; } .centered-wrapper.-border-bottom { border-bottom: 1px solid #b4b4b4; } .centered-wrapper.-color-inverted { color: white; } .centered-wrapper.-color-inverted a { color: white; } .centered-wrapper.-highlight-color { background-color: #777 !important; } .centered-wrapper.-background-color-1 { background-color: #444 !important; } .centered-wrapper.-background-color-2 { background-color: #eee !important; } .centered-wrapper.-small { min-height: 300px; } @media screen and (max-width: 599px) { .centered-wrapper.-small { min-height: 200px; } } .centered-wrapper.-medium { min-height: 600px; } @media screen and (max-width: 599px) { .centered-wrapper.-medium { min-height: 400px; } } .centered-wrapper.-large { min-height: 900px; } @media screen and (max-width: 599px) { .centered-wrapper.-large { min-height: 600px; } } .centered-wrapper.-parallax { overflow: hidden; } .centered-wrapper.-center-vertical { display: flex !important; align-items: center; } @media screen and (min-width: 1269px) { .centered-wrapper.-center-vertical .centered-wrapper-inner { width: calc(350px + 60vw); } .centered-wrapper.-center-vertical .centered-wrapper-inner.-full-content { width: auto; } } .centered-wrapper.-negative-margin > .centered-wrapper-background { margin-top: 3rem; margin-bottom: 3rem; } .centered-wrapper.-negative-margin > .centered-wrapper-inner *:first-child { margin-top: 0; } .centered-wrapper.-negative-margin > .centered-wrapper-inner *:last-child { margin-bottom: 0; } .centered-wrapper-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: 50% 50% no-repeat; background-size: cover; opacity: 1; } .centered-wrapper.-parallax .centered-wrapper-background { background-attachment: fixed; } .centered-wrapper.-lax-fixed { clip-path: inset(1px); backface-visibility: hidden; } .centered-wrapper.-lax-fixed > .centered-wrapper-background { position: fixed; } .centered-wrapper-background.image-object-fit img, .centered-wrapper-background.image-object-fit video { width: 100%; height: 100%; } .centered-wrapper-background.image-object-fit.-object-fit-cover img, .centered-wrapper-background.image-object-fit.-object-fit-cover video { object-fit: cover; font-family: "object-fit: cover"; } .centered-wrapper-background.image-object-fit.-object-fit-contain img, .centered-wrapper-background.image-object-fit.-object-fit-contain video { object-fit: contain; font-family: "object-fit: contain"; } .centered-wrapper-background.image-object-fit.-object-fit-fill img, .centered-wrapper-background.image-object-fit.-object-fit-fill video { object-fit: fill; font-family: "object-fit: fill"; } .centered-wrapper-background.image-object-fit.-object-fit-scale-down img, .centered-wrapper-background.image-object-fit.-object-fit-scale-down video { object-fit: scale-down; font-family: "object-fit: scale-down"; } .centered-wrapper-background.image-object-fit.-object-position-left-top img, .centered-wrapper-background.image-object-fit.-object-position-left-top video { object-position: 0 0; } .centered-wrapper-background.image-object-fit.-object-position-center-top img, .centered-wrapper-background.image-object-fit.-object-position-center-top video { object-position: 50% 0; } .centered-wrapper-background.image-object-fit.-object-position-right-top img, .centered-wrapper-background.image-object-fit.-object-position-right-top video { object-position: 100% 0; } .centered-wrapper-background.image-object-fit.-object-position-left-center img, .centered-wrapper-background.image-object-fit.-object-position-left-center video { object-position: 0 50%; } .centered-wrapper-background.image-object-fit.-object-position-right-center img, .centered-wrapper-background.image-object-fit.-object-position-right-center video { object-position: 100% 50%; } .centered-wrapper-background.image-object-fit.-object-position-left-bottom img, .centered-wrapper-background.image-object-fit.-object-position-left-bottom video { object-position: 0 100%; } .centered-wrapper-background.image-object-fit.-object-position-center-bottom img, .centered-wrapper-background.image-object-fit.-object-position-center-bottom video { object-position: 50% 100%; } .centered-wrapper-background.image-object-fit.-object-position-right-bottom img, .centered-wrapper-background.image-object-fit.-object-position-right-bottom video { object-position: 100% 100%; } /* =========================================== * Jaralllax-styles before initializing * ========================================= */ .jarallax { position: absolute; z-index: 0; } .jarallax > .jarallax-img { position: absolute; object-fit: cover; font-family: "object-fit: cover;"; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .jarallax .lazyload, .jarallax .lazyloading, .jarallax .lazyloaded { transition: opacity 0.3s ease-in-out; } /* =========================================== * Inhaltselement Geteilt Bild/Hintergrund * ========================================= */ .centered-wrapper.half-bg { position: relative; overflow: hidden; } .centered-wrapper.half-bg.content-right .centered-wrapper-background { right: 50%; } .centered-wrapper.half-bg.content-left .centered-wrapper-background { left: 50%; } .centered-wrapper.half-bg.content-right .content { padding-left: 53.5%; word-break: break-word; } .centered-wrapper.half-bg.content-right .content .button { float: right; } .centered-wrapper.half-bg.content-left .content { padding-right: 53.5%; word-break: break-word; } .centered-wrapper.half-bg .wrapper { overflow: hidden; padding-bottom: 1px; } @media screen and (max-width: 599px) { .centered-wrapper.half-bg.content-right .centered-wrapper-background, .centered-wrapper.half-bg.content-left .centered-wrapper-background { right: 0; left: 0; bottom: 50%; } .centered-wrapper.half-bg.content-right .content, .centered-wrapper.half-bg.content-left .content { padding-left: 0; padding-right: 0; padding-top: 53.5%; } } /* ============================== * Header-Bar * =============================== */ #header { position: relative; z-index: 10; } .header-bar { zoom: 1; position: relative; border-bottom: 1px solid #e5e6e6; background: white; } .header-bar:before { content: ""; display: table; } .header-bar:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1268px) { body.boxed-layout .header-bar { border-right: 0; border-left: 0; } } @media screen and (max-width: 900px) { .header-bar { display: none; } } .header-bar-inner { zoom: 1; position: relative; color: #999999; } .header-bar-inner:before { content: ""; display: table; } .header-bar-inner:after { content: ""; display: table; clear: both; } @media screen and (max-width: 900px) { .header-bar-inner { height: auto; min-height: 0; } } .header-bar-inner .mod_customnav { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.8rem; padding: 0; } .header-bar-links { float: left; margin: 0; padding: 0 0.5em 0 0; } .header-bar-links ul { margin: 0.3125em 0; padding: 0; } .header-bar-links li { display: inline-block; } .main-nav-mobile .header-bar-links li { display: block; } .header-bar-links a, .header-bar-links li > span { display: inline-block; color: inherit; margin-right: 1em; } .main-nav-mobile .header-bar-links a, .main-nav-mobile .header-bar-links li > span { padding: 0.3125em 1.25em 0.3125em 1.25em; } .header-bar-links.right { float: right; padding: 0 0 0 0.5em; } @media screen and (max-width: 599px) { .header-bar-links.right { padding: 0; } } .main-nav-mobile .header-bar-links { float: none; } .header-bar-links .icon-links-label { color: inherit; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.8rem; min-height: 1.1428571429em; display: block; } .header-bar .header-bar-links .icon-links-label { color: #999999; } /* ============================== * Search Engine * =============================== */ .header-bar-search { position: relative; float: right; z-index: 3; width: 2.5em; margin-top: 0; margin-left: 1em; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.8rem; } @media screen and (max-width: 599px) { .header-bar-search { display: none; } } .header-bar-search input[type="search"] { /* Fixes border-radius on iOS 7 */ -webkit-appearance: none; position: absolute; left: 0; top: 0; line-height: 20px; width: 0; padding: 0; background: white; border: 0; border-radius: 0.5rem; font-size: inherit; box-shadow: none; transition: all 0.3s ease-out; } .header-bar-search:hover input[type="search"], .header-bar-search:focus input[type="search"], .header-bar-search input[type="search"]:focus { padding: 0 3px; width: 11.7857142857em; left: -11.7857142857em; border: 1px solid #b4b4b4; box-shadow: 0 0 3px white; } .header-bar-search button { line-height: 20px; position: relative; overflow: hidden; width: 2.5em; margin: 0; padding: 0; border: 0; color: #999999; text-align: left; text-indent: -99em; text-shadow: none; box-shadow: none; background: transparent; } .navigation-bar .header-bar-search button { line-height: 1.5rem; } .navigation-bar-clone .header-bar-search button { line-height: 1.3rem; } .header-bar-search button:after, .header-bar-search button:before { content: ""; top: 0%; width: 100%; height: 100%; left: 0; } .header-bar-search button:before { position: absolute; background: white; border-radius: 3em; } .header-bar-search button:after { font: 1em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; display: block; text-align: center; line-height: 20px; } .header-bar-search button:hover, .header-bar-search button:focus { color: #989898; background: transparent; } .main-nav-mobile .header-bar-search { display: block; float: none; width: 80%; height: 35px; margin: 4px auto; padding: 0 5px; } .main-nav-mobile .header-bar-search input[type="search"] { position: relative; width: 80%; line-height: 36px; top: auto; } .main-nav-mobile .header-bar-search:hover input[type="search"], .main-nav-mobile .header-bar-search:focus input[type="search"], .main-nav-mobile .header-bar-search input[type="search"]:focus { left: auto; } .main-nav-mobile .header-bar-search button { top: 0; width: 15%; line-height: 36px; } .main-nav-mobile .header-bar-search button:after { font-size: 1.5em; line-height: 36px; } .mod_search form input { vertical-align: middle; } .mod_search form input[type="search"] { width: 74.375%; margin: 0; padding-top: 0.75em; padding-bottom: 0.75em; } .mod_search form input[type="submit"] { width: 25%; margin: 0 -2% 0 0; } @media screen and (max-width: 599px) { .mod_search form input[type="submit"] { padding-right: 0; padding-left: 0; } } .mod_search .relevance { float: right; margin-top: 0.7142857143em; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.8rem; } .mod_search .header { padding-bottom: 0.3125em; border-bottom: 1px solid #b4b4b4; color: #777; } .mod_search .highlight { padding: 0 0.25em; font-weight: bold; background: white; } .mod_search .url { padding-bottom: 1.4285714286em; border-bottom: 1px dotted #b4b4b4; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.8rem; color: #777; } .mod_search .url:before { font: 100%/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.3571428571em; } .mod_search .url .filesize { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.8rem; } /* ============================== * Navigation-Bar * =============================== */ .navigation-bar { position: relative; height: auto !important; max-height: none !important; border-bottom: 1px solid #e5e6e6; background: white; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); } body.boxed-layout .navigation-bar { box-shadow: none; } @media screen and (max-width: 1268px) { body.boxed-layout .navigation-bar { border-right: 0; border-left: 0; } } .navigation-bar-inner { position: relative; color: white; -ms-display: flex !important; display: flex !important; justify-content: flex-start; align-items: stretch; } @media screen and (max-width: 900px) { .navigation-bar-inner { height: auto; min-height: 0; } } .main-nav { margin-left: auto; } @media screen and (max-width: 900px) { .main-nav { margin-right: 0; padding-left: 0.625em; } } @media screen and (max-width: 900px) { .main-nav { display: none; } } .main-nav a:before, .main-nav span.active:before, .main-nav span.trail:before, .main-nav span.forward:before, .main-nav strong.active:before, .main-nav strong.trail:before, .main-nav strong.forward:before { content: none; display: none; } .main-nav ul { display: inline; margin: 0; padding: 0; } .main-nav > ul { min-height: 100%; display: flex; justify-content: flex-end; align-items: stretch; } .main-nav > ul > li[data-icon]:before, .main-nav > ul > li[class^="icon-"]:before, .main-nav > ul > li[class*=" icon-"]:before { position: absolute; left: 0.2857142857em; z-index: 1; font-size: 0.9375em; line-height: inherit; } .main-nav > ul > li[data-icon] a, .main-nav > ul > li[data-icon] span.active, .main-nav > ul > li[data-icon] span.trail, .main-nav > ul > li[data-icon] span.forward, .main-nav > ul > li[data-icon] strong.active, .main-nav > ul > li[data-icon] strong.trail, .main-nav > ul > li[data-icon] strong.forward, .main-nav > ul > li[class^="icon-"] a, .main-nav > ul > li[class^="icon-"] span.active, .main-nav > ul > li[class^="icon-"] span.trail, .main-nav > ul > li[class^="icon-"] span.forward, .main-nav > ul > li[class^="icon-"] strong.active, .main-nav > ul > li[class^="icon-"] strong.trail, .main-nav > ul > li[class^="icon-"] strong.forward, .main-nav > ul > li[class*=" icon-"] a, .main-nav > ul > li[class*=" icon-"] span.active, .main-nav > ul > li[class*=" icon-"] span.trail, .main-nav > ul > li[class*=" icon-"] span.forward, .main-nav > ul > li[class*=" icon-"] strong.active, .main-nav > ul > li[class*=" icon-"] strong.trail, .main-nav > ul > li[class*=" icon-"] strong.forward { padding-left: 1.7142857143em; } .main-nav > ul > li { position: relative; } .main-nav > ul > li.-mega { position: static; } .main-nav > ul > li > a, .main-nav > ul > li > span.active, .main-nav > ul > li > span.trail, .main-nav > ul > li > span.forward, .main-nav > ul > li > strong.active, .main-nav > ul > li > strong.trail, .main-nav > ul > li > strong.forward { display: flex; align-items: center; position: relative; height: 100%; padding: 0 2vw; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1rem; font-weight: normal; line-height: 1.5rem; color: white; text-shadow: 1px 1px 1px #000; color: white; } @media screen and (max-width: 900px) { .main-nav > ul > li > a, .main-nav > ul > li > span.active, .main-nav > ul > li > span.trail, .main-nav > ul > li > span.forward, .main-nav > ul > li > strong.active, .main-nav > ul > li > strong.trail, .main-nav > ul > li > strong.forward { line-height: 1.125rem; } } @media screen and (max-width: 1268px) { .main-nav > ul > li > a, .main-nav > ul > li > span.active, .main-nav > ul > li > span.trail, .main-nav > ul > li > span.forward, .main-nav > ul > li > strong.active, .main-nav > ul > li > strong.trail, .main-nav > ul > li > strong.forward { padding: 0 1.8vw; } } @media screen and (max-width: 900px) { .main-nav > ul > li > a, .main-nav > ul > li > span.active, .main-nav > ul > li > span.trail, .main-nav > ul > li > span.forward, .main-nav > ul > li > strong.active, .main-nav > ul > li > strong.trail, .main-nav > ul > li > strong.forward { padding: 0 1.6vw; } } .main-nav > ul > li > a:after, .main-nav > ul > li > span.active:after, .main-nav > ul > li > span.trail:after, .main-nav > ul > li > span.forward:after, .main-nav > ul > li > strong.active:after, .main-nav > ul > li > strong.trail:after, .main-nav > ul > li > strong.forward:after { content: ""; position: absolute; top: -1px; right: 50%; left: 50%; border-top: 1px solid #777; transition: all 0.5s; } @media screen and (max-width: 900px) { .main-nav > ul > li > a:after, .main-nav > ul > li > span.active:after, .main-nav > ul > li > span.trail:after, .main-nav > ul > li > span.forward:after, .main-nav > ul > li > strong.active:after, .main-nav > ul > li > strong.trail:after, .main-nav > ul > li > strong.forward:after { top: auto; bottom: -1px; } } .main-nav > ul > li > a:hover, .main-nav > ul > li > a:focus { color: #4EAC36; text-decoration: none; background-color: #777; } .main-nav > ul > li > a:hover:after, .main-nav > ul > li > a:focus:after { border-top: 2px solid #777; } .main-nav > ul > li > a.active, .main-nav > ul > li > a.trail, .main-nav > ul > li > a.forward, .main-nav > ul > li span.active, .main-nav > ul > li span.trail, .main-nav > ul > li span.forward, .main-nav > ul > li strong.active, .main-nav > ul > li strong.trail, .main-nav > ul > li strong.forward { color: #4EAC36; background-color: #777; } .main-nav > ul > li > ul { position: absolute; top: 100%; left: 0; display: block; overflow: hidden; max-height: 0; min-width: 11.25em; line-height: 26px; padding: 0; border: solid #444; border-width: 1px 1px 2px; border-top-color: #e5e6e6; border-radius: 0 0 0 0; background: #444; opacity: 0; box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1); transition: all 0.3s; pointer-events: none; } .main-nav > ul > li > ul li { position: relative; display: block; padding: 0.125em 0.375em; border-bottom: 1px solid #444; white-space: nowrap; } .main-nav > ul > li > ul li li { margin: 0 -0.375em; border: 0; } .main-nav > ul > li > ul li[data-icon]:before, .main-nav > ul > li > ul li[class^="icon-"]:before, .main-nav > ul > li > ul li[class*=" icon-"]:before { position: absolute; top: 0.6428571429em; left: 0.2857142857em; z-index: 1; font-size: 0.875em; } .main-nav > ul > li > ul li[data-icon] a, .main-nav > ul > li > ul li[data-icon] span.active, .main-nav > ul > li > ul li[data-icon] span.trail, .main-nav > ul > li > ul li[data-icon] span.forward, .main-nav > ul > li > ul li[data-icon] strong.active, .main-nav > ul > li > ul li[data-icon] strong.trail, .main-nav > ul > li > ul li[data-icon] strong.forward, .main-nav > ul > li > ul li[class^="icon-"] a, .main-nav > ul > li > ul li[class^="icon-"] span.active, .main-nav > ul > li > ul li[class^="icon-"] span.trail, .main-nav > ul > li > ul li[class^="icon-"] span.forward, .main-nav > ul > li > ul li[class^="icon-"] strong.active, .main-nav > ul > li > ul li[class^="icon-"] strong.trail, .main-nav > ul > li > ul li[class^="icon-"] strong.forward, .main-nav > ul > li > ul li[class*=" icon-"] a, .main-nav > ul > li > ul li[class*=" icon-"] span.active, .main-nav > ul > li > ul li[class*=" icon-"] span.trail, .main-nav > ul > li > ul li[class*=" icon-"] span.forward, .main-nav > ul > li > ul li[class*=" icon-"] strong.active, .main-nav > ul > li > ul li[class*=" icon-"] strong.trail, .main-nav > ul > li > ul li[class*=" icon-"] strong.forward { padding-left: 1.7142857143em; } .main-nav > ul > li > ul a, .main-nav > ul > li > ul span.active, .main-nav > ul > li > ul span.trail, .main-nav > ul > li > ul span.forward { position: relative; display: block; padding: 0.2142857143em 0.4285714286em; margin: 0 -0.4285714286em; font-size: 0.875em; text-decoration: none; } .main-nav > ul > li > ul a { border-radius: 0; color: white; transition: background-color 0.6s ease-in, color 0.6s ease-in; } .main-nav > ul > li > ul a:hover { text-decoration: none; color: white; background-color: #999999; transition-duration: 0.05s; } .main-nav > ul > li > ul span.active, .main-nav > ul > li > ul span.trail, .main-nav > ul > li > ul span.forward, .main-nav > ul > li > ul strong.active, .main-nav > ul > li > ul strong.trail, .main-nav > ul > li > ul strong.forward { color: #e5e6e6; } .main-nav > ul > li > ul ul { display: block; padding-left: 0.625em; } .main-nav > ul > li:hover > a, .main-nav > ul > li:hover > span.active, .main-nav > ul > li:hover > span.trail, .main-nav > ul > li:hover > span.forward, .main-nav > ul > li:hover > strong.active, .main-nav > ul > li:hover > strong.trail, .main-nav > ul > li:hover > strong.forward, .main-nav > ul > li:focus > a, .main-nav > ul > li:focus > span.active, .main-nav > ul > li:focus > span.trail, .main-nav > ul > li:focus > span.forward, .main-nav > ul > li:focus > strong.active, .main-nav > ul > li:focus > strong.trail, .main-nav > ul > li:focus > strong.forward { z-index: 2; } .main-nav > ul > li:hover > ul, .main-nav > ul > li:focus > ul { z-index: 1; max-height: 3000px; padding: 0.375em; opacity: 1; transition: all 0.5s; pointer-events: auto; } .main-nav > ul > li.last > ul { left: auto; right: 0; } /* ============================== * Sub-Navigation * =============================== */ .sub-nav > ul > li > a { color: #444; } .sub-nav ul { margin: 0; padding: 0; list-style-type: none; } .sub-nav ul a, .sub-nav ul span.trail, .sub-nav ul span.active, .sub-nav ul span.forward, .sub-nav ul strong.trail, .sub-nav ul strong.active, .sub-nav ul strong.forward { position: relative; display: block; margin: 0 -0.2857142857em; padding: 0.2857142857em; color: #777; transition: background-color 0.6s ease-in, color 0.6s ease-in; } #footer .sub-nav ul a, #footer .sub-nav ul span.trail, #footer .sub-nav ul span.active, #footer .sub-nav ul span.forward, #footer .sub-nav ul strong.trail, #footer .sub-nav ul strong.active, #footer .sub-nav ul strong.forward { color: white; } .sub-nav ul a:hover, .sub-nav ul span.trail:hover, .sub-nav ul span.active:hover, .sub-nav ul span.forward:hover, .sub-nav ul strong.trail:hover, .sub-nav ul strong.active:hover, .sub-nav ul strong.forward:hover { border-radius: 0; color: #444; text-decoration: none; background-color: #e5e6e6; transition-duration: 0.05s; } #footer .sub-nav ul a:hover, #footer .sub-nav ul span.trail:hover, #footer .sub-nav ul span.active:hover, #footer .sub-nav ul span.forward:hover, #footer .sub-nav ul strong.trail:hover, #footer .sub-nav ul strong.active:hover, #footer .sub-nav ul strong.forward:hover { color: white; } .sub-nav ul a:before, .sub-nav ul span.trail:before, .sub-nav ul span.active:before, .sub-nav ul span.forward:before, .sub-nav ul strong.trail:before, .sub-nav ul strong.active:before, .sub-nav ul strong.forward:before { margin-right: 0.4285714286em; } .sub-nav ul a.active, .sub-nav ul span.active, .sub-nav ul strong.active { color: #3c852a; background-color: #777; } #footer .sub-nav ul a.active, #footer .sub-nav ul span.active, #footer .sub-nav ul strong.active { color: white; } .sub-nav ul a.trail, .sub-nav ul span.trail, .sub-nav ul strong.trail { color: #4EAC36; background-color: #777; } #footer .sub-nav ul a.trail, #footer .sub-nav ul span.trail, #footer .sub-nav ul strong.trail { color: white; } .sub-nav ul ul { margin-left: 0.8571428571em; } .sub-nav li { padding: 0.1428571429em 0.4285714286em; border-top: 1px solid #e5e6e6; position: relative; } .sub-nav li:before { content: none; } .sub-nav li:first-child, .sub-nav li li li { border: 0; } .sub-nav li li { margin-right: -0.4285714286em; } .sub-nav li.collapsed-icon > a, .sub-nav li.collapsed-icon > span, .sub-nav li.collapsed-icon > strong, .sub-nav li.expanded-icon > a, .sub-nav li.expanded-icon > span, .sub-nav li.expanded-icon > strong { margin-right: 38px; } .sub-nav .collapsed-icon > ul { display: none; } .sub-nav .main-nav-mobile-expand { position: absolute; display: block; top: 0.1428571429em; right: 0; overflow: hidden; margin: 0; padding: 0.5714285714em 0.9285714286em; border: solid transparent; border-width: 0.2142857143em 0; box-shadow: inset 1px 0 gray; border-radius: 0; outline: none; line-height: 0; color: inherit; text-indent: -99em; text-shadow: none; background: none; } .sub-nav .expanded-icon > .main-nav-mobile-expand:after { font: 1.1428571429em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .sub-nav .collapsed-icon > .main-nav-mobile-expand:after { font: 1.1428571429em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } /* ============================== * Mega-Menü * =============================== */ .mega-dropdown { position: absolute; top: 100%; left: 3.7037037037%; display: block; width: 92.5925925926%; max-height: 0; padding: 0; overflow: hidden; border: solid #444; border-width: 1px 1px 2px; border-top-color: #e5e6e6; border-radius: 0 0 0 0; font-size: 0.875em; background: #444; opacity: 0; box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1); transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; /* Fixes chrome text flicker */ -webkit-backface-visibility: hidden; } @media screen and (max-width: 900px) { .mega-dropdown { background-image: none !important; left: 0; width: 100%; } } li:hover > .mega-dropdown { z-index: 1; max-height: 9999px; overflow: visible; padding: 1.5714285714em 3.7037037037%; opacity: 1; transition: opacity 0.2s; pointer-events: auto; } .mega-dropdown-column h1 { margin: 0 0 0.7142857143em; font-size: inherit; font-weight: bold; color: white; } .mega-dropdown-column h1 a { color: inherit; } .mega-dropdown-column p { margin: 1em 0; } .mega-dropdown-column ul a { display: inline-block; padding: 0.2857142857em 0 0.2142857143em; color: white; } .mega-dropdown-column ul a:hover { color: white; } .mega-dropdown-image { margin: 1.4285714286em 0; } .mega-dropdown-image img { display: block; width: 100%; height: auto; } /* ============================== * Sprache-Auswahlmenu * =============================== */ .mod_changelanguage { position: relative; line-height: 20px; } .mod_changelanguage:hover { color: #999999; } .mod_changelanguage > ul { color: #999999; padding: 0; margin: 0; list-style: none; } .mod_changelanguage > ul a, .mod_changelanguage > ul span { display: block; padding: 0.0714285714em 0.9285714286em; color: inherit; text-decoration: none; font-size: 0.875em; } .mod_changelanguage > ul i.flag { top: 50%; left: 2px; margin-top: -5px; } .mod_changelanguage > ul a:hover, .mod_changelanguage > ul a:focus { text-decoration: underline; } .mod_changelanguage > ul > li { position: relative; float: left; } .mod_changelanguage > ul > li.flag span, .mod_changelanguage > ul > li.flag a { padding-left: 22px; } .mod_changelanguage > ul > li > ul { position: absolute; margin: 0; padding: 0; background: white; display: block; overflow: hidden; max-height: 0; min-width: 8.75em; opacity: 0; box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1); transition: all 0.3s; pointer-events: none; } .mod_changelanguage > ul > li > ul li { position: relative; display: block; white-space: nowrap; padding-left: 0.8571428571em; } .mod_changelanguage > ul > li > ul a { border-radius: 0; color: #999999; transition: background-color 0.6s ease-in, color 0.6s ease-in; } .mod_changelanguage > ul > li > ul a:hover { text-decoration: none; color: #999999; background-color: white; transition-duration: 0.05s; } .mod_changelanguage > ul > li:hover > a, .mod_changelanguage > ul > li:hover > span.active, .mod_changelanguage > ul > li:hover > span.trail, .mod_changelanguage > ul > li:hover > span.forward, .mod_changelanguage > ul > li.expanded-icon > a, .mod_changelanguage > ul > li.expanded-icon > span.active, .mod_changelanguage > ul > li.expanded-icon > span.trail, .mod_changelanguage > ul > li.expanded-icon > span.forward { z-index: 2; } .mod_changelanguage > ul > li:hover > ul, .mod_changelanguage > ul > li.expanded-icon > ul { z-index: 1; max-height: 3000px; opacity: 1; transition: all 0.5s; pointer-events: auto; } .mod_changelanguage > ul li[class*=" icon-"]:before { position: absolute; top: 0.5em; z-index: 1; font-size: 0.875em; left: 1em; } .mod_changelanguage > ul li[class*=" icon-"] span { padding-left: 1.4285714286em; } .header-bar .mod_changelanguage { float: right; margin: 0 1em; } .header-bar .mod_changelanguage > ul > li { padding-right: 0.8571428571em; padding-left: 0.8571428571em; border: 1px solid #e6e6e6; background-color: white; margin-top: 1px; border-radius: 0; } .header-bar .mod_changelanguage > ul > li:after { font: 0.875em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; position: absolute; right: 0.2142857143em; top: 6px; } .header-bar .mod_changelanguage > ul > li a, .header-bar .mod_changelanguage > ul > li span { display: inline-block; } .header-bar .mod_changelanguage > ul > li ul { position: absolute; left: 0; top: 100%; border: 1px solid #b4b4b4; border-radius: 0 0 0 0; background: white; } .header-bar .mod_changelanguage > ul > li:hover, .header-bar .mod_changelanguage > ul > li.hover { border-radius: 0 0 0 0; } .header-bar .mod_changelanguage > ul > li:hover:after, .header-bar .mod_changelanguage > ul > li.hover:after { content: ""; } .header-bar .mod_changelanguage > ul > li:hover > ul, .header-bar .mod_changelanguage > ul > li.hover > ul { padding: 0.375em; } .main-nav-mobile .mod_changelanguage { line-height: 28px; padding: 0; } .main-nav-mobile .mod_changelanguage ul { display: block; color: white; font-weight: normal; margin: 0; padding: 0; } .main-nav-mobile .mod_changelanguage ul li { float: none; } .main-nav-mobile .mod_changelanguage ul a, .main-nav-mobile .mod_changelanguage ul span { padding-left: 2.2857142857em; border-radius: 0; } .main-nav-mobile .mod_changelanguage ul li.flag a, .main-nav-mobile .mod_changelanguage ul li.flag span { padding-left: 2.5714285714em; } .main-nav-mobile .mod_changelanguage ul i.flag { top: 1em; left: 0.5em; } .main-nav-mobile .mod_changelanguage ul ul { padding: 0; background: #444; box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); } .main-nav-mobile .mod_changelanguage ul ul a, .main-nav-mobile .mod_changelanguage ul ul span { padding-left: 2.8571428571em; color: white; } .main-nav-mobile .mod_changelanguage ul ul li.flag a, .main-nav-mobile .mod_changelanguage ul ul li.flag span { padding-left: 3.5714285714em; } .main-nav-mobile .mod_changelanguage ul ul i.flag { top: 1em; left: 1.5em; } .main-nav-mobile .mod_changelanguage ul li[data-icon], .main-nav-mobile .mod_changelanguage ul li[class^="icon-"], .main-nav-mobile .mod_changelanguage ul li[class*=" icon-"] { padding-left: 0; } .main-nav-mobile .mod_changelanguage ul li[data-icon]:before, .main-nav-mobile .mod_changelanguage ul li[class^="icon-"]:before, .main-nav-mobile .mod_changelanguage ul li[class*=" icon-"]:before { top: 1em; font-size: 1em; left: 0.5em; } .navigation-bar .mod_changelanguage, .navigation-bar-clone .mod_changelanguage { float: right; line-height: 1.5rem; } @media screen and (max-width: 900px) { .navigation-bar .mod_changelanguage, .navigation-bar-clone .mod_changelanguage { line-height: 1.125rem; } } .navigation-bar .mod_changelanguage > ul > li a.active, .navigation-bar .mod_changelanguage > ul > li a.trail, .navigation-bar .mod_changelanguage > ul > li a.forward, .navigation-bar .mod_changelanguage > ul > li a:hover, .navigation-bar .mod_changelanguage > ul > li a:focus, .navigation-bar .mod_changelanguage > ul > li span.active, .navigation-bar .mod_changelanguage > ul > li span.trail, .navigation-bar .mod_changelanguage > ul > li span.forward, .navigation-bar .mod_changelanguage > ul > li span:hover, .navigation-bar .mod_changelanguage > ul > li span:focus, .navigation-bar-clone .mod_changelanguage > ul > li a.active, .navigation-bar-clone .mod_changelanguage > ul > li a.trail, .navigation-bar-clone .mod_changelanguage > ul > li a.forward, .navigation-bar-clone .mod_changelanguage > ul > li a:hover, .navigation-bar-clone .mod_changelanguage > ul > li a:focus, .navigation-bar-clone .mod_changelanguage > ul > li span.active, .navigation-bar-clone .mod_changelanguage > ul > li span.trail, .navigation-bar-clone .mod_changelanguage > ul > li span.forward, .navigation-bar-clone .mod_changelanguage > ul > li span:hover, .navigation-bar-clone .mod_changelanguage > ul > li span:focus { color: white; } .navigation-bar .mod_changelanguage > ul > li > ul, .navigation-bar-clone .mod_changelanguage > ul > li > ul { line-height: 26px; } @media screen and (max-width: 599px) { .navigation-bar .mod_changelanguage, .navigation-bar-clone .mod_changelanguage { display: none; } } .navigation-bar-clone .mod_changelanguage { line-height: 1.3rem; } /* ============================== * Logo * =============================== */ .logo { position: relative; font-size: inherit; height: auto !important; } .logo a { display: block; height: 100%; } .logo img { display: block; width: 100%; height: auto; } .single-header .logo { transition: width 1s, margin 1s; } /* ============================== * Mobile Navigation * =============================== */ .main-nav-mobile-open, .main-nav-mobile-close { display: none; border: 0 !important; color: transparent; font-size: 1.25em; line-hight: 0; z-index: 200; background: none !important; box-shadow: none !important; text-shadow: none !important; margin: 0; } .main-nav-mobile-open { position: relative; width: 2.8125em; height: 2.5em; padding: 0.625em 1.25em 0.625em 0.625em; } .main-nav-mobile-open:before { color: white; } .navigation-bar-clone .main-nav-mobile-open { height: 1.5625em; padding: 0.3125em 1.25em 0.3125em 0.625em; } @media screen and (max-width: 900px) { .main-nav-mobile-open { display: block; } } .main-nav-mobile-close { position: absolute; top: 0; right: -185.7142857143%; width: 185.7142857143%; height: 100%; margin-top: 0; background-color: rgba(187, 187, 187, 0.5) !important; backdrop-filter: blur(2px); border-radius: 0; } @media screen and (max-width: 900px) { .main-nav-mobile-close { right: -100%; width: 100%; } } @media screen and (max-width: 599px) { .main-nav-mobile-close { right: -17.6470588235%; width: 17.6470588235%; } } .main-nav-mobile-close:before { color: #444; position: absolute; top: 10px; right: 10px; } .is-active > .main-nav-mobile-close { display: block; } .main-nav-mobile { display: none; padding: 0; border-top: 1px solid black; color: white; background: #444; } @media screen and (max-width: 900px) { .main-nav-mobile { display: block; } } .js .main-nav-mobile { display: none; } .main-nav-mobile.is-enabled { position: absolute; top: 0; z-index: 201; left: -35%; width: 35%; min-height: 100%; transition: left 0.2s ease-out; } @media screen and (max-width: 900px) { .main-nav-mobile.is-enabled { left: -50%; width: 50%; } } @media screen and (max-width: 599px) { .main-nav-mobile.is-enabled { left: -85%; width: 85%; } } @media screen and (max-width: 900px) { .main-nav-mobile.is-enabled { display: block; } } .csstransforms3d .main-nav-mobile.is-enabled { left: 0; transform: translate3d(-100%, 0, 0); transition: transform 0.2s ease-out; } .main-nav-mobile.is-active { left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .csstransforms3d .main-nav-mobile.is-active { transform: translate3d(0, 0, 0); } .main-nav-mobile nav ul { display: block; margin: 0; padding: 0; } .main-nav-mobile nav ul ul { background: #444; box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); } .main-nav-mobile nav .collapsed-icon > ul { display: none; } .main-nav-mobile nav li { position: relative; display: block; } .main-nav-mobile nav li:before { position: absolute; top: 0.75em; left: 0; } .main-nav-mobile nav li[data-icon], .main-nav-mobile nav li[class^="icon-"], .main-nav-mobile nav li[class*=" icon-"] { padding-left: 1.25em; } .main-nav-mobile nav a, .main-nav-mobile nav span.active, .main-nav-mobile nav span.trail, .main-nav-mobile nav span.forward, .main-nav-mobile nav li > span, .main-nav-mobile nav strong.active, .main-nav-mobile nav strong.trail, .main-nav-mobile nav strong.forward, .main-nav-mobile nav li > strong { display: block; padding: 0.6428571429em 0.9285714286em 0.5714285714em; border-bottom: 1px solid black; color: inherit; background-color: #444; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); transition: background-color 0.6s ease-out; } .main-nav-mobile nav a:before, .main-nav-mobile nav span.active:before, .main-nav-mobile nav span.trail:before, .main-nav-mobile nav span.forward:before, .main-nav-mobile nav li > span:before, .main-nav-mobile nav strong.active:before, .main-nav-mobile nav strong.trail:before, .main-nav-mobile nav strong.forward:before, .main-nav-mobile nav li > strong:before { margin-right: 0.4285714286em; } .main-nav-mobile nav a:hover, .main-nav-mobile nav a:focus, .main-nav-mobile nav span.active:hover, .main-nav-mobile nav span.active:focus, .main-nav-mobile nav span.trail:hover, .main-nav-mobile nav span.trail:focus, .main-nav-mobile nav span.forward:hover, .main-nav-mobile nav span.forward:focus, .main-nav-mobile nav li > span:hover, .main-nav-mobile nav li > span:focus, .main-nav-mobile nav strong.active:hover, .main-nav-mobile nav strong.active:focus, .main-nav-mobile nav strong.trail:hover, .main-nav-mobile nav strong.trail:focus, .main-nav-mobile nav strong.forward:hover, .main-nav-mobile nav strong.forward:focus, .main-nav-mobile nav li > strong:hover, .main-nav-mobile nav li > strong:focus { outline: none; text-decoration: none; background-color: #252525; transition: background-color 0.2s ease-out; } .main-nav-mobile nav a.active, .main-nav-mobile nav a.trail, .main-nav-mobile nav span.active, .main-nav-mobile nav span.trail, .main-nav-mobile nav span.forward, .main-nav-mobile nav strong.active, .main-nav-mobile nav strong.trail, .main-nav-mobile nav strong.forward { font-weight: bold; } .main-nav-mobile nav a.active, .main-nav-mobile nav span.active, .main-nav-mobile nav strong.active { background-color: #636363; box-shadow: inset 0 0 5px #444; } .main-nav-mobile nav li li { color: #e6e6e6; background-color: #373737; } .main-nav-mobile nav li li a, .main-nav-mobile nav li li span.active, .main-nav-mobile nav li li span.trail, .main-nav-mobile nav li li span.forward, .main-nav-mobile nav li li strong.active, .main-nav-mobile nav li li strong.trail, .main-nav-mobile nav li li strong.forward { background-color: #373737; padding-left: 2.1428571429em; } .main-nav-mobile nav li li li { color: #ccc; } .main-nav-mobile nav li li li a, .main-nav-mobile nav li li li span.active, .main-nav-mobile nav li li li span.trail, .main-nav-mobile nav li li li span.forward, .main-nav-mobile nav li li li strong.active, .main-nav-mobile nav li li li strong.trail, .main-nav-mobile nav li li li strong.forward { background-color: #323232; padding-left: 2.8571428571em; } .main-nav-mobile nav li li li li { color: #b3b3b3; } .main-nav-mobile nav li li li li a, .main-nav-mobile nav li li li li span.active, .main-nav-mobile nav li li li li span.trail, .main-nav-mobile nav li li li li span.forward, .main-nav-mobile nav li li li li strong.active, .main-nav-mobile nav li li li li strong.trail, .main-nav-mobile nav li li li li strong.forward { background-color: #2b2b2b; padding-left: 3.5714285714em; } .main-nav-mobile .main-nav-mobile-expand { position: absolute; display: block; top: 0.1428571429em; right: 0; overflow: hidden; margin: 0; padding: 0.5714285714em 0.9285714286em; border: solid transparent; border-width: 0.2142857143em 0; box-shadow: inset 1px 0 gray; border-radius: 0; outline: none; line-height: 0; color: inherit; text-indent: -99em; text-shadow: none; background: none; } .main-nav-mobile .expanded-icon > .main-nav-mobile-expand:after { font: 1.2857142857em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .main-nav-mobile .collapsed-icon > .main-nav-mobile-expand:after { font: 1.2857142857em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } body.navi-active { overflow-y: scroll; } /* ============================== * tagline-image * =============================== */ #Tagline .mod_article > *:first-child { margin-top: 0; } #Tagline .mod_article > *:last-child { margin-bottom: 0; } .tagline-image { position: relative; line-height: 0; } .tagline-image .image_container { padding: 0; border: 0; box-shadow: none; background: none; width: 100%; } .tagline-image .image_container img { width: 100%; } .tagline-image .image_container .intrinsic-ratio-wrapper { width: 100%; } .tagline-image .image_container .intrinsic-ratio { width: 100% !important; } .tagline-image .slogan { position: absolute; line-height: 1.4; left: 0; right: 0; top: 5%; bottom: 5%; } .tagline-image .slogan .-color-inverted { color: white; } .tagline-image .slogan span, .tagline-image .slogan a { display: block; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.8rem; margin: 10px 0; clear: both; } .tagline-image .slogan span.-small, .tagline-image .slogan a.-small { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.3rem; margin: 4px 0; } .tagline-image .slogan span.-large, .tagline-image .slogan a.-large { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 2.2rem; margin: 4px 0; } .tagline-image .slogan span { border: none; } .tagline-image .slogan.-unten .inside { justify-content: flex-end; } .tagline-image .slogan.-oben .inside { justify-content: flex-start; } .tagline-image .slogan.-v-center .inside { justify-content: center; } .tagline-image .slogan.-v-evenly .inside { justify-content: space-evenly; } .tagline-image .slogan.-links .inside { align-items: flex-start; } .tagline-image .slogan.-rechts .inside { align-items: flex-end; } .tagline-image .slogan.-mitte .inside { align-items: center; } .tagline-image .inside { display: flex !important; flex-direction: column; height: 100%; } @media screen and (min-width: 1269px) { .tagline-image .inside { padding: 0 3rem; } .boxed-layout .tagline-image .inside { padding: 0 3rem !important; } } .tagline-image .inside > br { display: none; } @media screen and (min-width: 1269px) { .tagline-image.-full-wrapper .inside { padding: 0; } } @media screen and (max-width: 1268px) { .tagline-image.-full-wrapper .inside { max-width: none; } } @media screen and (min-width: 1269px) { .boxed-layout .tagline-image.-boxed .slogan { padding: 0 3rem; } } html.object-fit .tagline-image.-full-height .image_container img { object-fit: cover; object-position: top; height: 100vh; } /* =========================================== * Buttons * ======================================== */ button.-secondary, .button.-secondary, input[type="submit"].-secondary, .headline-box-link.-secondary, .headline-box-link, .price-boxes-plan a, button, .button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; appearance: none; display: inline-block; padding: 0.6rem 1.3rem; border: 1px solid; border-color: #444; border-radius: 3em; outline: none; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.9rem; line-height: 1.3; color: white; text-align: center; text-decoration: none; text-transform: uppercase; background: #5e5e5e; } button.-secondary:hover, .button.-secondary:hover, input.-secondary[type="submit"]:hover, .headline-box-link.-secondary:hover, .headline-box-link:hover, .price-boxes-plan a:hover, button.-secondary:focus, .button.-secondary:focus, input.-secondary[type="submit"]:focus, .headline-box-link.-secondary:focus, .headline-box-link:focus, .price-boxes-plan a:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { border-color: #2b2b2b #1e1e1e #111; text-decoration: none; background: #515151; } #colorbox button.-secondary, #colorbox .button.-secondary, #colorbox input[type="submit"].-secondary, #colorbox .headline-box-link.-secondary, #colorbox .headline-box-link, #colorbox .price-boxes-plan a, .price-boxes-plan #colorbox a, #colorbox button, #colorbox .button, #colorbox input[type="submit"], #colorbox input[type="reset"], #colorbox input[type="button"] { /* Fix colorbox close button */ box-shadow: none; } button.-single, .button.-single, input[type="submit"].-single { margin: 0.75em 0; } button.-small, .button.-small, input[type="submit"].-small { padding: 0.6rem 1.3rem * 0.7; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.8rem; } button.-secondary, .button.-secondary, input[type="submit"].-secondary, .headline-box-link.-secondary { border-color: #193811; color: #444; background: white; } button.-secondary:hover, .button.-secondary:hover, input.-secondary[type="submit"]:hover, .headline-box-link.-secondary:hover, button.-secondary:focus, .button.-secondary:focus, input.-secondary[type="submit"]:focus, .headline-box-link.-secondary:focus { border-color: #ccc #bfbfbf #b3b3b3; background: #f2f2f2; } /* ============================== * Headline und/oder Button * =============================== */ .headline-box { zoom: 1; text-align: center; } .headline-box:before { content: ""; display: table; } .headline-box:after { content: ""; display: table; clear: both; } .headline-box.-align-left { text-align: left; } .headline-box.-align-right { text-align: right; } .headline-box:before { display: block; width: 1.9545454545em; height: 1.9545454545em; margin: 0 auto 0.2727272727em auto; border-radius: 100%; font-size: 2.75em; font-weight: normal; line-height: 2.0002272727; text-align: center; background: white; background: rgba(255, 255, 255, 0.6); } .-color-inverted .headline-box:before { background: #444; background: rgba(68, 68, 68, 0.6); } .headline-box.-no-icon:before { display: none; } .headline-box h1 { margin: 0; } .headline-box h1.-bold { font-weight: bold; } .headline-box h1.-small { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.7rem; } .headline-box h1.-large { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.2rem; } .headline-box h1.-super-size { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.5rem; } .headline-box h2 { margin: 0.4444444444em 0 0; } .headline-box h2.-no-margin { margin: 0; } .headline-box h2.-small { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.7rem; } .headline-box h2.-large { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.2rem; } .headline-box h2.-super-size { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.5rem; } .headline-box .headlineSpan { color: #777; } .-color-inverted .headline-box .headlineSpan { color: white; } .headline-box.-button-inline h1, .headline-box.-button-inline h2 { display: inline; } @media screen and (max-width: 599px) { .headline-box.-button-inline h1, .headline-box.-button-inline h2 { display: block; } } .headline-box.-separator:after { display: inline-block; vertical-align: middle; width: 80%; content: ""; margin: 0 auto; border-top: 1px solid #b4b4b4; } h1 + .headline-box-link, h2 + .headline-box-link { margin-top: 1.9285714286em; } .-align-left > .headline-box-link { float: right; margin: -0.1428571429em 0 0 3.1428571429em; } @media screen and (max-width: 599px) { .-align-left > .headline-box-link { float: none; margin: 0 0 1em; } } .-align-right > .headline-box-link { float: left; margin: -0.1428571429em 3.1428571429em 0 0; } @media screen and (max-width: 599px) { .-align-right > .headline-box-link { float: none; margin: 0 0 1em; } } .-button-inline > .headline-box-link { margin: 0 0 0 2.1428571429em; } @media screen and (max-width: 599px) { .-button-inline > .headline-box-link { margin: 1em 0 0; } } /* ============================== * Icon-Links * =============================== */ .icon-links li { padding-bottom: 0.4375em; } .icon-links a { text-decoration: none; } .icon-links a:hover span { text-decoration: underline; } .icon-links-label { color: white; } /* ============================== * Footer * =============================== */ #footer { zoom: 1; position: relative; background: #444; } #footer:before { content: ""; display: table; } #footer:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1268px) { .boxed-layout #footer { border-right: 0; border-left: 0; } } .gravy-footer #footer { position: absolute; left: 0; right: 0; bottom: 0; } #footer .inside { position: relative; color: white; } @media screen and (max-width: 900px) { #footer .inside { height: auto; min-height: 0; } } #footer .inside > * { background-color: transparent; } .footer-bar { margin-top: 0; } #footer .footer-nav { float: right; margin: 0; padding: 0.5em 0; font-size: 0.875em; color: white; } @media screen and (max-width: 900px) { #footer #footer .footer-nav { float: none; padding-top: 0; } } #footer .footer-nav ul, #footer .footer-nav li { display: inline; margin: 0; padding: 0; } #footer .footer-nav li:before { content: ""; display: inline-block; width: 1px; height: 0.6em; margin: 0 0.5em 0 0.3em; background: white; } #footer .footer-nav li:first-child:before { content: none; } #footer .footer-nav a, #footer .footer-nav span.trail, #footer .footer-nav span.active, #footer .footer-nav span.forward { color: inherit; } #footer .copyright { float: left; margin: 0; padding: 0.5em 0; font-size: 0.875em; color: white; } #footer .copyright .tandao { color: inherit; opacity: 0.8; } #footer .copyright .tandao:before { content: "-"; display: inline-block; margin: 0 0.5em 0 0.3em; } @media screen and (max-width: 900px) { #footer .copyright { float: none; padding-bottom: 1em; } } /* ============================== * Info-Map-Boxes * =============================== */ .info-map { position: relative; clear: both; } .info-map.-full-wrapper { max-width: none; } .info-map-gmap { height: 29.375em; overflow: hidden; position: relative; } @media screen and (max-width: 599px) { .info-map-gmap { min-height: 20em; /* Add area for touch scrolling */ margin-right: 5.5555555556%; margin-left: 5.5555555556%; } } .info-map-gmap:hover ~ .info-map-boxes { opacity: 0.7; } .info-map-gmap.-no-hover:hover ~ .info-map-boxes { opacity: 1; } .info-map-gmap .license { position: absolute; top: 0; left: 0; font-size: 0.85rem; background-color: rgba(255, 255, 255, 0.8); padding: 5px; } .info-map-gmap .license p { margin: 0; } .info-map-gmap .activate { cursor: pointer; z-index: 100; position: absolute; top: 50%; left: 30px; right: 30px; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.25); font-size: 0.9rem; transition: background-color 0.5s; padding: 10px; } .info-map-gmap .activate p { margin: 0; } .info-map-gmap .activate:hover { background-color: rgba(255, 255, 255, 0.75); } .info-map-gmap .image-wrapper { position: relative; top: 50%; transform: translateY(-50%); width: 100%; } .info-map-gmap .image-wrapper .img-responsive, .info-map-gmap .image-wrapper .intrinsic-ratio-wrapper, .info-map-gmap .image-wrapper .intrinsic-ratio { width: 100% !important; } .info-map-gmap .image-wrapper img { width: 100%; } @media screen and (max-width: 900px) { .info-map-gmap .image-wrapper { width: 150%; left: 50%; transform: translate(-50%, -50%); } } @media screen and (max-width: 599px) { .info-map-gmap .image-wrapper { width: 200%; left: 50%; transform: translate(-50%, -50%); } } .info-map-boxes { zoom: 1; position: relative; margin-top: -7.25em; margin-bottom: 2.75em; transition: opacity 0.2s linear; } .info-map-boxes:before { content: ""; display: table; } .info-map-boxes:after { content: ""; display: table; clear: both; } .info-map-boxes .blank { min-height: 70px; } @media screen and (max-width: 599px) { .info-map-boxes { margin-top: 1.375em; } } .info-map-boxes-item { padding: 0.7142857143em 1.4285714286em; border-radius: 0.5rem; font-size: 0.875em; color: inherit; background: white; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 7px rgba(0, 0, 0, 0.15); } .info-map-boxes-item:before { float: right; margin: 0; padding: 0.1515151515em 0 0.4545454545em 0.303030303em; font-size: 4.7142857143em; color: #777; background: white; } .info-map-boxes-item:hover, .info-map-boxes-item:focus { text-decoration: none; } .info-map-boxes-item h3 { margin: 0.5714285714em 0; padding: 0 0 0.2142857143em; border-bottom: 1px solid #e5e6e6; color: #777; font-size: 1em; font-weight: bold; text-transform: uppercase; } .info-map-boxes-item p { margin: 0.5714285714em 0; } .info-map-boxes-item-link { color: white; } /* ============================== * Icon-Boxes * =============================== */ .icon-boxes { zoom: 1; margin: 2.5em auto; } .icon-boxes:before { content: ""; display: table; } .icon-boxes:after { content: ""; display: table; clear: both; } .icon-boxes > h1, .icon-boxes > h2, .icon-boxes > h3, .icon-boxes > h4, .icon-boxes > h5, .icon-boxes > h6 { margin-top: 0; margin-bottom: 1em; } .icon-boxes-item { position: relative; display: block; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1rem; color: #777; text-align: center; text-decoration: none; } .icon-boxes-item.-align-left { text-align: left; } .icon-boxes-item.-align-right { text-align: right; } .icon-boxes-item.-color-inverted, .-color-inverted .icon-boxes-item { color: white; } .icon-boxes-item.-color-inverted .icon:before, .icon-boxes-item.-color-inverted.-inverted-icon .icon:before, .-color-inverted .icon-boxes-item .icon:before, .-color-inverted .icon-boxes-item.-inverted-icon .icon:before { border-color: white; color: white; background-color: transparent; } .icon-boxes-item.-color-inverted h3, .-color-inverted .icon-boxes-item h3 { color: white; } .icon-boxes-item.-boxed { margin-bottom: 1.7857142857em; padding: 2.75em 1.4285714286em 1.4285714286em; border: 1px solid #b4b4b4; border-radius: 0.5rem; } .icon-boxes-item.-boxed.-headline-icon { top: auto; margin-bottom: 0; padding-top: 1.4285714286em; } .icon-boxes-item.-large-icon { padding-top: 2.5em; } .icon-boxes-item.-background-color { padding: 1.4285714286em; } .icon-boxes-item.-background-color .icon:before { background-color: inherit; } .icon-boxes-item.-background-color:hover .icon:before, .icon-boxes-item.-background-color:focus .icon:before { background-color: inherit; } .icon-boxes-item.-boxed.-background-color { padding: 0 1.4285714286em 1.4285714286em; } .icon-boxes-item:hover, .icon-boxes-item:focus { text-decoration: none; } .icon-boxes-item .icon { visibility: hidden; } .icon-boxes-item .icon:before { visibility: visible; width: 1em; height: 1em; margin: 0 0 0.59375em; padding: 0.34375em; font-size: 1.875em; color: #777; border-radius: 100%; border-style: solid; border-width: 2px; text-align: center; background: transparent; transition-property: all; ransition-duration: 0.2s, 0.2s, 0.2s, 0.8s; } .icon-boxes-item.-icon-color .icon:before { color: inherit; } .icon-boxes-item.-inverted-icon .icon:before { border-color: #777; color: white; background-color: #777; } .icon-boxes-item.-inverted-icon.-icon-color .icon { visibility: hidden; } .icon-boxes-item.-inverted-icon.-icon-color .icon:before { visibility: visible; border-color: inherit; color: white; background-color: inherit; } .icon-boxes-item.-large-icon .icon:before { font-size: 3.75em; /* IE9 - IE11 */ font-size: 3.75rem; } .icon-boxes-item.-headline-icon { text-align: left; } .icon-boxes-item.-headline-icon .icon:before { float: left; top: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; } .icon-boxes-item.-headline-icon h3 { padding: 0.0952380952em 0 0 2.1904761905em; } .icon-boxes-item:hover .icon:before, .icon-boxes-item:focus .icon:before { color: white; background-color: #777; } .icon-boxes-item:hover.-icon-color .icon:before, .icon-boxes-item:focus.-icon-color .icon:before { background-color: inherit; } .icon-boxes-item:hover.-inverted-icon .icon:before, .icon-boxes-item:focus.-inverted-icon .icon:before { color: #777; background-color: white; } .icon-boxes-item:hover.-inverted-icon.-icon-color .icon:before, .icon-boxes-item:focus.-inverted-icon.-icon-color .icon:before { color: inherit; } .icon-boxes-item:hover.-headline-icon .icon:before, .icon-boxes-item:focus.-headline-icon .icon:before { color: #777; background: none; } .icon-boxes-item h3 { margin: 0 0 0.6666666667em; font-family: 'Glaindif', sans-serif; font-style: normal; font-size: 1.5em; color: #444; } .icon-boxes-item p { margin: 0.5em 0; } .icon-boxes-item-link.-link { color: white; } .icon-boxes-item:hover > .icon-boxes-item-link.-link, .icon-boxes-item:focus > .icon-boxes-item-link.-link { text-decoration: underline; } .-color-inverted .icon-boxes-item-link { color: white; } /* ============================== * gallery element * =============================== */ .ce_gallery ul { list-style: none !important; padding: 0 !important; clear: both; display: inline-block; vertical-align: top; } /* ============================== * headline or icon separator element * =============================== */ .headline-hr:before, .headline-hr:after { clear: both; height: 0; overflow: visible; margin: 2.25em 0; border: 0; border-top: 1px solid #b4b4b4; } .headline-hr.-hr-dotted:before, .headline-hr.-hr-dotted:after { border-top-style: dotted; border-top-color: #777; } .headline-hr.-hr-shadow:before, .headline-hr.-hr-shadow:after { height: 8px; background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background-size: 100% 16px; background-position: 50% -8px; } .headline-hr { overflow: hidden; position: relative; display: block; } .headline-hr:before, .headline-hr:after { display: inline-block; vertical-align: middle; width: 100%; margin: 0 0.625em 0 -100%; } .headline-hr:after { content: ""; margin: 0 -100% 0 0.625em; } .headline-hr.-centered { text-align: center; } .headline-hr.-centered:before { content: ""; } .headline-hr.-align-right { text-align: right; } .headline-hr.-align-right:before { content: ""; } .headline-hr.-align-right:after { content: none; } .icon-hr { display: block; } .icon-hr:before { position: relative; display: block; bottom: -0.5em; width: 1.875em; margin: 0; background: white; } .icon-hr.-centered:before { width: 2.25em; margin: 0 auto; text-align: center; } .icon-hr.-align-right:before { margin: 0 0 0 auto; text-align: right; } .icon-hr hr { margin: 0; } /* ============================== * teaser-box elements * =============================== */ .teaser-boxes { zoom: 1; } .teaser-boxes:before { content: ""; display: table; } .teaser-boxes:after { content: ""; display: table; clear: both; } .teaser-boxes > h1, .teaser-boxes > h2, .teaser-boxes > h3, .teaser-boxes > h4, .teaser-boxes > h5, .teaser-boxes > h6 { margin-top: 0; margin-bottom: 1.5em; } .teaser-boxes-item { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1rem; position: relative; text-decoration: none; color: inherit; outline: none; padding-bottom: 1px; } .teaser-boxes-item.-align-left .box-headline, .teaser-boxes-item.-align-left .teaser-boxes-item-text, .teaser-boxes-item.-align-left .box-link { text-align: left; } .teaser-boxes-item.-align-center { display: flex; flex-direction: column; align-items: center; } .teaser-boxes-item.-align-center .box-headline, .teaser-boxes-item.-align-center .teaser-boxes-item-text, .teaser-boxes-item.-align-center .box-link { text-align: center; } .teaser-boxes-item.-align-right .box-headline, .teaser-boxes-item.-align-right .teaser-boxes-item-text, .teaser-boxes-item.-align-right .box-link { text-align: right; } .-color-inverted .teaser-boxes-item, .teaser-boxes-item.-color-inverted { color: white; } .-color-inverted .teaser-boxes-item a, .teaser-boxes-item.-color-inverted a { color: white; } .teaser-boxes-item.noText { padding-bottom: 0; } .teaser-boxes-item.noText .image-wrapper { margin-top: 0; margin-bottom: 0; } .teaser-boxes-item .image-wrapper { position: relative; display: block; overflow: hidden; outline: none; border-radius: 0.5rem; line-height: 0; } .-boxed > .teaser-boxes-item .image-wrapper, .no-border .teaser-boxes-item .image-wrapper { padding: 0; border: 0; box-shadow: none; background: none; } .teaser-boxes-item .image-wrapper, .teaser-boxes-item .no-image { margin-bottom: 1.2857142857em; } .teaser-boxes-item.image-bg { position: relative; padding: 1.25em; } .teaser-boxes-item.image-bg .image-wrapper { margin-bottom: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .teaser-boxes-item.image-bg .image-wrapper img { width: 100%; height: 100%; object-fit: cover; font-family: "object-fit: cover"; } .teaser-boxes-item.image-bg .teaser-boxes-item-text { position: relative; z-index: 1; } .-boxed > .teaser-boxes-item, .-boxed > .rs-columns > .teaser-boxes-item { overflow: hidden; padding: 1.25em; border: 1px solid #b4b4b4; border-radius: 0.5rem; outline: none; } .-boxed > .teaser-boxes-item .image-wrapper, .-boxed > .rs-columns > .teaser-boxes-item .image-wrapper { padding: 0; border: none; box-shadow: none; } .teaser-boxes-item.color-bg { overflow: hidden; padding: 1.25em; border-radius: 0.5rem; outline: none; } .teaser-boxes-item.color-bg .image-wrapper { padding: 0; border: none; box-shadow: none; } .teaser-boxes-item .image-wrapper img { display: block; width: 100%; height: auto; } .teaser-boxes-item .-image-center .image-wrapper, .teaser-boxes-item .-image-left .image-wrapper, .teaser-boxes-item .-image-right .image-wrapper, .teaser-boxes-item.-image-center .image-wrapper, .teaser-boxes-item.-image-left .image-wrapper, .teaser-boxes-item.-image-right .image-wrapper { width: 100%; } .teaser-boxes-item .-image-center .image-wrapper img, .teaser-boxes-item .-image-left .image-wrapper img, .teaser-boxes-item .-image-right .image-wrapper img, .teaser-boxes-item.-image-center .image-wrapper img, .teaser-boxes-item.-image-left .image-wrapper img, .teaser-boxes-item.-image-right .image-wrapper img { width: auto; display: inline-block; } .teaser-boxes-item .-image-center, .teaser-boxes-item.-image-center { text-align: center; } .teaser-boxes-item .-image-right, .teaser-boxes-item.-image-right { text-align: right; } .teaser-boxes-item .-image-center img, .teaser-boxes-item .no-image.-image-center, .teaser-boxes-item .-image-right img { margin-left: auto; margin-right: auto; } .teaser-boxes-item .-image-scaled .image-wrapper, .teaser-boxes-item.-image-scaled .image-wrapper { width: 100%; } .teaser-boxes-item .-image-scaled .intrinsic-ratio, .teaser-boxes-item.-image-scaled .intrinsic-ratio { width: 100% !important; } .teaser-boxes-item .no-image { display: block; padding-top: 75%; background: #e5e6e6; } .teaser-boxes-item h3 { margin: 0 0 0.3333333333em; transition: color 0.3s ease-out; } .teaser-boxes-item h4 { margin: 0; } .teaser-boxes-item p, .teaser-boxes-item ul, .teaser-boxes-item ol { margin: 0.4285714286em 0; } .teaser-boxes-item .teaser-boxes-item-text a { margin-top: 0.3125em; } .-color-inverted .teaser-boxes-item .teaser-boxes-item-text a { color: inherit; } .teaser-boxes-item .teaser-boxes-item-text a.-right { text-align: right; display: block; } .teaser-boxes-item .image-wrapper.-has-hover:hover, .teaser-boxes-item .image-wrapper.-has-hover:focus { outline: none; } .teaser-boxes-item .image-wrapper.-has-hover:hover:before, .teaser-boxes-item .image-wrapper.-has-hover:focus:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); } .teaser-boxes-item .image-wrapper.-has-hover:hover img, .teaser-boxes-item .image-wrapper.-has-hover:focus img { transform: scale(1.05); } .teaser-boxes-item a.image-wrapper.-has-hover:hover, .teaser-boxes-item a.image-wrapper.-has-hover:focus { /* Fixes IE bug */ text-decoration: none; } .teaser-boxes-item a.image-wrapper.-has-hover:hover:after, .teaser-boxes-item a.image-wrapper.-has-hover:focus:after { font: 1.5em/1 "raven49-icons"; content: "+"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -0.5em; color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } /* ============================== * price-box additions * =============================== */ .price-boxes { zoom: 1; } .price-boxes:before { content: ""; display: table; } .price-boxes:after { content: ""; display: table; clear: both; } .price-boxes > h1, .price-boxes > h2, .price-boxes > h3, .price-boxes > h4, .price-boxes > h5, .price-boxes > h6 { margin-top: 0; } .price-boxes-plan { position: relative; float: left; border: 1px solid #e5e6e6; text-align: center; background-color: white; } .price-boxes-plan h4 { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; margin: -2px; padding-bottom: 100%; font-size: inherit; font-weight: normal; pointer-events: none; } .price-boxes-plan h4 span { float: left; margin: -2.0769230769em; padding: 0.7692307692em 2.9230769231em; font-size: 0.8125em; letter-spacing: 0.1em; text-transform: uppercase; color: white; background: #262626; transform: translate(-30%, 0) rotate(-45deg); transform-origin: 100% 0; } @media screen and (max-width: 1268px) { .price-boxes-plan h4 span { font-size: 0.625em; } } .price-boxes-plan h3 { margin: -1px -1px 1px; padding: 1.4285714286em 0.7142857143em; font-size: 0.875em; font-weight: normal; letter-spacing: 0.1em; color: white; text-transform: uppercase; background: #5e5e5e; } .price-boxes-plan p { position: relative; margin: -1px -1px 1px; padding: 0.3125em 0.125em 0.4375em; border-bottom: 1px solid #e5e6e6; font-size: 5em; line-height: 1; color: white; background: #777; } @media screen and (max-width: 1268px) { .price-boxes-plan p { font-size: 3.75em; } } .price-boxes-plan p:after { content: ""; position: absolute; bottom: 0; left: 50%; margin: -0.125em; border: 0.125em solid transparent; border-top-color: #777; border-bottom: 0; } .price-boxes-plan p b { display: inline-block; vertical-align: top; margin: 0.2647058824em -0.4705882353em 0 0; font-size: 0.425em; font-weight: normal; } .price-boxes-plan ul { margin: 1.375em 1.25em; padding: 0; list-style: none; color: #777; } .price-boxes-plan li { padding: 0.4375em 0 0.5em; border-top: 1px solid #e5e6e6; transition: background-color 0.3s ease-in; } .price-boxes-plan li:hover { background-color: #e5e6e6; transition-duration: 0.05s; } .price-boxes-plan li:first-child { border-top: 0; } .price-boxes-plan a { display: block; margin: 2.4285714286em 1.4285714286em 1.4285714286em; } .price-boxes-plan-price-part { display: inline-block; vertical-align: bottom; text-align: left; margin-left: 0.0375em; } .price-boxes-plan-price-part small { display: block; font-size: 0.425em; } .price-boxes-plan-price-part small + i { margin-top: 1.0666666667em; } .price-boxes-plan-price-part small + i:after { /* Fix empty elements */ content: " "; margin-left: -0.26em; } .price-boxes-plan-price-part i { display: block; margin-bottom: 0.4em; font-size: 0.1875em; font-style: normal; } /* ============================== * Absatz mit Icon * =============================== */ .icon-text-block { position: relative; padding-left: 1.875em; } .icon-text-block:before { position: absolute; top: 0.2142857143em; left: 0; } /* ============================== * contao additions * =============================== */ .invisible { display: none; } .back a:before, .previous a:before, .next a:after { font: 0.75em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.1666666667em; margin-right: 0.5em; vertical-align: middle; } .next a:after { content: ""; margin-right: 0; margin-left: 0.5em; } .pagination > p { text-align: center; } .pagination ul { list-style-type: none !important; text-align: center; } .pagination li { display: inline-block; } .pagination li a, .pagination li span { padding: 4px 12px; background-color: white; } .pagination li a.previous, .pagination li a.next, .pagination li a.last, .pagination li a.first, .pagination li span.previous, .pagination li span.next, .pagination li span.last, .pagination li span.first { text-indent: 35px; display: inline-block; white-space: nowrap; overflow: hidden; width: 35px; vertical-align: middle; } .pagination li a.previous:before, .pagination li a.next:before, .pagination li a.last:before, .pagination li a.first:before, .pagination li span.previous:before, .pagination li span.next:before, .pagination li span.last:before, .pagination li span.first:before { font: 0.75em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; text-indent: -59px; top: -4px; } .pagination li a.first:before, .pagination li span.first:before { content: ""; } .pagination li a.next:before, .pagination li span.next:before { content: ""; } .pagination li a.last:before, .pagination li span.last:before { content: ""; } .pagination li a.next:after, .pagination li span.next:after { content: ""; } .pagination li a.current, .pagination li span.current { border-bottom: 1px solid #e5e6e6; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); } .clearfix { zoom: 1; } .clearfix:before { content: ""; display: table; } .clearfix:after { content: ""; display: table; clear: both; } /* =========================================== * Images * ======================================== */ img.lazy { opacity: 0; transition: opacity 0.5s; } img.lazy.loaded { opacity: 1; } .image_container { position: relative; display: block; border-radius: 0.5rem; max-width: 100%; line-height: 0; overflow: hidden; } .image_container.no-border, .no-border .image_container { padding: 0; border: 0; box-shadow: none; background: none; } .image_container.float_above { margin-top: 1.5em; } .image_container.float_below { margin-bottom: 1.5em; } .image_container.-image-scaled .intrinsic-ratio-wrapper, .-image-scaled .image_container .intrinsic-ratio-wrapper { width: 100%; } .image_container.-image-scaled .intrinsic-ratio, .-image-scaled .image_container .intrinsic-ratio { width: 100% !important; } .image_container img { display: block; height: auto; max-width: 100%; vertical-align: middle; border: 0; } .image_container a { position: relative; display: block; overflow: hidden; /* Fixes IE bug */ text-decoration: none; } .image_container a:hover picture:before, .image_container a:focus picture:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); } .image_container a:hover picture:after, .image_container a:focus picture:after { font: 1.5em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -0.5em; color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } .image_container a:hover img, .image_container a:focus img { transform: scale(1.05); } .image_container figcaption, .image_container .caption { /* overwrite elements style attribute */ width: 100% !important; padding: 0.4285714286em 0 0; font-size: 0.875em; color: #777; line-height: 1.4; } .image_container.float_right, .image_container.float_left { float: right; max-width: 50% !important; margin: 1.5em 0 1em 4%; } @media screen and (max-width: 599px) { .image_container.float_right, .image_container.float_left { margin-left: 0; float: none !important; max-width: none !important; width: auto !important; } } .no-resize .image_container.float_right, .image_container.float_right.no-resize, .no-resize .image_container.float_left, .image_container.float_left.no-resize { width: auto !important; } .image_container.float_left { float: left; margin: 0.5em 3.8461538462% 1em 0; } @media screen and (max-width: 599px) { .image_container.float_left { margin-right: 0; } } /* =========================================== * Accordion * ======================================== */ .ce_accordion { color: #777; } .ce_accordion[data-icon], .ce_accordion[class^="icon-"], .ce_accordion[class*=" icon-"] { position: relative; } .ce_accordion[data-icon]:before, .ce_accordion[class^="icon-"]:before, .ce_accordion[class*=" icon-"]:before { position: absolute; top: 0.75em; left: 1em; z-index: 1; font-size: 1.25em; } .ce_accordion[data-icon] .toggler, .ce_accordion[class^="icon-"] .toggler, .ce_accordion[class*=" icon-"] .toggler { padding-left: 3.125em; } .ce_accordion .toggler { position: relative; /* collapse borders */ margin-bottom: -2px; padding: 0.6875em 1.875em 0.8125em 0.9375em; border: 1px solid #b4b4b4; border-radius: 0.5rem; outline: none; font-weight: bold; cursor: pointer; background: white; } .ce_accordion .toggler:after { font: 0.8125em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 1.3846153846em; right: 1.5384615385em; } .ce_accordion .toggler:hover { color: white; text-decoration: none; } .ce_accordion .toggler.ui-accordion-header-active:after { content: ""; } .ce_accordion + .ce_accordion .toggler { border-radius: 0 0 0.5rem 0.5rem; } .ce_accordion .accordion { position: relative; /* collapse borders */ margin-bottom: -2px; padding: 0.0625em 0.9375em; border: 1px solid #b4b4b4; border-top-color: #c7c7c7; border-radius: 0 0 0.5rem 0.5rem; background: #f2f2f2; } /* =========================================== * list-icon lists * ======================================== */ .list-icon { position: relative; } .list-icon ul { padding: 0; } .list-icon li { list-style-type: none; margin-bottom: 0.375em; margin-left: 1.875em; } .list-icon li:before { position: absolute; left: 0 !important; margin-top: 3px; } /* =========================================== * Forms * ======================================== */ form h1, form h2, form h3, form h4, form h5, form h6 { clear: both; } form .form-row { position: relative; clear: both; } form p b.error, form p.error { margin: 0; display: block; color: #df3763; } input, textarea, .select-wrapper { padding: 0.8571428571em 1.3571428571em; line-height: normal; border: 1px solid #b4b4b4; border-bottom-color: #a7a7a7; border-radius: 0.5rem; font-size: 0.875em; color: inherit; background: white; } input select, textarea select, .select-wrapper select { padding: 0.8571428571em 1.3571428571em; background: none; border-width: 0; } input select:hover, textarea select:hover, .select-wrapper select:hover { box-shadow: none; } .-color-inverted input select, .-color-inverted textarea select, .-color-inverted .select-wrapper select { background: transparent; } .valid input, .valid textarea, .valid .select-wrapper { border-color: #4EAC36; } .invalid input, input.error, .invalid textarea, textarea.error, .invalid .select-wrapper, .select-wrapper.error { border-color: #df3763; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .select-wrapper::-webkit-input-placeholder { /* multiple rules, because user agents are required to ignore a rule with an unknown selector */ color: #999999; } input:-moz-placeholder, textarea:-moz-placeholder, .select-wrapper:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder, .select-wrapper:-ms-input-placeholder { color: #999999; } input::placeholder, textarea::placeholder, .select-wrapper::placeholder { color: #999999; } input:hover, textarea:hover, .select-wrapper:hover { border-color: #a7a7a7 #a7a7a7 #9d9d9d; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } input:focus, textarea:focus, .select-wrapper:focus { border-color: #777; } .-color-inverted input, .-color-inverted textarea, .-color-inverted .select-wrapper { background: #444; color: white; } .select-wrapper { padding: 0; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"] { outline: none; } input[type="checkbox"], input[type="radio"], input[type="image"] { width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; box-shadow: none; } input[type="checkbox"] { vertical-align: middle; appearance: checkbox; } input[type="radio"] { vertical-align: middle; appearance: radio; background: none; } input[type="file"] { height: auto; padding: 0; border: 0; /* IE8 and IE9 */ border: 1px solid #b4b4b4 ; background: none; box-shadow: none; } button, input[type="submit"] { margin-top: 1.125em; } textarea { height: 200px; resize: vertical; line-height: 1.5; outline: none; } fieldset { margin: 1.125em 0; border: 1px solid #b4b4b4; } fieldset legend { padding: 0 0.3125em; } fieldset + br { /* Kill
that Contao injects */ display: none; } form .form-row { margin-top: 1em; margin-bottom: 1em; } form label { display: block; margin-bottom: 0.3571428571em; font-size: 0.875em; color: #777; } .-color-inverted form label { color: white; } form label .mandatory { margin-left: 0.1428571429em; color: #777; } form input[type="checkbox"] + label { display: inline; } form fieldset p { margin: 0; } form fieldset label { display: inline; margin: 0; } form fieldset label:after { /* add line break after label */ content: "\a"; white-space: pre; } form input, form textarea, form select, form fieldset { width: 100%; } form .rs-column input, form .rs-column textarea, form .rs-column select, form .rs-column fieldset { width: 100%; } form button, form input[type="submit"] { width: auto; } @media screen and (max-width: 599px) { form button, form input[type="submit"] { width: 100%; } } #right input, #right textarea, #right select, #left input, #left textarea, #left select, footer input, footer textarea, footer select { padding: 0.8571428571em 1.2857142857em; font-size: 0.75em; } #right select, #left select, footer select { padding: 0.5em 0.75em; } #right .form-row, #left .form-row, footer .form-row { margin-top: 0.3125em; margin-bottom: 0.3125em; } footer label { color: white; } .explanation p, .captcha_text p { margin: 0; } .explanation { font-size: 0.875em; margin: -0.8571428571em 0 1.7142857143em; color: #777; } .-color-inverted .explanation { color: white; } .captcha_text { display: block; } label .captcha_text { display: inline; } .widget-calendar img { position: absolute; bottom: 7px; right: 5px; } /* ============================== * Magnific Popup additions * =============================== */ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 95%; max-width: 1000px; padding: 20px; background-color: #fff; } .mfp-inline-holder .mfp-content .mod_article, .mfp-ajax-holder .mfp-content .mod_article { width: auto; } /* ============================== * Downloads * =============================== */ .ce_downloads ul { zoom: 1; padding-left: 0; list-style-type: none; } .ce_downloads ul:before { content: ""; display: table; } .ce_downloads ul:after { content: ""; display: table; clear: both; } .ce_downloads li, .ce_download .element { zoom: 1; padding: 1.25em; background: white; background: linear-gradient(white, #f7f7f7); border: 1px solid #b4b4b4; border-radius: 0.5rem; } .ce_downloads li:before, .ce_download .element:before { content: ""; display: table; } .ce_downloads li:after, .ce_download .element:after { content: ""; display: table; clear: both; } .ce_downloads li:hover, .ce_download .element:hover { background: #515151; background: linear-gradient(white, #ebebeb); } .ce_downloads li .mime_icon, .ce_download .element .mime_icon { float: left; margin: 0 0.3125em; width: 1.625em; } .ce_downloads li > span, .ce_download .element > span { display: block; overflow: auto; margin: 0.375em 0.25em; } .ce_downloads li a, .ce_download .element a { float: right; } .ce_downloads li .size, .ce_download .element .size { font-size: 80%; } /* ============================== * Sitemap * =============================== */ .mod_sitemap ul { padding-left: 0; list-style-type: none; } .mod_sitemap ul li:before { content: none; } .mod_sitemap ul li li { padding: 0.1875em 0 0.1875em 1.75em; } .mod_sitemap ul li.submenu ul { margin: 0 0 2px 6px; } .mod_sitemap li.submenu:before { font: 100%/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.625em; color: white; } .mod_sitemap a:before { margin-right: 0.5em; } /* ============================== * Breadcrumbs * =============================== */ .centered-wrapper.breadcrumbs { margin-bottom: 1.25em; } #main .centered-wrapper.breadcrumbs { margin-bottom: 0; } .centered-wrapper.breadcrumbs .centered-wrapper-inner { zoom: 1; } .centered-wrapper.breadcrumbs .centered-wrapper-inner:before { content: ""; display: table; } .centered-wrapper.breadcrumbs .centered-wrapper-inner:after { content: ""; display: table; clear: both; } .centered-wrapper.breadcrumbs .centered-wrapper-inner > * { margin-top: 0.125em; margin-bottom: 0.125em; } .title-bar.centered-wrapper.breadcrumbs { margin-top: 0; background-color: white; border-top: 1px solid #e5e6e6; border-bottom: 1px solid #e5e6e6; box-shadow: 0 0 3px 0 black; } .boxed-layout .title-bar.centered-wrapper.breadcrumbs { background: transparent; border: none; box-shadow: none; } .boxed-layout .title-bar.centered-wrapper.breadcrumbs .centered-wrapper-inner { background-color: white; border-top: 1px solid #e5e6e6; border-bottom: 1px solid #e5e6e6; box-shadow: 0 0 3px 0 black; } .centered-wrapper.breadcrumbs .mod_breadcrumb { font-size: 0.8125em; padding-top: 0.375em; float: left; } .title-bar.centered-wrapper.breadcrumbs .mod_breadcrumb { float: right; } .no-title.centered-wrapper.breadcrumbs .mod_breadcrumb { padding: 0.375em 0.625em; border: 1px solid #e5e6e6; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); } .centered-wrapper.breadcrumbs .mod_breadcrumb ul, .centered-wrapper.breadcrumbs .mod_breadcrumb li { display: inline; margin: 0; padding: 0; } .centered-wrapper.breadcrumbs .mod_breadcrumb li:before { content: "  >  "; } .centered-wrapper.breadcrumbs .mod_breadcrumb li:first-child:before { content: none; } .centered-wrapper.breadcrumbs .mod_breadcrumb a { color: inherit; text-decoration: underline; } .centered-wrapper.breadcrumbs .mod_breadcrumb a:hover { text-decoration: none; } .centered-wrapper.breadcrumbs .title { float: left; font-size: 20px; line-heigth: 1; } /* ============================== * Media-Elements * =============================== */ .ce_youtube-wrapper { position: relative; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .ce_youtube-wrapper iframe, .ce_youtube-wrapper object, .ce_youtube-wrapper embed, .ce_youtube-wrapper .ce_youtube-wrapper-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_youtube-wrapper-poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_youtube-wrapper-poster:after { font: 1.375em/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; margin: -1.2em -1.675em; padding: 0.7em 1.2em 0.7em 1.4em; border-radius: 0.5em; color: white; background: black; background: rgba(0, 0, 0, 0.5); transition: background-color 0.3s linear; } .ce_youtube-wrapper-poster:hover:after { opacity: 1; background: #cc181e; } .ce_youtube-wrapper-poster .caption { position: absolute; bottom: 0; line-height: 1.2; padding: 5px; color: #fff; background: rgba(0, 0, 0, 0.5); opacity: 0.5; transition: opacity 0.3s linear; font-size: 80%; } .ce_youtube-wrapper-poster:hover .caption { opacity: 1; } .mejs-video, .mejs-audio { background: transparent; } .mejs-video button, .mejs-audio button { appearance: button; border-radius: 0; box-shadow: none; } .ce_player video { max-width: 100%; } /* ============================== * To Top Button * =============================== */ #toTop { display: none; text-decoration: none; position: fixed; bottom: 20px; right: 20px; outline: none; z-index: 100; } #toTop.-left { left: 20px; right: auto; } #toTop.-center { left: 50%; right: auto; transform: translatex(-50%); } #toTop.-icon-only:before { margin-right: 0; } /* ============================== * tandao-tabs * =============================== */ .tab-navigation { border: 1px solid transparent; border-bottom-color: #b4b4b4; text-align: center; } .tab-navigation ul, .tab-navigation .no-columns li { margin: 0; padding: 0; } .tab-navigation ul { display: table; table-layout: fixed; width: 100%; } @media screen and (max-width: 599px) { .tab-navigation ul { display: inline; } } .tab-navigation li { display: table-cell; list-style-type: none; vertical-align: bottom; } @media screen and (max-width: 599px) { .tab-navigation li { display: block; } } .tab-navigation li:first-child a { margin-left: -1px; } .tab-navigation a { position: relative; display: block; margin: -1px -1px 0 0; padding: 0.5625em 1.75em; text-transform: uppercase; outline: none; border: 1px solid #b4b4b4; border-bottom-width: 0; background-color: white; /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 0.9rem; } @media screen and (max-width: 1268px) { .tab-navigation a { padding: 0.4375em 0.75em; } } @media screen and (max-width: 900px) { .tab-navigation a { padding: 0.3125em 0.25em; } } @media screen and (max-width: 599px) { .tab-navigation a { margin: 0 -1px; } } .tab-navigation a:hover, .tab-navigation a:focus { text-decoration: none; } .tab-navigation a.is-active { z-index: 1; box-shadow: 0 10px 0 -1px white, 0 -3px white, -3px 0 3px -1px rgba(0, 0, 0, 0.1), 3px 0 3px -1px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 599px) { .tab-navigation a.is-active { border-color: white; color: white; background: white; box-shadow: 0 1px white; } } .tab-navigation.-image-tabs { border: 0; } .tab-navigation.-image-tabs ul, .tab-navigation.-image-tabs li { display: inline; } .tab-navigation.-image-tabs a { display: inline-block; margin: 0; padding: 0.5625em 1.75em; border: 0; font-size: 1em; color: inherit; background: none; } .tab-navigation.-image-tabs a:hover, .tab-navigation.-image-tabs a:focus { color: white; } .tab-navigation.-image-tabs a.is-active { color: white; box-shadow: none; } .tab-navigation.-image-tabs a.is-active:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -0.4375em; border: 0.4375em solid transparent; border-top-color: white; border-bottom: 0; } .tab-navigation.-image-tabs a:before { display: block; margin: 0 auto 0.25em; font-size: 3em; color: #777; } .tab-navigation.-image-tabs a img { display: block; margin: 0 auto 0.75em; } .-columns-1 .tab-navigation-item { width: 100%; } .-columns-2 .tab-navigation-item { width: 50%; } .-columns-3 .tab-navigation-item { width: 33.3333333333%; } .-columns-4 .tab-navigation-item { width: 25%; } .-columns-5 .tab-navigation-item { width: 20%; } .-columns-6 .tab-navigation-item { width: 16.6666666667%; } @media screen and (max-width: 599px) { .tab-navigation-item.tab-navigation-item { width: auto; } } .tab-start.-has-border { margin-top: -1px; border: 1px solid #b4b4b4; padding-right: 2.5em; padding-left: 2.5em; } .tab-start.hidden { display: none !important; } /* ============================== * oveleon/contao-cookiebar * =============================== */ .mod_cookiebarOpener.inline { display: inline; } /* ============================== * things.. * =============================== */ .pdf_link { zoom: 1; margin-top: 0; margin-bottom: -2.1875em; } .pdf_link:before { content: ""; display: table; } .pdf_link:after { content: ""; display: table; clear: both; } .pdf_link a { margin-left: 0.125em; float: right; } .mfp-content .pdf_link { margin-top: -1em; margin-right: 2em; } .mime_icon { margin-bottom: -0.25em; } .ce_toplink, .toplink { overflow: hidden; margin: 1.5em 0; } .ce_toplink:after, .toplink:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 0; overflow: visible; margin: 0 -100% 0 0.625em; border-top: 1px solid #b4b4b4; } .ce_toplink > a:before, .toplink > a:before { font: 100%/1 "raven49-icons"; content: ""; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.3125em; } .-no-border { border: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } @media screen and (max-width: 599px) { .mobile-off { display: none; } } /* =========================================== * Custom AOS Tagline KenBurns * ======================================== */ [data-aos="kenburns"] { transition-property: transform; transition-duration: 5s !important; transform: scale(1.1); } [data-aos="kenburns"].aos-animate { transform: scale(1); } .tagline-image { overflow: hidden; } /*! * Copyright 2023 thebrandoffice.de */ /* =========================================== * Anpassungen Navigation * ======================================== /* Nav-Background top-line only*/ .main-nav > ul { align-items: center; } .main-nav.left { margin-inline: 1vw auto; } .main-nav.right { margin-inline: auto 1vw; } .main-nav > ul > li > a, .main-nav > ul > li span, .main-nav > ul > li strong { text-shadow: none; top: initial; bottom: 0; } .main-nav > ul > li > a:after, .main-nav > ul > li span:after, .main-nav > ul > li strong:after { top: initial; bottom: 0; border-bottom-color: #4EAC36; } .main-nav > ul > li > a.active, .main-nav > ul > li > a.trail, .main-nav > ul > li > a.forward, .main-nav > ul > li > a:hover, .main-nav > ul > li > a:focus, .main-nav > ul > li span.active, .main-nav > ul > li span.trail, .main-nav > ul > li span.forward, .main-nav > ul > li span:hover, .main-nav > ul > li span:focus, .main-nav > ul > li strong.active, .main-nav > ul > li strong.trail, .main-nav > ul > li strong.forward, .main-nav > ul > li strong:hover, .main-nav > ul > li strong:focus { background-color: transparent; } .main-nav > ul > li > a.active:after, .main-nav > ul > li > a.trail:after, .main-nav > ul > li > a.forward:after, .main-nav > ul > li > a:hover:after, .main-nav > ul > li > a:focus:after, .main-nav > ul > li span.active:after, .main-nav > ul > li span.trail:after, .main-nav > ul > li span.forward:after, .main-nav > ul > li span:hover:after, .main-nav > ul > li span:focus:after, .main-nav > ul > li strong.active:after, .main-nav > ul > li strong.trail:after, .main-nav > ul > li strong.forward:after, .main-nav > ul > li strong:hover:after, .main-nav > ul > li strong:focus:after { border: 0; right: 0; left: 0; } .main-nav > ul > li > a.active:hover:after, .main-nav > ul > li > a.active:focus:after, .main-nav > ul > li > a.trail:hover:after, .main-nav > ul > li > a.trail:focus:after, .main-nav > ul > li > a.forward:hover:after, .main-nav > ul > li > a.forward:focus:after, .main-nav > ul > li > a:hover:hover:after, .main-nav > ul > li > a:hover:focus:after, .main-nav > ul > li > a:focus:hover:after, .main-nav > ul > li > a:focus:focus:after, .main-nav > ul > li span.active:hover:after, .main-nav > ul > li span.active:focus:after, .main-nav > ul > li span.trail:hover:after, .main-nav > ul > li span.trail:focus:after, .main-nav > ul > li span.forward:hover:after, .main-nav > ul > li span.forward:focus:after, .main-nav > ul > li span:hover:hover:after, .main-nav > ul > li span:hover:focus:after, .main-nav > ul > li span:focus:hover:after, .main-nav > ul > li span:focus:focus:after, .main-nav > ul > li strong.active:hover:after, .main-nav > ul > li strong.active:focus:after, .main-nav > ul > li strong.trail:hover:after, .main-nav > ul > li strong.trail:focus:after, .main-nav > ul > li strong.forward:hover:after, .main-nav > ul > li strong.forward:focus:after, .main-nav > ul > li strong:hover:hover:after, .main-nav > ul > li strong:hover:focus:after, .main-nav > ul > li strong:focus:hover:after, .main-nav > ul > li strong:focus:focus:after { border-bottom: 2px solid #4EAC36; } #header { position: absolute; top: 0; left: 0; right: 0; } .header-bar { background: black; background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0.8) 100%); border: none; } .header-bar .header-bar-inner { position: relative; color: #999999; display: flex !important; } @media screen and (max-width: 900px) { .header-bar { display: block; } } .logo.-left { margin-right: 1rem; margin-left: 0; } .logo.-right { margin-left: 1rem; margin-right: auto; } .navigation-bar { background: rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%); border: none; box-shadow: none; } .navigation-bar-wrapper { pointer-events: none; } .navigation-bar .navigation-bar-inner { flex-direction: row; align-items: center; justify-content: center; max-width: none; } .navigation-bar .main-nav, .navigation-bar .mod_changelanguage, .navigation-bar .logo, .navigation-bar .main-nav-mobile-open { pointer-events: all; } .navigation-bar .logo { margin-inline: auto; } /* Hamburger Menu */ .main-nav-mobile-open { position: absolute; left: 1rem; } .main-nav-mobile-open:before { text-shadow: none; font-size: 1.8rem; } .main-nav-mobile-close:before { color: white; } .no-tagline #wrapper { padding-top: 11rem; } .-gradient-tagline { background: linear-gradient(35deg, #4DAC36 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 80%, #4DAC36 100%); } /* =========================================== * Language-Nav * ======================================== */ .mod_changelanguage { position: absolute; right: 1rem; padding-top: 0.25rem; top: 0; } .mod_changelanguage span, .mod_changelanguage a { background: #4EAC36; text-transform: uppercase; font-size: 0.8rem; position: relative; text-decoration: none; padding: 2rem 1rem 0.5rem; color: white; cursor: pointer; border-radius: 0 0 0.25rem 0.25rem; transition: all 0.128s ease-in-out; } .mod_changelanguage span:hover, .mod_changelanguage a:hover { transition: all 0.128s ease-in-out; background: #3c852a; position: relative; top: 5px; } .mod_changelanguage span:last-child:after, .mod_changelanguage a:last-child:after { content: none; } /* =========================================== * Fonts * ======================================== $font: name-der-schriftart; @font-face { font-family: "#{$font}"; src: url("../../files/raven49/fonts/#{$font}.eot"); src: url("../../files/raven49/fonts/#{$font}?#iefix") format('eot'), url("../../files/raven49/fonts/#{$font}.woff") format('woff'), url("../../files/raven49/fonts/#{$font}.ttf") format('truetype'), url("../../files/raven49/fonts/#{$font}.svg") format('svg'); font-weight: normal; font-style: normal; }*/ /* =========================================== * Trennlinie * ======================================== */ .headline-hr { display: flex; } .headline-hr:after { margin: 0 auto; width: 20rem; max-width: 50%; } /* =========================================== * Sponsoren-Laufband * ======================================== .ce_rsce_raven49_modulswitch .ce_gallery li { filter: grayscale(100%); -webkit-filter: grayscale(100%); transition: all 0.5s; &:hover { filter: grayscale(0%); -webkit-filter: grayscale(0); } }*/ .ce_gallery.-flex-center .image_container { text-align: center; } .ce_gallery.-flex-center .image_container img { display: inline-block; } .ce_gallery .image_container img { border-radius: 0.5rem; } /* =========================================== * Tagline * ======================================== */ #Tagline { position: relative; /* padding-bottom: calc(1.5rem + 1vw); */ border-bottom: 1rem solid white; /* &:after { content:""; position: absolute; bottom:0; left:0; right:0; background: url("../../files/raven49/img/01_header_boxes_header_end.svg") no-repeat center; background-size: 100% 100%; height: calc(3rem + 2vw); } */ } #Tagline .centered-wrapper-inner { text-align: center; color: white; } #Tagline .centered-wrapper-inner .slogan .-standard { margin: 0; font-size: calc(20px + 5vw); font-weight: bold; line-height: 90%; text-transform: uppercase; } #Tagline .centered-wrapper-inner .slogan .-small { margin: 1rem 0 0; font-size: calc(18px + 2vw); } #Tagline .tagline-image .slogan.-mitte .inside { margin-top: 4vw; } /* ============================== * teaser-box elements * =============================== */ .teaser-boxes.-right-opacity-out { mask-image: linear-gradient(90deg, black 80%, rgba(0, 0, 0, 0)); } @media screen and (max-width: 599px) { .teaser-boxes.-right-opacity-out { mask-image: linear-gradient(90deg, black 50%, rgba(0, 0, 0, 0) 70%); min-width: 150%; } } .teaser-boxes-item { display: flex; flex-direction: column; } .teaser-boxes-item .image-wrapper img { border-radius: 0.5rem; } .teaser-boxes-item > a { align-self: start; } .teaser-boxes-item > a.-right { align-self: end; display: inline-flex; flex-direction: row-reverse; align-items: center; transition: transform 0.5s; } .teaser-boxes-item > a.-right:before { margin-left: 0.5rem; margin-right: 0; font-size: 0.8rem !important; } .teaser-boxes-item > a.-center { align-self: center; } .-review-boxes .teaser-boxes-item { background: black; margin-bottom: 1vw; } .-review-boxes .teaser-boxes-item > .teaser-boxes-item-text, .-review-boxes .teaser-boxes-item > h3, .-review-boxes .teaser-boxes-item > h4, .-review-boxes .teaser-boxes-item a:not(.image-wrapper) { padding-inline: 1rem; } .-review-boxes .teaser-boxes-item > h3 { margin-top: -3rem; z-index: 1; font-size: 2.3rem; } .-review-boxes .teaser-boxes-item .image-wrapper { border-bottom: 3px solid #4DAC36; } .-review-boxes .teaser-boxes-item:before { display: block; content: ""; position: absolute; left: 0; right: -1px; top: 0; background: url("../../files/raven49/img/teaser_boxes_review_start.svg") no-repeat center; background-size: 100% 100%; height: 1vw; z-index: 1; } .-review-boxes .teaser-boxes-item:after { display: block; content: ""; position: absolute; left: -1px; right: 0; bottom: -1vw; background: url("../../files/raven49/img/teaser_boxes_review_end.svg") no-repeat center; background-size: 100% 100%; height: 1vw; z-index: 1; } .-review-boxes-new .teaser-boxes-item { border-radius: 0.5rem; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto auto; position: relative; overflow: hidden; } .-review-boxes-new .teaser-boxes-item .image-wrapper { grid-row: 1 / -1; grid-column: 1; z-index: 1; margin: 0; aspect-ratio: 0.7142857143; } .-review-boxes-new .teaser-boxes-item .image-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; } .-review-boxes-new .teaser-boxes-item .image-wrapper:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: black; opacity: 0.6; transition: opacity 0.5s; } .-review-boxes-new .teaser-boxes-item .image-wrapper:hover:after { opacity: 0.3; } .-review-boxes-new .teaser-boxes-item h3 { grid-row: 1; grid-column: 1; align-self: end; z-index: 2; margin: 0; padding-inline: 1rem; padding-block: 0; } .-review-boxes-new .teaser-boxes-item .teaser-boxes-item-text { grid-row: 2; grid-column: 1; z-index: 2; padding-inline: 1rem; } .-review-boxes-new .teaser-boxes-item .teaser-boxes-item-text:empty { display: none; } .-review-boxes-new .teaser-boxes-item .button { grid-row: 3; grid-column: 1; z-index: 2; justify-self: start; margin: 0 1rem 1rem; } .teaser-boxes-item.-padding-block { padding-block: 4rem; } .teaser-boxes-item.-padding-inline { padding-inline: 6rem; } @media screen and (max-width: 599px) { .teaser-boxes-item.-padding-inline { padding-inline: 3rem; } } @media screen and (max-width: 599px) { .teaser-boxes-item.noText.image-bg { min-height: 80vw; } } /* =========================================== * Buttons * ======================================== */ *[data-icon]:before { vertical-align: middle; } .teaser-boxes-item.-color-inverted a.-secondary, .centered-wrapper.-color-inverted a.-secondary, .button { padding: 0.6rem 1.3rem; text-transform: initial; font-size: inherit; border: none; border-radius: 3em; background: #4EAC36 linear-gradient(90deg, #459835, #006F2D); transition: all 0.5s ease-in-out; font-weight: normal; } .teaser-boxes-item.-color-inverted a.-secondary:hover, .teaser-boxes-item.-color-inverted a.-secondary:focus, .centered-wrapper.-color-inverted a.-secondary:hover, .centered-wrapper.-color-inverted a.-secondary:focus, .button:hover, .button:focus { box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); border-color: transparent; background: white; color: #4EAC36 !important; } .teaser-boxes-item.-color-inverted a.-secondary.-secondary, .centered-wrapper.-color-inverted a.-secondary.-secondary, .button.-secondary { padding: 0.6rem 1.3rem; color: #4EAC36; text-transform: initial; font-size: inherit; border: 2px solid #4EAC36; border-radius: 3em; background: white; } .teaser-boxes-item.-color-inverted a.-secondary.-secondary:hover, .teaser-boxes-item.-color-inverted a.-secondary.-secondary:focus, .centered-wrapper.-color-inverted a.-secondary.-secondary:hover, .centered-wrapper.-color-inverted a.-secondary.-secondary:focus, .button.-secondary:hover, .button.-secondary:focus { border-color: #4EAC36; background: #4EAC36; color: white !important; } #main a:not(.button), .mfp-container a:not(.button) { color: #4EAC36; } /* =========================================== * Footer * ======================================== */ #footer { /* &:before { content:""; position: absolute; top:-4vw; left:0; right:0; background: url("../../files/raven49/img/09_footer_start.svg") no-repeat center; background-size: 100% 100%; height: 4vw; z-index: 1; display: block; } */ background: #4EAC36; } #footer .ce_rs_column_start > * { margin: 0; } #footer ul { padding-left: 0; } @media screen and (max-width: 900px) { #footer .mod_customnav { display: none; } } #footer .mod_customnav.selected-nav ul { list-style: none; display: flex; gap: 1rem; } #footer .mod_customnav.selected-nav ul li a { font-weight: bold; } #footer .footer-nav { float: none; font-size: inherit; } #footer .footer-nav { display: flex; } #footer .footer-nav li:before { content: ""; display: inline; } footer .mod_article > *, footer .as-if-in-article { background: transparent; } /* =========================================== * toTop Link * ======================================== */ #toTop { background: rgba(255, 255, 255, 0.5); color: #4EAC36; border: 2px solid #4EAC36; font-size: 1.25rem; padding: 0.6rem 1.3rem; border-radius: 3em; } #toTop:hover, #toTop:focus-visible { background: #4EAC36; color: white !important; border: 2px solid white; } /* ============================== * Magnific Popup additions * =============================== */ .mfp-inline-holder .mfp-content, .mfp-iframe-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 95%; max-width: 1600px; padding: 20px; background-color: #fff; max-height: 100vh; max-height: 100dvh; } .mfp-inline-holder .mfp-content .mod_article, .mfp-iframe-holder .mfp-content .mod_article, .mfp-ajax-holder .mfp-content .mod_article { width: auto; } /* =========================================== * Umschlag Bereich Special-Styles * ======================================== */ .centered-wrapper.-teams-box { padding-block: 1px; background: #181818; } .centered-wrapper.-teams-box:after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: calc(-2.3rem - 1.5vw); background: url("../../files/raven49/img/02_teams_boxes_black_end1.svg") no-repeat center; background-size: 100% 100%; height: calc(2.5rem + 1.5vw); } .centered-wrapper.-why-box:before { display: block; content: ""; position: absolute; left: 0; right: 0; top: calc(-1rem - 0.7vw); background: url("../../files/raven49/img/03_warum_boxes3_start.svg") no-repeat center; background-size: 100% 100%; height: calc(3rem + 2vw); z-index: 1; } .centered-wrapper.-why-box:after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: calc(-1rem - 0.7vw); background: url("../../files/raven49/img/04_warum_boxes3_end.svg") no-repeat center; background-size: 100% 100%; height: calc(3rem + 2vw); } .centered-wrapper.-why-box .centered-wrapper-background:after { content: ""; position: absolute; background: rgba(0, 0, 0, 0.5); left: 45%; right: 0; top: 0; bottom: 0; } @media screen and (max-width: 599px) { .centered-wrapper.-why-box .centered-wrapper-background:after { content: none; } } .centered-wrapper.-why-box .centered-wrapper-inner { padding-block: 3rem; padding-left: calc(175px + 30vw); } @media screen and (max-width: 1268px) { .centered-wrapper.-why-box .centered-wrapper-inner { padding-left: 50vw; } } @media screen and (max-width: 599px) { .centered-wrapper.-why-box .centered-wrapper-inner { display: none !important; } } .centered-wrapper.-review-box { background: #4DAC36; margin-top: 20rem; padding-block: 1px; } .centered-wrapper.-review-box .centered-wrapper-inner { margin-top: -16rem; } .centered-wrapper.-review-box:before { display: block; content: ""; position: absolute; left: 0; right: 0; top: calc(-1.5rem - 1vw); background: url("../../files/raven49/img/05_rueckblicke_boxes4_start.svg") no-repeat center; background-size: 100% 100%; height: calc(3rem + 2vw); z-index: 0; } .centered-wrapper.-review-box:after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: calc(-1.5rem - 1vw); background: url("../../files/raven49/img/06_rueckblicke_boxes4_end.svg") no-repeat center; background-size: 100% 100%; height: calc(3rem + 2vw); z-index: 0; } .centered-wrapper.-more-box { background: #4DAC36; } .centered-wrapper.-more-box:before { display: block; content: ""; position: absolute; left: 0; right: 0; top: -3.2vw; background: url("../../files/raven49/img/07_erfahren_boxes_start.svg") no-repeat center; background-size: 100% 100%; height: 8vw; z-index: 1; } .centered-wrapper.-more-box:after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: calc(-1.5rem - 0.7vw); background: url("../../files/raven49/img/08_erfahren_boxes_end.svg") no-repeat center; background-size: 100% 100%; height: calc(3rem + 2vw); z-index: 1; } .centered-wrapper.-more-box .centered-wrapper-background { right: 55%; bottom: 0; } @media screen and (max-width: 599px) { .centered-wrapper.-more-box .centered-wrapper-background { right: 0; } } .centered-wrapper.-more-box .centered-wrapper-inner { padding-block: 3rem; padding-left: calc(175px + 30vw); } @media screen and (max-width: 1268px) { .centered-wrapper.-more-box .centered-wrapper-inner { padding-left: 50vw; } } @media screen and (max-width: 599px) { .centered-wrapper.-more-box .centered-wrapper-inner { display: none !important; } } .centered-wrapper.-box-gradient-green { background: linear-gradient(90deg, #459835, #006F2D); border-radius: 0.5rem; } .centered-wrapper.-border-bottom:after { display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 1rem; background: linear-gradient(90deg, #459835, #006F2D); } /* =========================================== * Social Media Insta Feed =========================================== */ #main .social_feed_container .social_feed_element .inner { margin: 0 0.25rem 0.25rem 0; border: 0; } #main .social_feed_container .social_feed_element .inner > figure { padding: 0; } #main .social_feed_container .social_feed_element .inner > figure.image_container.float_above { margin-top: 0; } #main .social_feed_container .social_feed_element .inner > a { display: none; } #main .social_feed_container .social_feed_element .inner a:not(.button) { color: black; text-decoration: none; } #main .social_feed_container .social_feed_element .inner .info, #main .social_feed_container .social_feed_element .inner a .title { display: none; } /* =========================================== * KomponentenStyleManager * ======================================== */ .mod_article > *.-no-margin-top, .as-if-in-article.-no-margin-top, .centered-wrapper-inner > *.-no-margin-top, .ce_rs_column_start > *.-no-margin-top, .mod_newsreader > .layout_full > *.-no-margin-top, .mod_faqreader > .layout_full > *.-no-margin-top { margin-top: 0; } .mod_article > *.-no-margin-bottom, .as-if-in-article.-no-margin-bottom, .centered-wrapper-inner > *.-no-margin-bottom, .ce_rs_column_start > *.-no-margin-bottom, .mod_newsreader > .layout_full > *.-no-margin-bottom, .mod_faqreader > .layout_full > *.-no-margin-bottom { margin-bottom: 0; } .mod_article > *.-half-margin-top, .as-if-in-article.-half-margin-top, .centered-wrapper-inner > *.-half-margin-top, .ce_rs_column_start > *.-half-margin-top, .mod_newsreader > .layout_full > *.-half-margin-top, .mod_faqreader > .layout_full > *.-half-margin-top { margin-top: 2.5em; } .mod_article > *.-half-margin-bottom, .as-if-in-article.-half-margin-bottom, .centered-wrapper-inner > *.-half-margin-bottom, .ce_rs_column_start > *.-half-margin-bottom, .mod_newsreader > .layout_full > *.-half-margin-bottom, .mod_faqreader > .layout_full > *.-half-margin-bottom { margin-bottom: 2.5em; } .mod_article > *.-double-margin-top, .as-if-in-article.-double-margin-top, .centered-wrapper-inner > *.-double-margin-top, .ce_rs_column_start > *.-double-margin-top, .mod_newsreader > .layout_full > *.-double-margin-top, .mod_faqreader > .layout_full > *.-double-margin-top { margin-top: 10em; } .mod_article > *.-double-margin-bottom, .as-if-in-article.-double-margin-bottom, .centered-wrapper-inner > *.-double-margin-bottom, .ce_rs_column_start > *.-double-margin-bottom, .mod_newsreader > .layout_full > *.-double-margin-bottom, .mod_faqreader > .layout_full > *.-double-margin-bottom { margin-bottom: 10em; } .form-row.-no-margin-top { margin-top: 0; } .form-row.-no-margin-bottom { margin-bottom: 0; } .form-row.-double-margin-top { margin-top: 2em; } .form-row.-double-margin-bottom { margin-bottom: 2em; } .mod_article > *.-small-wrapper, .centered-wrapper-inner > *.-small-wrapper { padding-left: 10vw; padding-right: 10vw; } @media screen and (max-width: 599px) { .mod_article > *.-small-wrapper, .centered-wrapper-inner > *.-small-wrapper { padding-left: 5vw; padding-right: 5vw; } } .mod_article > *.-very-small-wrapper, .centered-wrapper-inner > *.-very-small-wrapper { padding-left: 25vw; padding-right: 25vw; } @media screen and (max-width: 900px) { .mod_article > *.-very-small-wrapper, .centered-wrapper-inner > *.-very-small-wrapper { padding-left: 18vw; padding-right: 18vw; } } @media screen and (max-width: 599px) { .mod_article > *.-very-small-wrapper, .centered-wrapper-inner > *.-very-small-wrapper { padding-left: 5vw; padding-right: 5vw; } } @media screen and (min-width: 1269px) { .mod_article > *.-wide-wrapper, .centered-wrapper-inner > *.-wide-wrapper { max-width: calc(250px + 80vw); } } .mod_article > *.-no-padding-inline, .mod_article > *.-no-padding-inline > .centered-wrapper-inner { padding-inline: 0 !important; } .mod_article > *:not(.centered-wrapper).-right-wrapper { margin-right: 0; max-width: calc(175px + 80vw); } .mod_article > *:not(.centered-wrapper).-left-wrapper { margin-left: 0; max-width: calc(175px + 80vw); } .-right-wrapper .centered-wrapper-inner { margin-right: 0; max-width: calc(175px + 80vw); } .-left-wrapper .centered-wrapper-inner { margin-left: 0; max-width: calc(175px + 80vw); } .-table-borderless table { border: none; } .-table-borderless table th, .-table-borderless table td { border: none; } .-table-even-odd table { border: none; } .-table-even-odd table th, .-table-even-odd table td { border: none; } .-table-even-odd table tr:nth-child(even) { background-color: #eee; } .-table-even-odd table tr:hover { background-color: #e5e6e6; } .-table-borderless-inner table th, .-table-borderless-inner table td { border: none; } .-linear .swiper-wrapper { transition-timing-function: linear; } @media screen and (max-width: 599px) { .-mobile-hidden { display: none !important; } .-mobile-visible { display: block !important; } } @media screen and (min-width: 600px) { .-mobile-visible { display: none !important; } } .-flex-justify-start .rs-columns { justify-content: start; } .-flex-justify-center .rs-columns { justify-content: center; } .-flex-justify-end .rs-columns { justify-content: end; } /** Compiled with Theme Compiler */ /* =========================================== * TinyMCE-Styles * ======================================== */ /* map with following possible parameters ( "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, "font-size-factor": xx, "font-weight": xx, "color": xx, "text-shadow": xx, "text-decoration": xx, "text-transform": xx, "font-family": xx, "line-height": xx, "color": xx, "background": xx, "background-attachment": xx, "background-size": xx ) */ .-mega { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: calc(30px + 3vw); font-weight: bold; color: #444; line-height: 1; text-transform: uppercase; } .-likeh1 { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 2.2rem; font-weight: bold; color: #444; line-height: 1.2; text-transform: uppercase; } .-likeh2 { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.8rem; font-weight: bold; color: #444; line-height: 1.3; } .-likeh3 { /* map with all possible parameters, special treatment for ( "font-size-factor": xx, (if map contains "font-size-factor" all other "font-sizes" are ignored!) "font-size-normal": xx, "font-size-desktop": xx, "font-size-tablet": xx, "font-size-mobile": xx, )*/ font-size: 1.3rem; font-weight: bold; color: #444; } .-color-inverted .-likeh1, .-color-inverted .-likeh2, .-color-inverted .-likeh3, .-color-inverted .-mega { color: white; } .-gradient { background-image: linear-gradient(90deg, #459835, #006F2D); color: transparent; background-clip: text; background-color: #4EAC36; } .-normal { font-weight: normal !important; } .-movedown { position: relative; bottom: -0.6em; } .-moveup { position: relative; top: -0.5em; } .mod_article h1.-no-margins, .mod_article h2.-no-margins, .mod_article h3.-no-margins { margin-top: 0; margin-bottom: 0; } .mod_article h1 { line-height: 2.5rem; padding-block: 1rem; } .mod_article h2 { line-height: 2rem; padding-block: 0.8rem; } .mod_article h3 { line-height: 1.8rem; padding-block: 0.6rem; } /** Compiled with Theme Compiler */