html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: 'Biotif';
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*
{
box-sizing: border-box;
font-family: 'Biotif';
}
body
{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100vw;
overflow-x: hidden;
}
html
{
margin: 0;
}
input[type="text"],
input[type="email"] {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.wow
{
visibility: hidden;
}
[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[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:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[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)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}
/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
white-space: nowrap;
background: #0b0b0b;
background: rgba(0, 0, 0, 0.9);
outline: none !important;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.lity.lity-opened {
opacity: 1;
}
.lity.lity-closed {
opacity: 0;
}
.lity * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lity-wrap {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
outline: none !important;
}
.lity-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -0.8em;
width: 100%;
text-align: center;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
opacity: 1;
}
.lity-container {
z-index: 9992;
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
white-space: normal;
max-width: 100%;
max-height: 100%;
outline: none !important;
}
.lity-content {
z-index: 9993;
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.lity-content:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
z-index: 9994;
width: 35px;
height: 35px;
position: fixed;
right: 0;
top: 0;
-webkit-appearance: none;
cursor: pointer;
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.lity-close::-moz-focus-inner {
border: 0;
padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.lity-close:active {
top: 1px;
}
/* Image */
.lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
width: 100%;
max-width: 964px;
}
.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.lity-hide {
display: none;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
}
.basic_select_2 + .select2-container
{
height: 100%;
}
.select2-container .selection
{
opacity: 0;
display: block;
height: 100%;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 100%;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline;
list-style: none;
padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
/*background-color: white;*/
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
border-radius: 0px 0px 4px 4px;
}
.select2-dropdown--above .select2-results__options
{
border-radius: 4px 4px 0px 0px;
}
.select2-results__option {
padding-left: 24px;
padding-right: 0;
padding-top: 20px;
padding-bottom: 20px;
user-select: none;
-webkit-user-select: none;
background-color: transparent;
color: rgba(63,83,111,0.6);
font-weight: normal;
font-size: 16px;
letter-spacing: 0;
position: relative;
}
.select2-results__option:after
{
content: '';
display: block;
position: absolute;
bottom: 0;
height: 1px;
left: 12px;
right: 12px;
opacity: .6;
background-color: #C7D4DD;
}
.select2-results__option:last-child:after
{
display: none;
}
.select2-results__option--selectable {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transform: translateY(100%) translateY(45px) !important;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 0px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
/*.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
*/
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
padding-bottom: 5px;
padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 20px;
margin-right: 10px;
margin-top: 5px;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-right: 1px solid #aaa;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #999;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
background-color: #f1f1f1;
color: #333;
outline: none;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-left: 1px solid #aaa;
border-right: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
float: left;
margin-left: 10px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
appearance:none;
-webkit-appearance:none;
outline: none;
box-shadow: none;
border: none;
padding: 0;
height: 56px;
color: #444;
background-color: #fff;
margin-bottom: -10px;
font-size: 16px;
font-weight: 500;
color: #3F526F;
background-color: #fff;
box-shadow: 0 12px 24px -8px rgba(0,48,87,0.16);
border: 1px solid rgb(199,212,221, 0.5);
position: relative;
padding-left: 24px;
z-index: 1;
background-image: url(/img/search_opacity.svg);
background-repeat: no-repeat;
background-position: calc(100% - 24px) center;
background-size: auto 16px;
border-radius: 5px;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--classic .select2-results > .select2-results__options,
.select2-container--default .select2-results > .select2-results__options {
background-color: #fff;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.6);
border-radius: 4px;
position: relative;
max-height: 200px;
overflow-y: scroll;
}
.select2-container--default .select2-dropdown--below .select2-results > .select2-results__options
{
top: 15px;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
padding: 0;
}
.select2-container--default .select2-results__option--disabled {
color: #999;
display: none;
}
.select2-container--default .select2-results__option--selected {
color: #73C92D;
font-weight: bold;
background-size: 16px auto;
background-image: url(/img/icons/dropdown_select.svg);
background-repeat: no-repeat;
background-position: calc(100% - 24px) center;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
color: #73C92D;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
padding-bottom: 5px;
padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #888;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
outline: none;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
/*background-color: white;*/
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results__option--group {
padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
/*!
* jQuery UI CSS Framework 1.9.0
* http://jqueryui.com
*
* Copyright 2012 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Verdana, Arial, sans-serif/*{ffDefault}*/;
font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Verdana, Arial, sans-serif/*{ffDefault}*/;
font-size: 1em;
}
.ui-widget-content {
background: #ffffff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
box-shadow: 0 12px 32px -8px rgba(0,48,87,0.26);
color: #222222/*{fcContent}*/;
}
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header {
color: #222222/*{fcHeader}*/;
}
.ui-widget-header a { color: #222222/*{fcHeader}*/; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #fff/*{borderColorDefault}*/;
color: #222222/*{fcDefault}*/;
font-weight: normal/*{fwDefault}*/;
text-align: center;
border-radius: 4px;
padding-top: 7px;
padding-bottom: 7px;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #555555/*{fcDefault}*/;
text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #999999/*{borderColorHover}*/;
color: #212121/*{fcHover}*/;
font-weight: normal/*{fwDefault}*/;
}
.ui-datepicker-next.ui-state-hover,
.ui-datepicker-prev.ui-state-hover
{
border: none;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #212121/*{fcHover}*/;
text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
background: #73C92D /*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
border: 1px solid #73C92D/*{borderColorActive}*/;
color: #ffffff !important/*{fcActive}*/;
font-weight: bold/*{fwDefault}*/;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #212121/*{fcActive}*/;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
color: #73C92D/*{fcHighlight}*/;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
background: #fef1ec /*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
border: 1px solid #cd0a0a/*{borderColorError}*/;
color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
filter: Alpha(Opacity=70);
font-weight: normal;
opacity: .7;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
background-image: none;
filter: Alpha(Opacity=35);
opacity: .35;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
height: 16px;
width: 16px;
}
.ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
-khtml-border-top-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-topleft: 4px/*{cornerRadius}*/;
-webkit-border-top-left-radius: 4px/*{cornerRadius}*/;
border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
-khtml-border-top-right-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-topright: 4px/*{cornerRadius}*/;
-webkit-border-top-right-radius: 4px/*{cornerRadius}*/;
border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
-khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-bottomleft: 4px/*{cornerRadius}*/;
-webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/;
border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
-khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 4px/*{cornerRadius}*/;
-webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/;
border-bottom-right-radius: 4px/*{cornerRadius}*/;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa /*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
filter: Alpha(Opacity=30)/*{opacityOverlay}*/;
opacity: .3;
}
.ui-widget-shadow {
-khtml-border-radius: 8px/*{cornerRadiusShadow}*/;
-moz-border-radius: 8px/*{cornerRadiusShadow}*/;
-webkit-border-radius: 8px/*{cornerRadiusShadow}*/;
background: #aaaaaa /*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
border-radius: 8px/*{cornerRadiusShadow}*/;
filter: Alpha(Opacity=30)/*{opacityShadow}*/;
margin: -8px /*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
opacity: .3;
padding: 8px/*{thicknessShadow}*/;
}
/*!
* jQuery UI Datepicker 1.9.0
* http://jqueryui.com
*
* Copyright 2012 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker {
display: none;
padding: 20px;
padding-top: 15px;
padding-bottom: 15px;
width: 17em;
}
.ui-datepicker .ui-datepicker-header {
padding: .2em 0;
position: relative;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
height: 1.8em;
position: absolute;
top: 2px;
width: 1.8em;
}
/*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }*/
.ui-datepicker .ui-datepicker-prev {
background-image: url(/img/icons/Arrow-left.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px auto;
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
background-image: url(/img/icons/Arrow-right.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px auto;
}
/*
.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
.ui-datepicker .ui-datepicker-next-hover { right: 1px; }*/
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
left: 50%;
margin-left: -8px;
margin-top: -8px;
position: absolute;
top: 50%;
display: none;
}
.ui-datepicker .ui-datepicker-title {
line-height: 27px;
margin: 0 2.3em;
text-align: center;
font-weight: bold;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table {
border-collapse: collapse;
font-size: .9em;
margin: 0 0 .4em;
width: 100%;
}
.ui-datepicker th {
border: 0;
font-weight: bold;
padding: .7em .3em;
text-align: center;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
border-bottom: 0;
border-left: 0;
border-right: 0;
margin: .7em 0 0 0;
padding: 0 .2em;
}
.ui-datepicker .ui-datepicker-buttonpane button {
cursor: pointer;
float: right;
margin: .5em .2em .4em;
overflow: visible;
padding: .2em .6em .3em .6em;
width: auto;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table {
margin: 0 auto .4em;
width: 95%;
}
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break {
clear: both;
font-size: 0em;
width: 100%;
}
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev {
left: auto;
right: 2px;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
/*.ui-datepicker-rtl .ui-datepicker-prev:hover {
left: auto;
right: 1px;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}*/
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }
.ui-datepicker-rtl .ui-datepicker-group { float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 1px;
border-right-width: 0;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 1px;
border-right-width: 0;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
filter: mask(); /*must have*/
height: 200px; /*must have*/
left: -4px; /*must have*/
position: absolute; /*must have*/
top: -4px; /*must have*/
width: 200px; /*must have*/
z-index: -1; /*must have*/
}
/*!
* jQuery UI Accordion 1.9.0
* http://jqueryui.com
*
* Copyright 2012 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
.ui-accordion .ui-accordion-header {
cursor: pointer;
display: block;
margin-top: 2px;
padding: .5em .5em .5em .7em;
position: relative;
zoom: 1;
}
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
left: .5em;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-accordion .ui-accordion-content {
border-top: 0;
overflow: auto;
padding: 1em 2.2em;
zoom: 1;
}
/* Backgroundcolors */
[data-bg-color="transparent"]
{
background-color: transparent;
}
[data-bg-color="darkblue"]
{
background-color: #003057;
}
[data-bg-color="darkblue_dark"]
{
background-color: #003057;
background-image: linear-gradient(to right, rgba(0,0,0,0.24),rgba(0,0,0,0));
}
[data-bg-color="darkwhite"]
{
background-color: #F4F8FA;
}
[data-bg-color="white"]
{
background-color: #FFFFFF;
}
[data-bg-color="lightgreen"]
{
background-color: #73C92D;
}
[data-bg-color="grey"]
{
background-color: #EAF0F4;
}
[data-bg-color="gradient_lightgreen"]
{
background: linear-gradient(40deg, #73C92D, #A3DB75)
}
[data-bg-color="gradient_darkblue"]
{
background: linear-gradient(90deg, #003057, #2F6897)
}
[data-bg-color="darkblue_with_gradient"]
{
background-color: #003057;
background-image: linear-gradient(to right, rgba(0,0,0,0.24),rgba(0,0,0,0));
}
/* Colors */
[data-color="white"]
{
color: #FFFFFF;
}
[data-color="grey"]
{
color: #EAF0F4;
}
[data-color="darkblue"]
{
color: #003057;
}
[data-color="blue"]
{
color: #3F526F;
}
[data-color="lightblue"]
{
color: rgba(63,82,111,0.6);
}
[data-color="lightgreen"]
{
color: #73C92D;
}
/* Special */
[data-color="white"] h1,
[data-color="white"] h2,
[data-color="white"] h3,
[data-color="white"] h4,
[data-color="white"] h5,
[data-color="white"] h6
{
color: #FFFFFF;
}
[data-color="darkblue"] p
{
color: rgba(63,82,111,.6);
}
[data-color="darkblue"] p strong
{
color: rgba(63,82,111,1);
}
.form_lightbox_cnt,
.lb_warteliste_cnt {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(34,34,34,.3);
pointer-events: none;
opacity: 0;
padding: 15px;
transition: opacity .3s;
}
.form_lightbox_cnt.visible {
pointer-events: auto;
opacity: 1;
}
.form_lightbox_window {
position: relative;
padding: 64px;
background-color: #fff;
width: 700px;
border-radius: 4px;
}
.form_lightbox_window .form_lightbox_close,
.lb_warteliste_window .lb_warteliste_close {
position: absolute;
top: 24px;
right: 24px;
}
.form_lightbox_window .form_lightbox_close:hover,
.lb_warteliste_window .lb_warteliste_close:hover {
cursor: pointer;
}
.personal_angaben {
margin-bottom: 10px;
}
.lightbox {
display: flex;
flex-direction: column;
align-items: center;
position: fixed;
z-index: 500;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #222c;
padding: 0 50px;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .3s, 0.3s visibility 0s;
}
.lightbox-center {
justify-content: space-between;
}
.lightbox::before,
.lightbox::after {
content: '';
display: block;
width: 100%;
height: 50px;
flex-shrink: 0;
}
.lightbox.visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.lightbox-window {
position: relative;
padding: 64px;
border-radius: 4px;
background-color: #fff;
max-width: 900px;
}
.lightbox-close-cnt {
position: sticky;
top: -30px;
right: 0;
left: 0;
}
.lightbox-close {
display: grid;
place-items: center;
position: absolute;
top: 24px;
right: 24px;
transition: transform .3s;
}
.lightbox-close:hover {
transform: rotateZ(90deg);
cursor: pointer;
}
.lightbox-close svg {
width: 20px;
height: 20px;
}
body
{
padding-top: 120px;
}
body[data-scroll-menu="true"]
{
padding-top: 176px;
}
section
{
padding-left: 32px;
padding-right: 32px;
overflow: hidden;
position: relative;
}
section[data-header="true"]
{
padding-left: 0;
padding-right: 0;
}
.ov
{
overflow: visible;
}
.click
{
display: block;
pointer-events: none;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
width: 50px;
height: 50px;
transform: translate(-50%,-50%) scale(0);
background-color: black;
border-radius: 50%;
opacity: 0.5;
transition: 0.4s;
}
.click.animate
{
opacity: 0;
transform: translate(-50%,-50%) scale(2);
}
/* Padding top */
[data-padding-top="1"]
{
padding-top: calc(1 * 15px);
}
[data-padding-top="2"]
{
padding-top: calc(2 * 15px);
}
[data-padding-top="2_5"]
{
padding-top: calc(2.5 * 15px);
}
[data-padding-top="3"]
{
padding-top: calc(3 * 15px);
}
[data-padding-top="3_5"]
{
padding-top: calc(3.5 * 15px);
}
[data-padding-top="4"]
{
padding-top: calc(4 * 15px);
}
[data-padding-top="5"]
{
padding-top: calc(5 * 15px);
}
[data-padding-top="6"]
{
padding-top: calc(6 * 15px);
}
[data-padding-top="7"]
{
padding-top: calc(7 * 15px);
}
[data-padding-top="8"]
{
padding-top: calc(8 * 15px);
}
[data-padding-top="9"]
{
padding-top: calc(9 * 15px);
}
[data-padding-top="10"]
{
padding-top: calc(10 * 15px);
}
[data-padding-top="11"]
{
padding-top: calc(11 * 15px);
}
[data-padding-top="12"]
{
padding-top: calc(12 * 15px);
}
[data-padding-top="13"]
{
padding-top: calc(13 * 15px);
}
[data-padding-top="14"]
{
padding-top: calc(14 * 15px);
}
/* Padding Bottom */
[data-padding-bottom="1"]
{
padding-bottom: calc(1 * 15px);
}
[data-padding-bottom="2"]
{
padding-bottom: calc(2 * 15px);
}
[data-padding-bottom="2_5"]
{
padding-bottom: calc(2.5 * 15px);
}
[data-padding-bottom="3"]
{
padding-bottom: calc(3 * 15px);
}
[data-padding-bottom="3_5"]
{
padding-bottom: calc(3.5 * 15px);
}
[data-padding-bottom="4"]
{
padding-bottom: calc(4 * 15px);
}
[data-padding-bottom="5"]
{
padding-bottom: calc(5 * 15px);
}
[data-padding-bottom="6"]
{
padding-bottom: calc(6 * 15px);
}
[data-padding-bottom="7"]
{
padding-bottom: calc(7 * 15px);
}
[data-padding-bottom="8"]
{
padding-bottom: calc(8 * 15px);
}
[data-padding-bottom="9"]
{
padding-bottom: calc(9 * 15px);
}
[data-padding-bottom="10"]
{
padding-bottom: calc(10 * 15px);
}
[data-padding-bottom="11"]
{
padding-bottom: calc(11 * 15px);
}
[data-padding-bottom="12"]
{
padding-bottom: calc(12 * 15px);
}
[data-padding-bottom="13"]
{
padding-bottom: calc(13 * 15px);
}
[data-padding-bottom="14"]
{
padding-bottom: calc(14 * 15px);
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
body,
body[data-scroll-menu="true"]
{
padding-top: 64px;
}
[data-padding-top="1"]
{
padding-top: calc(1 * 12.7px);
}
[data-padding-top="2"]
{
padding-top: calc(2 * 12.7px);
}
[data-padding-top="2_5"]
{
padding-top: calc(2.5 * 12.7px);
}
[data-padding-top="3"]
{
padding-top: calc(3 * 12.7px);
}
[data-padding-top="3_5"]
{
padding-top: calc(3.5 * 12.7px);
}
[data-padding-top="4"]
{
padding-top: calc(4 * 12.7px);
}
[data-padding-top="5"]
{
padding-top: calc(5 * 12.7px);
}
[data-padding-top="6"]
{
padding-top: calc(6 * 12.7px);
}
[data-padding-top="7"]
{
padding-top: calc(7 * 12.7px);
}
[data-padding-top="8"]
{
padding-top: calc(8 * 12.7px);
}
[data-padding-top="9"]
{
padding-top: calc(9 * 12.7px);
}
[data-padding-top="10"]
{
padding-top: calc(10 * 12.7px);
}
[data-padding-top="11"]
{
padding-top: calc(11 * 12.7px);
}
[data-padding-top="12"]
{
padding-top: calc(12 * 12.7px);
}
[data-padding-top="13"]
{
padding-top: calc(13 * 12.7px);
}
[data-padding-top="14"]
{
padding-top: calc(14 * 12.7px);
}
/* Padding Bottom */
[data-padding-bottom="1"]
{
padding-bottom: calc(1 * 12.7px);
}
[data-padding-bottom="2"]
{
padding-bottom: calc(2 * 12.7px);
}
[data-padding-bottom="2_5"]
{
padding-bottom: calc(2.5 * 12.7px);
}
[data-padding-bottom="3"]
{
padding-bottom: calc(3 * 12.7px);
}
[data-padding-bottom="3_5"]
{
padding-bottom: calc(3.5 * 12.7px);
}
[data-padding-bottom="4"]
{
padding-bottom: calc(4 * 12.7px);
}
[data-padding-bottom="5"]
{
padding-bottom: calc(5 * 12.7px);
}
[data-padding-bottom="6"]
{
padding-bottom: calc(6 * 12.7px);
}
[data-padding-bottom="7"]
{
padding-bottom: calc(7 * 12.7px);
}
[data-padding-bottom="8"]
{
padding-bottom: calc(8 * 12.7px);
}
[data-padding-bottom="9"]
{
padding-bottom: calc(9 * 12.7px);
}
[data-padding-bottom="10"]
{
padding-bottom: calc(10 * 12.7px);
}
[data-padding-bottom="11"]
{
padding-bottom: calc(11 * 12.7px);
}
[data-padding-bottom="12"]
{
padding-bottom: calc(12 * 12.7px);
}
[data-padding-bottom="13"]
{
padding-bottom: calc(13 * 12.7px);
}
[data-padding-bottom="14"]
{
padding-bottom: calc(14 * 12.7px);
}
}
@media screen and (max-width: 768px)
{
[data-padding-top="1"]
{
padding-top: calc(1 * 10.5px);
}
[data-padding-top="2"]
{
padding-top: calc(2 * 10.5px);
}
[data-padding-top="2_5"]
{
padding-top: calc(2.5 * 10.5px);
}
[data-padding-top="3"]
{
padding-top: calc(3 * 10.5px);
}
[data-padding-top="3.5"]
{
padding-top: calc(3.5 * 10.5px);
}
[data-padding-top="4"]
{
padding-top: calc(4 * 10.5px);
}
[data-padding-top="5"]
{
padding-top: calc(5 * 10.5px);
}
[data-padding-top="6"]
{
padding-top: calc(6 * 10.5px);
}
[data-padding-top="7"]
{
padding-top: calc(7 * 10.5px);
}
[data-padding-top="8"]
{
padding-top: calc(8 * 10.5px);
}
[data-padding-top="9"]
{
padding-top: calc(9 * 10.5px);
}
[data-padding-top="10"]
{
padding-top: calc(10 * 10.5px);
}
[data-padding-top="11"]
{
padding-top: calc(11 * 10.5px);
}
[data-padding-top="12"]
{
padding-top: calc(12 * 10.5px);
}
[data-padding-top="13"]
{
padding-top: calc(13 * 10.5px);
}
[data-padding-top="14"]
{
padding-top: calc(14 * 10.5px);
}
/* Padding Bottom */
[data-padding-bottom="1"]
{
padding-bottom: calc(1 * 10.5px);
}
[data-padding-bottom="2"]
{
padding-bottom: calc(2 * 10.5px);
}
[data-padding-bottom="2_5"]
{
padding-bottom: calc(2.5 * 10.5px);
}
[data-padding-bottom="3"]
{
padding-bottom: calc(3 * 10.5px);
}
[data-padding-bottom="3_5"]
{
padding-bottom: calc(3.5 * 10.5px);
}
[data-padding-bottom="4"]
{
padding-bottom: calc(4 * 10.5px);
}
[data-padding-bottom="5"]
{
padding-bottom: calc(5 * 10.5px);
}
[data-padding-bottom="6"]
{
padding-bottom: calc(6 * 10.5px);
}
[data-padding-bottom="7"]
{
padding-bottom: calc(7 * 10.5px);
}
[data-padding-bottom="8"]
{
padding-bottom: calc(8 * 10.5px);
}
[data-padding-bottom="9"]
{
padding-bottom: calc(9 * 10.5px);
}
[data-padding-bottom="10"]
{
padding-bottom: calc(10 * 10.5px);
}
[data-padding-bottom="11"]
{
padding-bottom: calc(11 * 10.5px);
}
[data-padding-bottom="12"]
{
padding-bottom: calc(12 * 10.5px);
}
[data-padding-bottom="13"]
{
padding-bottom: calc(13 * 10.5px);
}
[data-padding-bottom="14"]
{
padding-bottom: calc(14 * 10.5px);
}
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
[data-padding-top="1"]
{
padding-top: calc(1 * 8.3px);
}
[data-padding-top="2"]
{
padding-top: calc(2 * 8.3px);
}
[data-padding-top="2_5"]
{
padding-top: calc(2.5 * 8.3px);
}
[data-padding-top="3"]
{
padding-top: calc(3 * 8.3px);
}
[data-padding-top="3_5"]
{
padding-top: calc(3.5 * 8.3px);
}
[data-padding-top="4"]
{
padding-top: calc(4 * 8.3px);
}
[data-padding-top="5"]
{
padding-top: calc(5 * 8.3px);
}
[data-padding-top="6"]
{
padding-top: calc(6 * 8.3px);
}
[data-padding-top="7"]
{
padding-top: calc(7 * 8.3px);
}
[data-padding-top="8"]
{
padding-top: calc(8 * 8.3px);
}
[data-padding-top="9"]
{
padding-top: calc(9 * 8.3px);
}
[data-padding-top="10"]
{
padding-top: calc(10 * 8.3px);
}
[data-padding-top="11"]
{
padding-top: calc(11 * 8.3px);
}
[data-padding-top="12"]
{
padding-top: calc(12 * 8.3px);
}
[data-padding-top="13"]
{
padding-top: calc(13 * 8.3px);
}
[data-padding-top="14"]
{
padding-top: calc(14 * 8.3px);
}
/* Padding Bottom */
[data-padding-bottom="1"]
{
padding-bottom: calc(1 * 8.3px);
}
[data-padding-bottom="2"]
{
padding-bottom: calc(2 * 8.3px);
}
[data-padding-bottom="2_5"]
{
padding-bottom: calc(2.5 * 8.3px);
}
[data-padding-bottom="3"]
{
padding-bottom: calc(3 * 8.3px);
}
[data-padding-bottom="3_5"]
{
padding-bottom: calc(3.5 * 8.3px);
}
[data-padding-bottom="4"]
{
padding-bottom: calc(4 * 8.3px);
}
[data-padding-bottom="5"]
{
padding-bottom: calc(5 * 8.3px);
}
[data-padding-bottom="6"]
{
padding-bottom: calc(6 * 8.3px);
}
[data-padding-bottom="7"]
{
padding-bottom: calc(7 * 8.3px);
}
[data-padding-bottom="8"]
{
padding-bottom: calc(8 * 8.3px);
}
[data-padding-bottom="9"]
{
padding-bottom: calc(9 * 8.3px);
}
[data-padding-bottom="10"]
{
padding-bottom: calc(10 * 8.3px);
}
[data-padding-bottom="11"]
{
padding-bottom: calc(11 * 8.3px);
}
[data-padding-bottom="12"]
{
padding-bottom: calc(12 * 8.3px);
}
[data-padding-bottom="13"]
{
padding-bottom: calc(13 * 8.3px);
}
[data-padding-bottom="14"]
{
padding-bottom: calc(14 * 8.3px);
}
.minify_mobile_section
{
padding-top: 0;
padding-bottom: 0;
}
.minify_mobile_trigger
{
position: relative;
padding-right: 20px;
cursor: pointer;
margin: 0;
padding-bottom: 20px;
margin-bottom: 20px;
}
.minify_mobile_trigger:before
{
content: '';
display: block;
position: absolute;
bottom: 0;
left: -16px;
right: -16px;
height: 1px;
background-color: #C7D4DD;
}
.minify_mobile_trigger[data-open="true"]
{
margin-bottom: 0;
}
.minify_mobile_trigger[data-open="true"]:before
{
display: none;
}
.minify_mobile_trigger:after
{
content: '';
display: block;
position: absolute;
right: 0;
top: calc(50% - 10px);
height: 20px;
width: 20px;
background-repeat: no-repeat;
background-position: right center;
background-image: url(/img/icons/Dropdown.svg);
background-size: 20px auto;
transition: .2s;
}
.minify_mobile_trigger[data-open="true"]:after
{
transform: rotate(-180deg);
}
.minify_mobile
{
display: none;
margin-bottom: 48px;
}
.minify_mobile_trigger[data-open="true"] ~ .minify_mobile
{
display: block;
}
.minify_mobile_section .container[data-split="true"] > div:first-child,
.minify_mobile_section .container.intro_container[data-split="true"] > div:first-child,
.minify_mobile_section .container.rtl[data-split="true"] > div:first-child
{
margin-bottom: 0;
}
.minify_mobile_section .container[data-split="true"] > div:first-child:empty,
.minify_mobile_section .container.intro_container[data-split="true"] > div:first-child:empty,
.minify_mobile_section .container.rtl[data-split="true"] > div:first-child:empty
{
display: none;
}
}
@media screen and (max-width: 330px)
{
}
.container
{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.container[data-container-size="middle"]
{
max-width: 792px;
}
.container[data-container-size="full"]
{
max-width: 100%;
}
.container[data-split="true"]:not(.intro_container) > div:first-child,
.container.intro_container[data-split="true"] > div:nth-child(2)
{
display: inline-block;
vertical-align: top;
width: 408px;
padding-right: 60px;
min-height: 1px;
}
.container[data-split="true"] > div:nth-child(2),
.container.intro_container[data-split="true"] > div:first-child
{
display: inline-block;
vertical-align: top;
width: calc(100% - 408px);
}
.container.rtl[data-split="true"] > div:first-child
{
padding-right: 0;
padding-left: 60px;
}
.container[data-split="true"]:after
{
content: '';
display: block;
clear: both;
}
.intro_container
{
direction: rtl;
}
.intro_container > *
{
direction: ltr;
}
.rtl
{
direction: rtl;
}
.ltr
{
direction: ltr;
}
.loading
{
position: relative;
}
.loading:after
{
content: '';
display: block;
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
z-index: 999;
background-color: rgba(255,255,255,0.8);
cursor: wait;
background-image: url(/img/loader.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 60px;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
.container[data-split="true"] > div:first-child,
.container.intro_container[data-split="true"] > div:first-child,
.container.rtl[data-split="true"] > div:first-child
{
width: 100%;
margin-bottom: 24px;
padding-right: 0;
padding-left: 0;
}
.container.intro_container[data-split="true"] > div:first-child
{
margin-bottom: calc(5 * 8.3px);
}
.container[data-split="true"] > div:nth-child(2),
.container.intro_container[data-split="true"] > div:nth-child(2)
{
width: 100%;
padding-right: 0;
padding-left: 0;
}
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.minh900 {
min-height: 900px;
}
.min-h-500px {
min-height: 500px;
}
.search_results_cnt {
min-height: 300px;
}
h1.big
{
font-size: 56px;
line-height: 72px;
}
h1
{
font-size: 48px;
font-weight: bold;
line-height: 60px;
color: #003057;
}
h2
{
font-size: 32px;
font-weight: bold;
line-height: 40px;
color: #003057;
}
h3
{
font-size: 26px;
font-weight: bold;
line-height: 32px;
color: #003057;
}
h4
{
font-size: 20px;
font-weight: bold;
line-height: 28px;
color: #003057;
}
h5
{
font-size: 16px;
font-weight: bold;
line-height: 24px;
color: #003057;
letter-spacing: 0.25px;
}
h6
{
font-size: 20px;
font-weight: 500;
line-height: 28px;
color: #3F526F;
}
p
{
font-size: 16px;
letter-spacing: 0.4px;
font-weight: normal;
line-height: 24px;
letter-spacing: 0.25px;
}
small
{
font-size: 14px;
line-height: 22px;
color: rgba(63,82,111,0.6);
letter-spacing: 0.25px;
}
hr
{
border: none;
border-top: 1px solid #C7D4DD;
}
h1,
h2,
h3
{
margin-bottom: 32px;
}
h4,
h5,
h6,
p,
small
{
margin-bottom: 24px;
}
em
{
font-style: italic;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
small:last-child,
ul:last-child,
ol:last-child,
ul:not([class]):last-child,
ol:not([class]):last-child
{
margin-bottom: 0;
}
p strong,
small strong
{
font-weight: bold;
}
/* Link */
p a:not([class])
{
text-decoration: none;
font-weight: bold;
color: #73C92D;
position: relative;
}
p a:not([class]):before
{
content: '';
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 2px;
background-color: #73C92D;
transition: 0.3s;
pointer-events: none;
}
p a:not([class]):hover:before
{
width: 0;
left: auto;
right: 0;
}
p a:not([class])[href^="mailto:"],
p a:not([class])[href^="tel:"]
{
padding-left: 30px;
}
p a:not([class])[href^="mailto:"]:before,
p a:not([class])[href^="tel:"]:before
{
width: 0;
left: auto;
right: 0;
pointer-events: none;
}
p a:not([class])[href^="mailto:"]:hover:before,
p a:not([class])[href^="tel:"]:hover:before
{
width: calc(100% - 30px);
right: 0;
left: 30px;
}
p a:not([class])[href^="mailto:"]:after
{
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 13px;
width: 16px;
background-image: url(/img/icons/email_green.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
p a:not([class])[href^="tel:"]:after
{
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 16px;
width: 16px;
background-image: url(/img/icons/phone_green.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
.cg_text p a:not([class])[href^="mailto:"],
.cg_text p a:not([class])[href^="tel:"]
{
padding-left: 0;
}
.cg_text p a:not([class])[href^="mailto:"]:after,
.cg_text p a:not([class])[href^="tel:"]:after
{
display: none;
}
.cg_text p a:not([class])[href^="mailto:"]:hover:before,
.cg_text p a:not([class])[href^="tel:"]:hover:before
{
left: 0;
width: 100%;
}
/* Ul & Ol */
ul:not([class]),
ol:not([class])
{
margin-bottom: 39px;
font-size: 0.1px;
}
ol:not([class]):after,
ul:not([class]):after
{
content: '';
display: block;
margin-bottom: -14px;
}
ul li:not([class]),
ol li:not([class])
{
font-size: 16px;
color: rgba(63,82,111,0.6);
line-height: 24px;
margin-bottom: 14px;
background-repeat: no-repeat;
white-space: normal;
padding-left: 25px;
background-position: top 8px left;
}
ul li:not([class])
{
background-image: url(/img/ul_hacken.svg);
background-size: 14px auto;
}
ol li:not([class])
{
background-image: url(/img/ol_arrow_right.svg);
background-size: 6.5px auto;
}
ul[data-split="true"] li,
ol[data-split="true"] li
{
width: calc(50% - 1px);
display: inline-block;
vertical-align: top;
}
.headline_right_button_top,
.headline_right_button_bottom
{
position: relative;
}
.headline_right_button_top:after,
.headline_right_button_bottom:after
{
content: '';
display: block;
clear: both;
}
.headline_right_button_top h2,
.headline_right_button_bottom h2
{
display: inline-block;
vertical-align: middle;
}
.headline_right_button_top div,
.headline_right_button_bottom div
{
position: relative;
display: inline-block;
float: right;
text-align: right;
vertical-align: middle;
}
/*.headline_right_button_top div .btn,
.headline_right_button_bottom div .btn
{
margin-right: -32px;
}*/
.headline_right_button_bottom div .btn
{
display: none;
margin-top: 32px;
}
.tac
{
text-align: center;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
.headline_right_button_top div .btn
{
margin-top: -3px;
}
}
@media screen and (max-width: 1024px)
{
/* h1.big
{
font-size: 57.33px;
line-height: 64px;
} */
h1,
h1.big
{
font-size: 42.67px;
line-height: 53.33px;
}
h2
{
font-size: 29.33px;
line-height: 37.33px;
}
h3
{
font-size:24.00px;
line-height:29.33px;
}
h4
{
font-size:19.33px;
line-height:26.67px;
}
h6
{
line-height:27.33px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
small
{
margin-bottom: 21.67px;
}
}
@media screen and (max-width: 768px)
{
/* h1.big
{
font-size: 50.67px;
line-height: 56.00px;
} */
h1,
h1.big
{
font-size: 37.33px;
line-height: 46.67px;
}
h2
{
font-size: 26.67px;
line-height: 34.67px;
}
h3
{
font-size:22.00px;
line-height:26.67px;
}
h4
{
font-size:18.67px;
line-height:25.33px;
}
h6
{
line-height:26.67px;
}
h1,h2,h3,h4,h5,h6
{
word-break: break-word;
hyphens: auto;
-webkit-hyphens: auto;
}
h2.minify_mobile_trigger
{
word-break: unset;
hyphens: unset;
-webkit-hyphens: unset;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
small
{
margin-bottom: 18.33px;
}
.headline_right_button_top div .btn
{
display: none;
}
.headline_right_button_bottom div .btn
{
display: inline-block;
}
}
@media screen and (max-width: 660px)
{
ul[data-split="true"] li,
ol[data-split="true"] li
{
width: 100%;
}
}
@media screen and (max-width: 480px)
{
h1,
h1.big
{
font-size: 32px;
line-height: 40px;
}
h2
{
font-size: 24px;
line-height: 32px;
}
h3
{
font-size: 20px;
line-height: 24px;
}
h4
{
font-size: 18px;
line-height: 24px;
}
h6
{
font-size: 19px;
line-height: 26px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
small
{
margin-bottom: 15px;
}
}
@media screen and (max-width: 330px)
{
}
[data-grid] > div
{
margin-bottom: 24px;
}
[data-grid]
{
margin-bottom: -24px;
}
[data-grid].demoGrid > div
{
height: 100px;
border-radius: 4px;
background-color: #73C92D;
}
/* Duo */
[data-grid="2"] > div
{
vertical-align: top;
display: inline-block;
width: calc(50% - 12px);
margin-right: 24px;
}
[data-grid="2"] > div:nth-child(2n)
{
margin-right: 0;
}
/* Trio */
[data-grid="3"] > div
{
vertical-align: top;
display: inline-block;
width: calc(33.33% - 16px);
margin-right: 24px;
}
[data-grid="3"] > div:nth-child(3n)
{
margin-right: 0;
}
/* Quatro */
[data-grid="4"] > div
{
vertical-align: top;
display: inline-block;
width: calc(25% - 18px);
margin-right: 24px;
}
[data-grid="4"] > div:nth-child(4n)
{
margin-right: 0;
}
[data-flex="true"]
{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
[data-flex="true"] > div
{
/*display: flex;*/
align-self: stretch;
}
[data-flex-item-align="top"]
{
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
[data-flex-item-align="middle"]
{
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
[data-flex-item-align="bottom"]
{
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
[data-flex-horizontal-align="right"] {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
[data-flex-horizontal-align="center"] {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
[data-item-stretch-vertical="true"] > div
{
align-self: stretch;
}
[data-item-stretch-vertical="false"] > div
{
align-self: auto;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
/* Quatro */
[data-grid="4"] > div,
[data-grid="4"] > div:nth-child(4n)
{
width: calc(33.33% - 16px);
margin-right: 24px;
}
[data-grid="4"] > div:nth-child(3n)
{
margin-right: 0;
}
}
@media screen and (max-width: 1024px)
{
/* Quatro */
[data-grid="4"] > div,
[data-grid="4"] > div:nth-child(4n),
[data-grid="4"] > div:nth-child(3n),
[data-grid="3"] > div,
[data-grid="3"] > div:nth-child(3n)
{
width: calc(50% - 12px);
margin-right: 24px;
}
[data-grid="4"] > div:nth-child(2n),
[data-grid="3"] > div:nth-child(2n)
{
margin-right: 0;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
[data-grid="4"] > div,
[data-grid="4"] > div:nth-child(4n),
[data-grid="4"] > div:nth-child(3n),
[data-grid="3"] > div,
[data-grid="3"] > div:nth-child(3n),
[data-grid="2"] > div,
[data-grid="2"] > div:nth-child(2n)
{
width: 100%;
margin-right: 0;
margin-bottom: 16px;
}
[data-grid]
{
margin-bottom: -16px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.btn
{
border: none;
cursor: pointer;
position: relative;
display: inline-block;
text-align: center;
text-decoration: none;
font-size: 16px;
font-weight: bold;
line-height: 24px;
padding-right: 32px;
padding-left: 32px;
padding-top: 12px;
padding-bottom: 12px;
border-radius: 24px;
min-height: 48px;
margin-bottom: 24px;
box-shadow: 0 3px 30px 0 rgba(0,48,87,0.03);
transition: 0.15s;
outline: none;
overflow: hidden;
transform: translateZ(0);
backface-visibility: hidden;
}
.btn > span
{
position: relative;
z-index: 1;
word-break: break-word;
hyphens: auto;
-webkit-hyphens: auto;
pointer-events: none
}
.btn:last-child
{
margin-bottom: 0;
}
.btn[data-btn-style="round"]
{
padding-left: 0;
padding-right: 0;
width: 48px;
overflow: visible;
}
.btn.media_btn[data-btn-style="round"]
{
padding-top: 8px;
padding-bottom: 8px;
min-height: 40px;
width: 40px;
}
.btn[data-btn-style="border"]
{
border: 1.5px solid #C7D4DD;
}
.btn[data-btn-style="border"]:hover
{
border-color: transparent;
}
.btn[data-btn-style="border"]:hover:before
{
top: -1.5px;
left: -1.5px;
right: -1.5px;
bottom: -1.5px;
border-radius: 24px;
}
[data-icon-left]:not([data-icon-left=""]) > span:before,
[data-icon-right]:not([data-icon-right=""]) > span:after
{
content: '';
position: relative;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
vertical-align: middle;
height: 16px;
width: 16px;
top: -1.5px;
}
.wsnw {
white-space: nowrap;
}
/* BTN Arrow Hover Effekt */
.btn[data-btn-style=""][data-icon-right="arrow"]:hover,
.btn[data-btn-style=""][data-icon-left="arrow"]:hover
{
padding-left: 26px;
padding-right: 26px;
}
.btn[data-btn-style=""][data-icon-right="arrow"]:hover > span:after,
.btn[data-btn-style=""][data-icon-left="arrow"]:hover > span:before,
.btn[data-btn-style="transparent"][data-icon-right="arrow"]:hover > span:after,
.btn[data-btn-style="transparent"][data-icon-left="arrow"]:hover > span:before
{
width: calc(16px + 12px);
}
/* icons umfärbung (funktioniert nicht...) */
[data-bg-color="lightgreen"][data-icon-left]:not([data-icon-left=""]) > span:before,
[data-bg-color="lightgreen"][data-icon-right]:not([data-icon-right=""]) > span:after,
[data-bg-color="darkblue"][data-icon-left]:not([data-icon-left=""]) > span:before,
[data-bg-color="darkblue"][data-icon-right]:not([data-icon-right=""]) > span:after,
[data-bg-color="gradient_darkblue"][data-icon-left]:not([data-icon-left=""]) > span:before,
[data-bg-color="gradient_darkblue"][data-icon-right]:not([data-icon-right=""]) > span:after,
[data-bg-color="gradient_lightgreen"][data-icon-left]:not([data-icon-left=""]) > span:before,
[data-bg-color="gradient_lightgreen"][data-icon-right]:not([data-icon-right=""]) > span:after,
[data-bg-color="lightgreen"][data-icon-left="arrow"]:after,
[data-bg-color="lightgreen"][data-icon-right="arrow"]:after,
[data-bg-color="darkblue"][data-icon-left="arrow"]:after,
[data-bg-color="darkblue"][data-icon-right="arrow"]:after,
[data-bg-color="gradient_darkblue"][data-icon-left="arrow"]:after,
[data-bg-color="gradient_darkblue"][data-icon-right="arrow"]:after,
[data-bg-color="gradient_lightgreen"][data-icon-left="arrow"]:after,
[data-bg-color="gradient_lightgreen"][data-icon-right="arrow"]:after,
[data-bg-color="white"]:not([data-btn-style="round"])[data-color="darkblue"]:hover > span:before,
[data-bg-color="white"]:not([data-btn-style="round"])[data-color="darkblue"]:hover > span:after,
[data-bg-color="grey"][data-color="darkblue"]:hover > span:before,
[data-bg-color="grey"][data-color="darkblue"]:hover > span:after
{
filter: grayscale(1) brightness(10);
}
.btn[data-bg-color="darkblue"]:before
{
background: linear-gradient(90deg, #003057, #2F6897);
}
.btn[data-btn-style="round"][data-icon-left]:not([data-icon-left=""]) > span:before,
.btn[data-btn-style="round"][data-icon-right]:not([data-icon-right=""]) > span:after
{
height: 20px;
width: 20px;
}
@-moz-document url-prefix() {
[data-icon-left]:not([data-icon-left=""]) > span:before,
[data-icon-right]:not([data-icon-right=""]) > span:after
{
top: -2.5px;
}
}
@supports (-webkit-touch-callout: none)
{
button.btn[data-icon-left]:not([data-icon-left=""]) > span:before,
button.btn[data-icon-right]:not([data-icon-right=""]) > span:after
{
top: -2.2px;
}
a.btn[data-icon-left]:not([data-icon-left=""]) > span:before,
a.btn[data-icon-right]:not([data-icon-right=""]) > span:after
{
top: -2.35px;
}
}
.btn[data-btn-style="transparent"]
{
padding-left: 0;
padding-right: 0;
border-radius: 0;
background-color: transparent;
box-shadow:none;
}
.btn[data-btn-style="transparent"]:after
{
content: '';
position: absolute;
bottom: 5px;
right: 0;
width: 0;
height: 2px;
background-color:#73C92D;
transition: 0.4s;
}
.btn[data-btn-style="transparent"]:hover:after
{
right: auto;
left: 0;
width: 100%;
}
[disabled]
{
opacity: 0.5;
pointer-events: none;
}
/* Icons left */
[data-icon-left="arrow"]:not([data-icon-left=""]) > span::before
{
background-size: auto 12px;
background-position: left center, right center;
}
[data-icon-left="arrow"] > span:before
{
background-image: url(/img/icons/Arrow-left.svg), url(/img/icons/arrow_extension.svg);
margin-right: 24px;
transition: 0.2s;
}
[data-color="lightgreen"][data-icon-left="arrow"] > span:before
{
background-image: url(/img/icons/arrow_left_green.svg), url(/img/icons/arrow_extension_green.svg);
}
[data-icon-left="download"] > span:before
{
background-image: url(/img/icons/Download.svg);
margin-right: 24px;
}
[data-icon-left="time"] > span:before {
background-image: url(/img/icons/Time.svg);
margin-right: 16px;
}
[data-icon-left="check"] > span:before
{
background-image: url(/img/icons/Check.svg);
margin-right: 24px;
}
[data-icon-left="info"] > span:before
{
background-image: url(/img/icons/Info_Bubble.svg);
margin-right: 16px;
}
[data-icon-left="advice"] > span:before
{
background-image: url(/img/icons/Advisory.svg);
margin-right: 16px;
}
[data-icon-left="explore"] > span:before
{
background-image: url(/img/icons/Eye.svg);
margin-right: 24px;
}
[data-icon-left="esc"] > span:before
{
background-image: url(/img/icons/grey_esc.svg);
margin-right: 16px;
}
[data-icon-left="close"] > span:before
{
background-image: url(/img/icons/close_blue.svg);
margin-right: 16px;
}
/* Icons für Ausbildungswelten */
[data-icon-left="vorbereitung"] > span:before
{
background-image: url(/img/green_icons/vorbereitung.svg);
margin-right: 16px;
}
[data-icon-left="logistik"] > span:before
{
background-image: url(/img/green_icons/logistik.svg);
margin-right: 16px;
}
[data-icon-left="management_green"] > span:before
{
background-image: url(/img/green_icons/management_green.svg);
margin-right: 16px;
}
[data-icon-left="office"] > span:before
{
background-image: url(/img/green_icons/office.svg);
margin-right: 16px;
}
[data-icon-left="automation"] > span:before
{
background-image: url(/img/green_icons/automation.svg);
margin-right: 16px;
}
[data-icon-left="umwelt"] > span:before
{
background-image: url(/img/green_icons/umwelt.svg);
margin-right: 16px;
}
[data-icon-left="house"] > span:before
{
background-image: url(/img/green_icons/house.svg);
margin-right: 16px;
}
[data-icon-left="merge"] > span:before
{
background-image: url(/img/green_icons/merge.svg);
margin-right: 16px;
}
[data-icon-left="img"]:not([data-icon-left=""]) > span:before
{
display: none;
}
[data-icon-left="img"]:not([data-icon-left=""])
{
text-align: left;
}
[data-icon-left="img"]:not([data-icon-left=""]) > span img
{
display: inline-block;
width: auto;
height: 20px;
position: absolute;
left: 0;
top: 3px;
}
[data-icon-left="img"]:not([data-icon-left=""]) > span
{
display: inline-block;
position: relative;
padding-left: 32px;
}
/* Icons right */
[data-icon-right="arrow"]:not([data-icon-right=""]) > span::after
{
background-size: auto 12px;
background-position: right center, left center;
}
[data-icon-right="arrow"] > span:after
{
background-image: url(/img/icons/Arrow-right.svg), url(/img/icons/arrow_extension.svg);
margin-left: 24px;
transition: 0.15s;
}
[data-color="lightgreen"][data-icon-right="arrow"] > span:after
{
background-image: url(/img/icons/arrow_right_green.svg), url(/img/icons/arrow_extension_green.svg);
}
[data-icon-right="download"] > span:after
{
background-image: url(/img/icons/Download.svg);
margin-left: 24px;
}
[data-icon-right="check"] > span:after
{
background-image: url(/img/icons/Check.svg);
margin-left: 24px;
}
[data-icon-right="info"] > span:after
{
background-image: url(/img/icons/Info_Bubble.svg);
margin-left: 24px;
}
[data-icon-right="advice"] > span:after
{
background-image: url(/img/icons/Advisory.svg);
margin-left: 24px;
}
[data-icon-right="explore"] > span:after
{
background-image: url(/img/icons/Eye.svg);
margin-left: 24px;
}
/* Round CTAs */
[data-icon-left="mail"] > span:before
{
background-image: url(/img/icons/email.svg);
}
[data-icon-left="tele"] > span:before
{
background-image: url(/img/icons/phone.svg);
}
[data-btn-style="border"][data-icon-left="tele"] > span:before{
margin-right: 16px;
}
[data-icon-left="walk"] > span:before
{
background-image: url(/img/icons/walk.svg);
}
[data-icon-left="tram"] > span:before
{
background-image: url(/img/icons/tram.svg);
}
[data-icon-left="auto"] > span:before
{
background-image: url(/img/icons/auto.svg);
}
[data-icon-left="slide_left"] > span:before
{
background-image: url(/img/icons/Arrow-left.svg);
transition: 0.3s;
}
[data-icon-left="slide_right"] > span:before
{
background-image: url(/img/icons/Arrow-right.svg);
transition: 0.3s;
}
/* Social Media CTAs */
.btn[data-btn-style="round"][data-icon-left]:not([data-icon-left=""])[data-icon-left="facebook"] > span:before
{
background-image: url(/img/icons/social_media/logo_fb.svg);
height: 16px;
width: 10px;
}
.btn[data-btn-style="round"][data-icon-left]:not([data-icon-left=""])[data-icon-left="insta"] > span:before
{
background-image: url(/img/icons/social_media/logo_instagram.svg);
width: 16px;
height: 16px;
}
.btn[data-btn-style="round"][data-icon-left]:not([data-icon-left=""])[data-icon-left="linked"] > span:before
{
background-image: url(/img/icons/social_media/logo_in.svg);
width: 14px;
height: 14px;
}
.btn[data-btn-style="round"][data-icon-left]:not([data-icon-left=""])[data-icon-left="youtube"] > span:before
{
background-image: url(/img/icons/social_media/logo_youtube.svg);
width: 16px;
height: 12px;
}
/* Hovers */
.btn[data-btn-style=""]:hover
{
color: #FFFFFF;
}
.btn:not([data-btn-style="transparent"]):before
{
content: '';
}
.btn[data-btn-style="border"]:before
{
background: #EAF0F4
}
.btn:before
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
background: linear-gradient(40deg, #73C92D, #A3DB75);
transition: 0.3s;
z-index: 0;
border-radius: 24px;
}
.btn[data-btn-style="border"]:before
{
border-radius: 22px;
}
.btn:hover:before
{
opacity: 1;
}
.btn[data-color="lightgreen"][data-icon-left="arrow"]:after,
.btn[data-color="lightgreen"][data-icon-right="arrow"]:after
{
background-color: #73C92D;
}
/* Round CTA Hover / Slider Arrows */
.btn[data-icon-left="slide_right"]:after
{
content: '';
position: absolute;
height: 2.2px;
width: 10px;
background-color: #003057;
left: 48px;
top: calc(50% - 0.77px);
transform: translateY(-50%) translateX(-30px);
transition: 0.3s;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
.btn[data-icon-left="slide_right"]:after
{
height: 2px;
top: 50%;
}
}
.btn[data-icon-left="slide_right"]:hover:after
{
width: 30px;
}
[data-icon-left="slide_right"]:hover span:before
{
transform: translateZ(0) translateX(30px);
}
.btn[data-icon-left="slide_left"]:after
{
content: '';
position: absolute;
height: 2.15px;
width: 10px;
background-color: #003057;
left: 48px;
top: calc(50% - 0.42px);
transform: translateY(-50%) translateX(-28px);
transition: 0.3s;
}
.btn[data-icon-left="slide_left"]:hover:after
{
width: 30px;
transform: translateY(-50%) translateX(-48px);
}
[data-icon-left="slide_left"]:hover span:before
{
transform: translateX(-30px);
}
[data-bg-color="darkblue_dark"] [data-icon-left="slide_left"]:hover span:before,
[data-bg-color="darkblue_dark"] [data-icon-left="slide_right"]:hover span:before
{
filter: grayscale(1) brightness(10);
}
[data-bg-color="darkblue_dark"] .btn[data-icon-left="slide_left"]:after,
[data-bg-color="darkblue_dark"] .btn[data-icon-left="slide_right"]:after
{
background-color: #ffffff;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
/* Social Media CTAs */
.btn[data-btn-style="round"][data-icon-left]:not([data-icon-left=""])[data-icon-left="facebook"] > span:before
{
top: -1px;
}
.btn[data-btn-style="round"][data-icon-left]:not([data-icon-left=""])[data-icon-left="insta"] > span:before
{
top: -1px;
}
.btn[data-btn-style="round"][data-icon-left]:not([data-icon-left=""])[data-icon-left="linked"] > span:before
{
top: -1px;
}
.btn[data-btn-style="round"][data-icon-left]:not([data-icon-left=""])[data-icon-left="youtube"] > span:before
{
top: -1px;
}
}
@media screen and (max-width: 330px)
{
}
fieldset {
position: relative;
margin-bottom: 24px;
}
fieldset input ~ label + span:after,
fieldset textarea + label + span:after {
content: '';
position: absolute;
bottom: 0;
left: auto;
width: 0;
right: 0;
height: 1px;
background-color: #73c92d;
transition: 0.7s ease-out;
pointer-events: none;
}
fieldset input:focus ~ label + span:after,
fieldset textarea:focus + label + span:after {
width: 100%;
right: 0;
left: 0;
}
fieldset:last-child {
margin-bottom: 0;
}
fieldset input[type='text'] ~ label,
fieldset input[type='email'] ~ label,
fieldset input[type='password'] ~ label,
fieldset input[type='tel'] ~ label,
fieldset textarea + label,
fieldset select ~ label {
position: absolute;
font-size: 16px;
left: 0;
top: 0;
transition: 0.3s;
transform-origin: left top;
opacity: 0.6;
pointer-events: none;
height: 100%;
width: 100%;
text-align: left;
}
fieldset select ~ label {
pointer-events: auto;
}
fieldset select:valid ~ label {
top: -15px;
pointer-events: none;
height: calc(100% + 15px);
cursor: pointer;
}
fieldset textarea ~ label {
top: -2px;
}
fieldset select option {
padding: 0;
}
select.basic_select_2 {
pointer-events: none;
}
fieldset input[type='text']:focus ~ label,
fieldset input[type='text']:valid ~ label,
fieldset input[type='email']:focus ~ label,
fieldset input[type='email']:valid ~ label,
fieldset input[type='password']:focus ~ label,
fieldset input[type='password']:valid ~ label,
fieldset input[type='tel']:focus ~ label,
fieldset input[type='tel']:valid ~ label,
fieldset textarea:focus ~ label,
fieldset textarea.filled ~ label,
fieldset input.filled:invalid ~ label {
transform: scale(0.875) translateY(-15px);
}
fieldset input[type='text'],
fieldset input[type='email'],
fieldset input[type='password'],
fieldset input[type='tel'] {
position: relative;
border: none;
outline: none;
box-shadow: none;
font-size: 16px;
font-weight: 500;
color: #3f526f;
background-color: transparent;
border-bottom: 1px solid #c7d4dd;
height: 35px;
width: 100%;
border-radius: 0;
padding: 0;
}
fieldset input[type='text'].error,
fieldset input[type='email'].error,
fieldset input[type='password'].error,
fieldset input[type='tel'].error,
fieldset select.error + span {
border-bottom: 2px solid #f00;
}
fieldset input[type='checkbox'] {
position: absolute;
font-size: 0.1px;
top: 0;
left: 0;
display: none;
}
fieldset input[type='checkbox'].error + label:before {
border-color: #f00;
}
fieldset select {
position: relative;
border: none;
outline: none;
box-shadow: none;
font-size: 16px;
font-weight: 500;
color: #3f526f;
background-color: transparent;
border-bottom: 1px solid #c7d4dd;
height: 35px;
width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
padding: 0;
}
fieldset textarea {
display: block;
position: relative;
border: none;
outline: none;
box-shadow: none;
font-size: 16px;
font-weight: 500;
color: #3f526f;
background-color: transparent;
border-bottom: 1px solid #c7d4dd;
height: 65px;
width: 100%;
resize: none;
border-radius: 0;
padding: 0;
}
fieldset input[type='checkbox'] + label {
position: relative;
cursor: pointer;
padding-left: 55px;
font-size: 16px;
color: #3f526f;
display: inline-block;
line-height: 24px;
}
fieldset input[type='checkbox'] + label a {
text-decoration: none;
font-weight: bold;
color: #73c92d;
position: relative;
}
fieldset input[type='checkbox'] + label a:before {
content: '';
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 2px;
background-color: #73c92d;
transition: 0.3s;
pointer-events: none;
}
fieldset input[type='checkbox'] + label a:hover:before {
width: 0;
left: auto;
right: 0;
}
fieldset input[type='checkbox'] + label:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 4px;
border: 2px solid rgba(63, 82, 111, 0.6);
vertical-align: middle;
margin-right: 16px;
background: transparent;
}
fieldset input[type='checkbox'][data-checkbox-groesse='gross'] + label:before {
height: 28px;
width: 28px;
}
fieldset input[type='checkbox'][data-checkbox-groesse='klein'] + label:before {
height: 24px;
width: 24px;
}
fieldset input[type='checkbox']:checked + label:before {
background: linear-gradient(40deg, #73c92d, #a3db75);
border: none;
}
fieldset input[type='checkbox'][data-checkbox-groesse='gross']:checked + label:before {
height: 32px;
width: 32px;
}
fieldset input[type='checkbox'][data-checkbox-groesse='klein']:checked + label:before {
height: 28px;
width: 28px;
}
fieldset input[type='checkbox'] + label:after {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-position: 7px center;
background-repeat: no-repeat;
background-size: 14px auto;
background-image: url(/img/checkbox_hacken.svg);
width: 0;
transition: 1s;
}
fieldset input[type='checkbox'][data-checkbox-groesse='gross'] + label:after {
height: 32px;
background-position: 9px center;
}
fieldset input[type='checkbox'][data-checkbox-groesse='gross']:checked + label:after {
width: 32px;
}
fieldset input[type='checkbox'][data-checkbox-groesse='klein'] + label:after {
height: 28px;
}
fieldset input[type='checkbox'][data-checkbox-groesse='klein']:checked + label:after {
width: 28px;
}
fieldset input[type='checkbox']:checked + label:after {
opacity: 1;
}
fieldset input[type='radio'] {
position: absolute;
font-size: 0.1px;
top: 0;
left: 0;
display: none;
}
fieldset input[type='radio'] + label {
position: relative;
cursor: pointer;
padding-left: 55px;
font-size: 16px;
color: #3f526f;
display: inline-block;
line-height: 24px;
margin-bottom: 24px;
}
fieldset input[type='radio'] + label:before {
content: '';
display: block;
position: absolute;
height: 28px;
width: 28px;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 4px;
border: 2px solid rgba(63, 82, 111, 0.6);
vertical-align: middle;
margin-right: 16px;
background: transparent;
}
fieldset input[type='radio']:checked + label:before {
background: linear-gradient(40deg, #73c92d, #a3db75);
border: none;
height: 32px;
width: 32px;
}
fieldset input[type='radio'] + label:after {
content: '';
position: absolute;
height: 32px;
width: 0px;
left: 0;
top: 50%;
transform: translateY(-50%);
background-position: 9px center;
background-repeat: no-repeat;
background-size: 14px auto;
background-image: url(/img/checkbox_hacken.svg);
transition: 1s;
}
fieldset input[type='radio']:checked + label:after {
width: 32px;
}
/* formular icons */
fieldset select,
fieldset input,
fieldset textarea {
background-position: right center;
background-repeat: no-repeat;
background-size: auto;
}
fieldset select[data-icon-right='dropdown'] {
background-image: url(/img/dropdown_opacity.svg);
background-position: right 3px center;
padding-right: 20px;
}
fieldset input[data-icon-right='info'] {
background-image: url(/img/info_opacity.svg);
}
fieldset input[data-icon-right='kalender'] {
background-image: url(/img/calender_opacity.svg);
}
fieldset input[data-icon-right='search'] {
background-image: url(/img/search_opacity.svg);
}
fieldset input[data-icon-left='search'] {
background-image: url(/img/search_opacity.svg);
background-position: left center;
}
fieldset input[data-icon-right='info'],
fieldset input[data-icon-right='kalender'],
fieldset input[data-icon-right='search'] {
padding-right: 25px;
}
fieldset input[data-icon-left='search'] {
padding-left: 25px;
}
.ui-datepicker-trigger {
display: none;
}
.success_message {
text-align: center;
padding-left: 24px;
padding-right: 24px;
background: rgba(115, 201, 45, 0.1);
border: 3px solid #73c92d;
border-radius: 5px;
}
.success_message .container {
max-width: 430px;
}
.success_message .container:before {
content: '';
display: inline-block;
margin-bottom: 45px;
width: 105px;
height: 105px;
border-radius: 50%;
background: #ffffff;
box-shadow: 0 9px 25px -10px #73c92d;
background-image: url(/img/green_icons/check.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 38px auto;
}
.success_message h3 {
margin-bottom: 20px;
}
.success_message h4 {
font-weight: normal;
opacity: 0.5;
}
/* Resp */
@media screen and (max-width: 1920px) {
}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
fieldset input[type='checkbox'][data-checkbox-groesse='gross'] + label:before,
fieldset input[type='checkbox'][data-checkbox-groesse='klein'] + label:before,
fieldset input[type='radio'] + label:before {
height: 20px;
width: 20px;
}
fieldset input[type='checkbox'][data-checkbox-groesse='gross']:checked + label:before,
fieldset input[type='checkbox'][data-checkbox-groesse='klein']:checked + label:before,
fieldset input[type='checkbox'][data-checkbox-groesse='gross'] + label:after,
fieldset input[type='checkbox'][data-checkbox-groesse='klein'] + label:after,
fieldset input[type='radio']:checked + label:before,
fieldset input[type='radio'] + label:after {
height: 24px;
width: 0px;
}
fieldset input[type='checkbox'][data-checkbox-groesse='gross']:checked + label:before,
fieldset input[type='checkbox'][data-checkbox-groesse='klein']:checked + label:before,
fieldset input[type='radio']:checked + label:before {
width: 24px;
}
fieldset input[type='checkbox'] + label,
fieldset input[type='radio'] + label {
padding-left: 36px;
}
fieldset input[type='radio'] + label {
margin-bottom: 12px;
}
fieldset {
margin-bottom: 12px;
}
select.basic_select_2 {
pointer-events: auto;
}
}
@media screen and (max-width: 660px) {
}
@media screen and (max-width: 480px) {
fieldset input[type='checkbox'] + label:after,
fieldset input[type='checkbox'] + label:before {
top: 2px;
transform: none;
}
.success_message {
border: 2px solid #73c92d;
}
.success_message .container:before {
width: 64px;
height: 64px;
background-size: 20px auto;
margin-bottom: 24px;
}
}
@media screen and (max-width: 330px) {
}
.no_hover
{
pointer-events: none;
}
.no_hover .image_holder_image:after
{
display: none;
}
.image_holder[data-size="rectangle"]
{
padding-top: 56.25%;
}
.image_holder[data-size="square"]
{
padding-top: 100%;
}
.image_holder[data-size="high"]
{
padding-top: 125%;
}
.image_holder[data-size="green_grid"]
{
padding-top: 82.97%;
}
.image_holder
{
position: relative;
width: 100%;
overflow: hidden;
border-radius: 4px;
box-shadow: 0 12px 24px -8px rgba(0,48,87,0.16);
transform: translateZ(0);
}
.image_holder_image
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s;
}
.image_holder:hover .image_holder_image,
.teaser:hover .image_holder .image_holder_image
{
transform: translateZ(0) scale(1.05);
}
[data-text="inside"] .image_holder_image:after
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -webkit-linear-gradient(to top, rgba(0,0,0,1),rgba(0,0,0,0));
background: -o-linear-gradient(to top, rgba(0,0,0,1),rgba(0,0,0,0));
background: linear-gradient(to top, rgba(0,0,0,1),rgba(0,0,0,0));
opacity: 0.64;
transition: 0.3s;
}
[data-text="inside"] .image_holder:hover .image_holder_image:after,
.teaser[data-text="inside"]:hover .image_holder .image_holder_image:after
{
opacity: 0.84;
}
.teaser
{
position: relative;
outline: none;
}
.text_holder
{
padding-top: 24px;
}
.text_holder[data-text="inside"] small
{
opacity: 0.6;
font-weight: bold;
color: #ffffff;
}
.text_holder small
{
margin-bottom: 8px;
color: rgba(63,82,111,0.6);
}
.text_holder h3
{
margin-bottom: 8px;
}
.text_holder h3:last-child
{
margin-bottom: 0;
}
[data-text="inside"] .text_holder
{
position: absolute;
left: 32px;
right: 32px;
bottom: 32px;
padding-top: 0;
}
[data-text="inside"] .text_holder *
{
color: #ffffff;
}
.teaser > a:last-child
{
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
outline: none;
overflow: hidden;
}
[data-eckohr]:before
{
content: attr(data-eckohr);
color: #ffffff;
position: absolute;
text-align: center;
z-index: 1;
top: 41px;
right: -45px;
padding-top: 10px;
padding-bottom: 10px;
width: 214px;
font-size: 16px;
line-height: 20px;
font-weight: bold;
transform: rotate(45deg);
transition: 0.3s;
background: linear-gradient(to right,rgba(115,201,45,1),rgba(163,219,117,1),rgba(115,201,45,1));
background-size: 200% 100%;
background-position: 0 100%;
}
.teaser:hover [data-eckohr]:before
{
background-position: 100% 100%;
}
/* Demo klassen */
.demo_bild
{
background-image: url(/img/demo/demo.png);
}
.demo_logo
{
background-image: url(/img/demo/demo_logo.jpg);
}
.teaser[data-text="inside"] .text_holder h3:after
{
content: '';
display: block;
vertical-align: middle;
position: relative;
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
background-image: url(/img/icons/Arrow-right.svg);
transition: 0.3s;
transition-delay: 0s;
opacity: 0;
filter: grayscale(1) brightness(10);
transform: translateX(-100%);
}
.teaser[data-text="inside"] .text_holder h3
{
transform: translateY(25px);
transition: 0.3s;
transition-delay: 0.2s;
}
.teaser[data-text="inside"]:hover .text_holder h3
{
transform: translateY(0px);
transition-delay: 0s;
}
.teaser[data-text="inside"]:hover .text_holder h3:after
{
opacity: 1;
transform: translateX(0%) translateX(0px);
transition-delay: 0.2s;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
.image_holder[data-size="green_grid"]
{
padding-top: 70%;
}
}
@media screen and (max-width: 1024px)
{
.image_holder[data-size="green_grid"]
{
padding-top: 65%;
}
}
@media screen and (max-width: 768px)
{
.image_holder[data-size="green_grid"]
{
padding-top: 70%;
}
}
@media screen and (max-width: 660px)
{
[data-eckohr]:before
{
top: 30px;
right: -57px;
}
.image_holder[data-size="green_grid"]
{
padding-top: 60%;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
[data-bg-color="white"] .quote_holder
{
background-color: #F4F8FA;
}
.quote_holder
{
background-color: #FFFFFF;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.16);
border-radius: 4px;
width: 100%;
padding-top: 32px;
padding-bottom: 32px;
padding-right: 64px;
padding-left: 64px;
position: relative;
display: inline-block;
text-align: center;
}
.quote_holder small
{
display: block;
}
.quote_holder h6
{
position: relative;
}
.quote_holder h6:before
{
content: '';
position: absolute;
left: -23px;
top: 0;
height: 23px;
width: 23px;
background-image: url(/img/quote_icon.svg);
background-repeat: no-repeat;
background-size: 23px auto;
background-position: center center;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.quote_holder
{
padding-right: 40px;
padding-left: 40px;
padding-top: 24px;
padding-bottom: 24px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.faq_holder
{
position: relative;
display: inline-block;
padding-bottom: 24px;
border-top: 1px solid #C7D4DD;
width: 100%;
cursor: pointer;
}
.faq_holder:last-child
{
border-bottom: 1px solid #C7D4DD;
}
.faq_holder:last-child
{
margin-bottom: 0;
}
.faq_holder .question
{
position: relative;
padding-top: 24px;
padding-right: 24px;
}
.faq_holder .question p
{
color: #003057;
font-weight: bold;
transition: 0.3s;
}
.faq_holder:hover .question p
{
color: #73C92D;
}
.faq_holder .answer
{
overflow: hidden;
max-height: 0;
transition: 0.3s;
}
.faq_holder .answer p
{
color: rgba(63,82,111,0.6);
}
.measure_me
{
padding-top: 10px;
}
.faq_holder .question:before,
.faq_holder .question:after
{
content: '';
width: 2px;
height: 16px;
position: absolute;
right: 8px;
top: calc(50% + 12px);
transform: translateY(-50%);
border-radius: 1px;
background-color: #003057;
transition: 0.3s;
}
.faq_holder .question:after
{
transform: translateY(-50%) rotate(90deg);
}
[data-open="true"] .question:before
{
transform: translateY(-50%) rotate(90deg);
}
[data-open="true"] .question:after
{
transform: translateY(-50%) rotate(270deg);
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.faq_holder
{
padding-bottom: 16px;
}
.faq_holder .question
{
padding-top: 16px;
}
.faq_holder:hover .question p
{
color: #003057;
}
.faq_holder .question:before,
.faq_holder .question:after
{
top: calc(50% + 8px);
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.infobubble {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
background-image: url(/img/icons/infobubble.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
opacity: .6;
transition: 0.2s;
}
.infobubble > span {
display: block;
position: absolute;
top: 40px;
left: -116px;
width: 250px;
padding: 24px;
background: #FFFFFF;
box-shadow: 0 8px 60px -15px rgba(0,48,87,0.40);
border-radius: 4px;
pointer-events: none;
opacity: 0;
transition: transform .2s, opacity .2s;
transform: translateY(25%);
}
.infobubble:hover {
opacity: 1;
z-index: 4;
}
.infobubble:hover > span {
transform: translateY(0%);
opacity: 1;
}
.infobubble > span::before {
content: '';
width: 24px;
height: 24px;
background-color: #fff;
position: absolute;
right: calc(50% - 12px);
top: -12px;
transform: rotate(45deg);
}
.infobubble .title {
display: block;
font-weight: bold;
font-size: 16px;
color: #003057;
letter-spacing: 0;
line-height: 24px;
margin-bottom: 4px;
}
.infobubble .text {
opacity: 0.6;
font-weight: normal;
font-size: 16px;
color: #3F526F;
letter-spacing: 0;
line-height: 24px;
}
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
/* 3 Slider desktop */
.slider_3_desktop
{
width: calc(100% + 24px);
}
.slider_3_desktop .slick-list
{
overflow: visible;
}
.slider_3_desktop .slick-slide
{
opacity: .3;
margin-right: 24px;
transition: 0.3s;
pointer-events: none;
}
.slider_3_desktop .slick-slide.slick-active
{
opacity: 1;
pointer-events: auto;
}
.slider_3_desktop .btn.prev,
.slider_3_desktop .btn.next
{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
transition: 0.3s;
}
.btn.prev[aria-disabled="true"],
.btn.next[aria-disabled="true"]
{
opacity: 0;
pointer-events: none;
}
.slider_3_desktop .btn.prev
{
left: -56px;
}
.slider_3_desktop .btn.next
{
right: -32px;
}
.slick-slide .text_holder
{
transform: translateZ(0);
}
/* Erfolgsgeschichten Slide */
.erfolgsgeschichten_slider .btn.prev,
.erfolgsgeschichten_slider .btn.next
{
top: 108px;
}
/* Upgrade Slider */
.upgrade_slider_holder.slider_3_desktop .btn.prev,
.upgrade_slider_holder.slider_3_desktop .btn.next
{
top: calc(50% + 15px);
}
/* Basic slider */
.basic_slider
{
box-shadow: 0 12px 24px -8px rgba(0,48,87,0.16);
}
.basic_slider .slick-list
{
border-radius: 4px;
}
.basic_slider .slick-track{
display: flex;
}
.basic_slider .slick-slide{
display: flex;
height: auto;
align-items: center;
justify-content: center;
}
.basic_slider .slick-slide > div,
.basic_slider .slick-slide .teaser
{
height: 100%;
}
.basic_slider .slick-slide [data-text="inside"] .text_holder
{
top: 50%;
bottom: auto;
transform: translateY(-50%);
}
.basic_slider .image_holder
{
box-shadow: none;
border-radius: 0;
}
.basic_slider .btn.prev,
.basic_slider .btn.next
{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
transition: 0.3s;
}
.basic_slider .btn.prev
{
left: -16px;
}
.basic_slider .btn.next
{
right: -16px;
}
.basic_slider .slick-dots
{
position: absolute;
bottom: 25px;
left: 0;
right: 0;
text-align: center;
}
.basic_slider .slick-dots li
{
position: relative;
display: inline-block;
height: 2px;
width: 20px;
border-radius: 2px;
background-color: rgba(255,255,255,0.8);
margin-right: 6px;
margin-left: 6px;
margin-bottom: 0;
padding-left: 0;
vertical-align: middle;
transition: 0.2s;
}
.basic_slider .slick-dots li.slick-active
{
width: 36px;
height: 4px;
opacity: 1;
box-shadow: 0 3px 30px 0 rgba(0,48,87,0.03);
}
.basic_slider .slick-dots li:before
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 2px;
background-image: linear-gradient(45deg, #73C92D 0%, #A3DB75 100%);
transition: 0.2s;
opacity: 0;
}
.basic_slider .slick-dots li.slick-active:before
{
opacity: 1;
}
.basic_slider .slick-dots li button
{
display: none;
}
.basic_slider [data-text="inside"] .image_holder_image:after
{
background-color: rgba(0,0,0,0.48);
opacity: 1;
}
.basic_slider [data-text="inside"] .image_holder:hover .image_holder_image:after,
.basic_slider .teaser[data-text="inside"]:hover .image_holder .image_holder_image:after
{
opacity: 1;
}
.basic_slider .teaser[data-text="inside"]:hover .image_holder .image_holder_image
{
transform: scale(1);
}
.basic_slider [data-text="inside"] .text_holder
{
text-align: center;
bottom: 50%;
left: 85px;
right: 85px;
transform: translateZ(0 ) translateY(50%);
}
/* Geschichten Slider */
.geschichte_slider
{
max-width: 792px;
margin: 0 auto;
}
.geschichte_slider .slick-list
{
overflow: visible;
}
.geschichte_slider .btn.prev,
.geschichte_slider .btn.next
{
position: absolute;
top: calc(50% - 25px);
transform: translateY(-50%);
z-index: 10;
transition: 0.3s;
}
.geschichte_slider .btn.prev
{
left: -32px;
}
.geschichte_slider .btn.next
{
right: -32px;
}
.geschichte_slider .slick-slide .geschichte_single
{
opacity: 0.2;
transition: 0.2s;
transform: scale(0.8);
}
.geschichte_slider .slick-slide
{
position: relative;
transition: 0.3s;
transform: translateX(100px);
}
.geschichte_slider .slick-slide.slick-active
{
transform: translateX(0px);
z-index: 1;
}
.geschichte_slider .slick-slide.slick-active ~ .slick-slide
{
transform: translateX(-100px);
}
.geschichte_slider .slick-slide.slick-active .geschichte_single
{
opacity: 1;
transform: scale(1);
}
.geschichte_slider .slick-slide:first-child .geschichte_single_holder:after
{
width: 50%;
margin-left: auto;
margin-right: 0;
}
.geschichte_slider .slick-slide:last-child .geschichte_single_holder:after
{
width: 50%;
}
.geschichte_slider .slick-slide .geschichte_single_holder:before
{
transition: 0.3s;
}
.geschichte_slider .slick-slide:not(.slick-active) .geschichte_single_holder:before
{
filter: grayscale(1);
transform: translateY(-2px) scale(0.4);
background-color: white;
border: 4px solid #73C92D;
}
/* Mobile Slider */
.mobile_slider.slick-initialized[data-grid] > div
{
width: calc(100% + 24px);
margin-right: 0;
margin-bottom: 0;
display: block;
}
.mobile_slider .slick-list
{
overflow: visible;
}
.mobile_slider .slick-slide
{
margin-right: 24px;
}
.mobile_slider .btn.prev,
.mobile_slider .btn.next
{
position: absolute;
top: calc(50% - 25px);
transform: translateY(-50%);
z-index: 10;
transition: 0.3s;
}
.mobile_slider .btn.prev
{
left: -32px;
}
.mobile_slider .btn.next
{
right: -32px;
}
.mobile_slider .slick-slide
{
opacity: .3;
transition: 0.3s;
pointer-events: none;
}
.mobile_slider .slick-slide.slick-active
{
opacity: 1;
pointer-events: auto;
}
.slick-list > .slick-track {
margin-left: 0;
}
.basic_slider.slick-initialized .slick-slide
{
display: inline-block;
vertical-align: middle;
float: none;
}
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
.slider_3_desktop .btn.prev
{
left: -24px;
}
.slider_3_desktop .btn.next
{
right: 0;
}
/* Erfolgsgeschichten Slide */
.erfolgsgeschichten_slider .btn.prev,
.erfolgsgeschichten_slider .btn.next
{
top: 8.32vw;
}
}
@media screen and (max-width: 1024px)
{
/* Erfolgsgeschichten Slide */
.erfolgsgeschichten_slider .btn.prev,
.erfolgsgeschichten_slider .btn.next
{
top: 10.15vw;
}
}
@media screen and (max-width: 834px)
{
.basic_slider
{
width: calc(100% + 16px);
margin-bottom: 30px;
box-shadow: none;
}
.slider_3_desktop
{
width: calc(100% + 16px);
}
.basic_slider .slick-list
{
border-radius: 0;
overflow: visible;
}
.basic_slider .slick-slide,
.slider_3_desktop .slick-slide
{
margin-right: 16px;
}
.basic_slider .slick-dots
{
bottom: -30px;
}
.basic_slider .image_holder
{
box-shadow: 0 3px 30px 0 rgba(0,48,87,0.03);
border-radius: 4px;
}
.basic_slider .slick-dots li
{
background-color: #003057;
width: 10px;
margin-right: 3px;
margin-left: 3px;
opacity: 0.2;
}
.basic_slider .slick-dots li.slick-active
{
width: 18px;
}
.mobile_slider.slick-initialized[data-grid] > div
{
width: calc(100% + 16px);
}
.mobile_slider .slick-slide
{
margin-right: 16px;
}
.geschichte_slider .btn.prev
{
left: -24px;
}
.geschichte_slider .btn.next
{
right: -24px;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.basic_slider [data-text="inside"] .text_holder
{
left: 0px;
right: 0px;
top: 0;
padding: 32px;
position: relative;
transform: none;
}
.basic_slider [data-text="inside"] .image_holder
{
padding-top: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.basic_slider [data-text="inside"] .text_holder h2
{
font-size: 16px;
line-height: 25px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.tab_nav_cta_holder:not(.transparent)
{
background: #F4F8FA;
box-shadow: inset 0 4px 16px 0 rgba(0,48,87,0.08);
border-radius: 28px;
height: 56px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
position: relative;
}
.tab_nav_cta_holder:not(.transparent) button
{
height: 48px;
}
.tab_nav_cta_holder button > span
{
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
.tab_nav_cta_holder button:not([data-active="true"])
{
background-color: transparent;
color: #3F526F;
opacity: .4;
}
.tab_nav_cta_holder button:hover
{
opacity: 1;
}
.tab_nav_cta_holder button:hover:before
{
opacity: 0;
}
.tab_nav_cta_holder button[data-active="true"]:before
{
/*opacity: 1;*/
}
.tab_nav_cta_holder[data-count="2"]:not(.transparent) button
{
width: calc(100% / 2);
}
.tab_nav_cta_holder[data-count="3"]:not(.transparent) button
{
width: calc(100% / 3);
}
.tab_nav_cta_holder[data-count="4"]:not(.transparent) button
{
width: calc(100% / 4);
}
.tab_nav_cta_holder:not(.transparent):before
{
content: '';
display: block;
top: 4px;
bottom: 4px;
left: 4px;
position: absolute;
background-image: linear-gradient(40deg, #73C92D, #A3DB75);
border-radius: 28px;
transition: 0.4s;
}
.tab_nav_cta_holder[data-count="2"]:not(.transparent):before
{
width: calc(50% - 4px);
}
.tab_nav_cta_holder[data-count="3"]:not(.transparent):before
{
width: calc(33.33% - 2.6px);
}
.tab_nav_cta_holder[data-count="4"]:not(.transparent):before
{
width: calc(25% - 2px);
}
.tab_nav_cta_holder[data-current-content="1"]:before
{
transform: translateX(0);
}
.tab_nav_cta_holder[data-current-content="2"]:before
{
transform: translateX(100%);
}
.tab_nav_cta_holder[data-current-content="3"]:before
{
transform: translateX(200%);
}
.tab_nav_cta_holder[data-current-content="4"]:before
{
transform: translateX(300%);
}
.tab_nav_cta_content
{
padding-top: 36px;
}
.tab_nav_cta_content > div
{
display: none;
}
.tab_nav_cta_holder[data-current-content="1"] ~ .tab_nav_cta_content > div:first-child,
.tab_nav_cta_holder[data-current-content="2"] ~ .tab_nav_cta_content > div:nth-child(2),
.tab_nav_cta_holder[data-current-content="3"] ~ .tab_nav_cta_content > div:nth-child(3),
.tab_nav_cta_holder[data-current-content="4"] ~ .tab_nav_cta_content > div:nth-child(4),
.tab_nav_cta_holder[data-current-content="5"] ~ .tab_nav_cta_content > div:nth-child(5),
.tab_nav_cta_holder[data-current-content="6"] ~ .tab_nav_cta_content > div:nth-child(6),
.tab_nav_cta_holder[data-current-content="7"] ~ .tab_nav_cta_content > div:nth-child(7),
.tab_nav_cta_holder[data-current-content="8"] ~ .tab_nav_cta_content > div:nth-child(8),
.tab_nav_cta_holder[data-current-content="9"] ~ .tab_nav_cta_content > div:nth-child(9),
.tab_nav_cta_holder[data-current-content="10"] ~ .tab_nav_cta_content > div:nth-child(10),
.tab_nav_cta_holder[data-current-content="11"] ~ .tab_nav_cta_content > div:nth-child(11),
.tab_nav_cta_holder[data-current-content="12"] ~ .tab_nav_cta_content > div:nth-child(12),
.tab_nav_cta_holder[data-current-content="13"] ~ .tab_nav_cta_content > div:nth-child(13),
.tab_nav_cta_holder[data-current-content="14"] ~ .tab_nav_cta_content > div:nth-child(14),
.tab_nav_cta_holder[data-current-content="15"] ~ .tab_nav_cta_content > div:nth-child(15)
{
display: block;
}
.tab_nav_cta_holder.transparent
{
text-align: center;
white-space: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling:touch;
width: calc(100% + 64px);
margin-left: -32px;
}
.tab_nav_cta_holder.transparent button
{
-webkit-appearance:none;
-moz--webkit-appearance:none;
-ms--webkit-appearance:none;
outline: none;
box-shadow: none;
appearance:none;
margin: 0;
border: 0;
background-color: transparent;
cursor: pointer;
font-weight: bold;
font-size: 16px;
color: rgba(63,82,111,.6);
text-align: center;
line-height: 64px;
padding-left: 16px;
padding-right: 16px;
transition: 0.2s;
position: relative;
opacity: 1;
border-bottom: 1px solid #73C92D;
}
.tab_nav_cta_holder.transparent button:after
{
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 5px;
opacity: 0;
transition: 0.3s;
background-color: #73C92D;
}
.tab_nav_cta_holder.transparent button:hover
{
color: rgba(63,82,111,1);
}
.tab_nav_cta_holder.transparent button[data-active="true"]
{
color: #73C92D;
}
.tab_nav_cta_holder.transparent button[data-active="true"]:after
{
opacity: 1;
left: 0;
right:auto;
width: 100%;
}
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
.tab_nav_cta_holder button
{
padding-left: 0;
padding-right: 0;
}
.tab_nav_cta_holder button .hide_mobile
{
display: none;
}
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.loader_holder
{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
opacity: 1;
pointer-events: auto;
z-index: 99999;
transition: 1s;
}
[data-loaded="true"] .loader_holder
{
transform: translateX(100vw);
pointer-events: none;
}
#loader{
width:100%;
height:100%;
display:block;
overflow: hidden;
transform: translate3d(0,0,0);
text-align: center;
opacity: 1;
position: absolute;
top: 0;
left: 0;
}
#loader svg
{
transform: translate3d(0px, 0px, 0px) scale(0.5) !important;
}
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
#loader svg
{
transform: translate3d(0px, 0px, 0px) scale(1) !important;
}
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.newsletter
{
text-align: center;
}
.newsletter .newsletter_img
{
height: 60px;
width: auto;
margin-bottom: 42px;
}
.newsletter h2
{
margin-bottom: 32px;
}
.newsletter > fieldset
{
margin-bottom: 40px;
}
.newsletter div[data-grid]
{
margin-bottom: 7px;
}
.newsletter div[data-grid]:last-child
{
margin-bottom: 0;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
.newsletter [data-grid="3"] > div
{
width: 100%;
margin-right: 0;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.newsletter .newsletter_img
{
height: 40px;
margin-bottom: 16px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.personal_angaben,
.welches_angebot,
.gesprech
{
margin-bottom: 64px;
}
.personal_angaben:last-child,
.welches_angebot:last-child,
.gesprech:last-child
{
margin-bottom: 0;
}
.personal_angaben [data-grid] > div,
.gesprech [data-grid] > div
{
margin-bottom: 31px;
}
.gesprech [data-grid] > div:nth-child(2)
{
margin-bottom: 55px;
}
.beratung_button_holder
{
text-align: right;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.personal_angaben [data-grid] > div:empty
{
display: none;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
[data-bg-color="darkwhite"] .berater_field
{
background-color: #ffffff;
}
[data-bg-color="white"] .berater_field
{
background-color: #F4F8FA;
}
.berater_field
{
position: relative;
padding-top: 32px;
padding-bottom: 32px;
padding-right: 32px;
padding-left: 32px;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.16);
border-radius: 4px;
}
.berater_img
{
display: inline-block;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center -20px;
background-size: 250px auto;
vertical-align: middle;
height: 180px;
width: 180px;
}
.demo_berater
{
background-image: url(/img/demo/demo_berater.png);
}
.berater_content
{
width: calc(100% - 185px);
padding-left: 40px;
display: inline-block;
vertical-align: middle;
}
.berater_content *
{
width: 100%;
}
.berater_content small
{
display: inline-block;
margin-bottom: 8px;
}
.berater_content h3
{
margin-bottom: 16px;
}
.berater_content p
{
margin-bottom: 8px;
}
.berater_content p:last-child
{
margin-bottom: 0;
}
.berater_links
{
padding-top: 16px;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.berater_content
{
width: 100%;
padding-left: 0;
}
.berater_img
{
display: block;
margin: 0 auto;
margin-bottom: 24px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.anmelden_holder
{
background-color: #F4F8FA;
border-radius: 4px;
padding-top: 32px;
padding-right: 32px;
padding-left: 32px;
padding-bottom: 32px;
margin-bottom: 47px;
}
.anmelden_holder p
{
opacity: 0.8;
margin-bottom: 47px;
}
.anmelden_daten
{
display: block;
position: relative;
text-align: center;
}
.anmelde_inputs
{
display: block;
max-width: 384px;
margin: 0 auto;
margin-bottom: 40px;
}
.pers_angaben [data-grid] > div
{
margin-bottom: 31px;
}
.plz_holder fieldset
{
display: inline-block;
margin-right: 24px;
}
.plz_holder fieldset:nth-child(1)
{
width: calc(35% - 14.5px);
}
.plz_holder fieldset:nth-child(2)
{
width: calc(65% - 14.5px);
}
.plz_holder fieldset:last-child
{
margin-right: 0;
}
/* Kleine section links und rechts */
.aktiv_werden,
.aktiv_werden_mit_datum,
.gesamttotal_holder
{
padding-top: 32px;
padding-right: 32px;
padding-left: 32px;
padding-bottom: 32px;
border: 1px solid #C7D4DD;
border-radius: 4px;
margin-bottom: 24px;
z-index: 2;
position: absolute;
background-color: #fff;
transform: translateZ(0);
width: 348px;
}
.aktiv_werden h6,
.aktiv_werden_mit_datum h6,
.gesamttotal_holder h6
{
font-weight: bold;
}
.aktiv_werden:last-child,
.aktiv_werden_mit_datum:last-child
{
margin-bottom: 0;
}
.aktiv_werden h3,
.aktiv_werden_mit_datum h3
{
margin-bottom: 12px;
}
.aktiv_werden p
{
margin-bottom: 32px;
color: rgba(58,83,114,0.6);
}
.aktiv_werden_mit_datum p
{
margin-bottom: 16px;
}
.aktiv_werden_mit_datum p:last-child
{
margin-bottom: 40px;
}
.aktiv_werden .btn,
.aktiv_werden_mit_datum .btn
{
width: 100%;
margin-bottom: 16px;
box-shadow: none;
padding-left: 0;
padding-right: 0;
}
.aktiv_werden .btn:last-child,
.aktiv_werden_mit_datum .btn:last-child
{
margin-bottom: 0;
}
.aktiv_werden .btn:after,
.aktiv_werden_mit_datum .btn:after
{
right: auto;
transform: translateY(-50%) translateX(-15px);
}
.aktiv_werden .btn:hover:after,
.aktiv_werden_mit_datum .btn:hover:after
{
transform: translateY(-50%) translateX(-21px);
}
.gesamttotal_top
{
width: 100%;
padding-bottom: 24px;
border-bottom: 1px solid #EAF0F4;
}
.gesamttotal_top h6
{
position: relative;
margin-bottom: 4px;
}
.gesamttotal_top h2
{
margin-bottom: 4px;
}
/* .gesamttotal_top h6:before
{
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-image: url(/img/icons/Info.svg);
background-repeat: no-repeat;
background-size: 16px auto;
background-position: right center;
} */
.gesamttotal_bottom
{
padding-top: 24px;
}
.gesamttotal_bottom_split
{
margin-bottom: 32px;
}
.gesamttotal_bottom_split:last-child
{
margin-bottom: 0;
}
.gesamttotal_bottom_split > div
{
display: inline-block;
padding-right: 30px;
width: 114px;
}
.gesamttotal_bottom_split > div:nth-child(2n)
{
width: calc(100% - 114px);
padding-right: 0;
color: rgba(63,82,111, .6);
}
.gesamttotal_button_split > div
{
display: inline-block;
margin-right: 16px;
}
.gesamttotal_bottom_split > div .infobubble
{
z-index: 1;
vertical-align: top;
top: 4px;
margin-left: 10px;
}
.gesamttotal_button_split > div:nth-child(2n)
{
margin-right: 0;
}
.gesamttotal_button_split .btn
{
padding-left: 0;
padding-right: 0;
text-align: center;
width: 132px;
}
.gesamttotal_button_split .btn[data-icon-left="arrow"]:after
{
left: 0;
transform: translateY(-50%) translateX(25px);
}
.gesamttotal_button_split .btn[data-icon-left="arrow"]:hover:after
{
transform: translateY(-50%) translateX(31px);
}
.gesamttotal_button_split .btn[data-icon-right="arrow"]:after
{
right: 0;
transform: translateY(-50%) translateX(-25px);
}
.gesamttotal_button_split .btn[data-icon-right="arrow"]:hover:after
{
transform: translateY(-50%) translateX(-31px);
}
.gesamttotal_button_split .btn:hover
{
padding-right: 0;
padding-left: 0;
}
.gesamttotal_button_split .btn[data-icon-left="arrow"] span:before
{
margin-right: 16px;
}
.gesamttotal_button_split .btn[data-icon-right="arrow"] span:after
{
margin-left: 16px;
}
.gesamttotal_icon p
{
position: relative;
}
.gesamttotal_icon p:before
{
content: '';
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
background-image: url(/img/icons/Info.svg);
background-repeat: no-repeat;
background-size: 16px auto;
background-position: right center;
}
.gesamttotal_button_split .btn[data-icon-right="arrow"]:hover,
.gesamttotal_button_split .btn[data-icon-left="arrow"]:hover
{
padding-left: 0;
padding-right: 0;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
.aktiv_werden .btn,
.aktiv_werden_mit_datum .btn
{
max-width: 450px;
}
.aktiv_werden,
.aktiv_werden_mit_datum,
.gesamttotal_holder
{
position: relative;
margin: 0 auto;
max-width: 400px;
width: auto;
}
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.pers_angaben [data-grid] > div:empty
{
display: none;
}
.aktiv_werden,
.aktiv_werden_mit_datum,
.gesamttotal_holder
{
padding-right: 24px;
padding-left: 24px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
/* .upgrade_urself_section {
z-index: 200;
} */
.upgrade_urself_section + section h2 {
position: relative;
z-index: 210;
}
.upgrade_urself {
background-color: #ffffff;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.16);
border-radius: 4px;
padding-top: 64px;
padding-bottom: 64px;
padding-right: 80px;
padding-left: 80px;
position: relative;
top: -100px;
margin-bottom: -100px;
z-index: 2;
}
.upgrade_urself h2
{
margin-bottom: 40px;
}
.upgrade_button_holder
{
margin-top: -15px;
text-align: right;
}
.upgrade_urself [data-grid] > div
{
margin-bottom: 0px;
}
.header_text.upgrade_adaption
{
padding-bottom: 100px;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
.upgrade_urself
{
padding-top: 44px;
padding-bottom: 44px;
padding-right: 60px;
padding-left: 60px;
}
.upgrade_urself [data-grid] > div.upgrade_button_holder
{
width: 100%;
margin-top: 15px;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.upgrade_urself [data-grid] > div
{
margin-bottom: 32px;
}
.upgrade_urself [data-grid] > div.upgrade_button_holder
{
margin-top: 0;
margin-bottom: 0;
}
}
@media screen and (max-width: 480px)
{
.upgrade_urself
{
padding-top: 24px;
padding-bottom: 48px;
padding-right: 30px;
padding-left: 30px;
width: calc(100% + 32px);
margin-left: -16px;
top: -48px;
margin-bottom: -32px;
}
.upgrade_urself [data-grid] > div
{
margin-bottom: 35px;
}
.upgrade_urself .btn
{
width: 100%;
}
.header_text.upgrade_adaption
{
padding-bottom: 48px;
}
}
@media screen and (max-width: 330px)
{
}
.zusammenfassung_holder
{
padding-top: 32px;
padding-right: 32px;
padding-left: 32px;
padding-bottom: 32px;
border: 1px solid #C7D4DD;
border-radius: 4px;
margin-bottom: 24px;
}
.zusammenfassung_split
{
margin-bottom: -16px;
}
.zusammenfassung_split > div
{
display: inline-block;
padding-right: 60px;
width: 145px;
margin-bottom: 12px;
}
.zusammenfassung_split > div:nth-child(2n)
{
width: calc(100% - 145px);
padding-right: 0;
}
.zusammenfassung_split > div:nth-child(2n) p
{
color: rgba(63,82,111,0.6);
}
.info_table td
{
padding-right: 64px;
}
.info_table td:last-child
{
padding-right: 0;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.zusammenfassung_holder
{
padding-right: 24px;
padding-left: 24px;
}
.zusammenfassung_split > div
{
width: 100%;
margin-right: 0;
margin-bottom: 4px;
}
.zusammenfassung_split > div:nth-child(2n)
{
margin-bottom: 12px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.demo_team_img
{
background-image: url(/img/demo/demo_team.jpg);
}
.team_daten a
{
margin-right: 12px;
margin-bottom: 0;
position: relative;
z-index: 1;
pointer-events: auto;
}
.team_daten a:last-child
{
margin-right: 0;
}
.team_holder .text_holder h6
{
margin-bottom: 4px;
}
.team_holder .text_holder small
{
display: inline-block;
margin-bottom: 0;
font-weight: 500;
opacity: 1;
}
.team_holder .text_holder small:last-child
{
margin-bottom: 0;
}
.team_daten
{
transform: translateZ(0);
max-height: 0;
transition: 0.5s;
opacity: 0;
z-index: 1;
position: relative;
pointer-events: none;
}
.teaser:hover .team_daten
{
margin-top: 24px;
max-height: 48px;
opacity: 1;
}
.team_daten [data-icon-left="mail"] span:before
{
background-image: url(/img/footer_icons/footer_mail.svg);
}
.team_daten [data-icon-left="tele"] span:before
{
background-image: url(/img/footer_icons/footer_phone.svg);
}
.team_holder [data-text="inside"] .image_holder_image:after
{
background: linear-gradient(180deg, rgba(0,0,0,0.00), rgba(0,0,0,1));
opacity: 0.23;
}
.team_holder .teaser[data-text="inside"]:hover .image_holder_image:after
{
background: linear-gradient(180deg, rgba(0,0,0,0.00), rgba(0,0,0,1));
opacity: 0.48;
}
/* NEW */
.team_daten {
height: 30px;
position: relative;
}
.team_daten a {
display: none;
}
.team_daten:before {
content: '';
display: block;
width: 30px;
height: 2px;
background-color: #fff;
position: absolute;
top: calc(50% - 1px);
left: 0;
border-radius: 2px;
}
.team_daten:after {
content: '';
display: block;
width: 2px;
height: 30px;
background-color: #fff;
position: absolute;
top: calc(50% - 15px);
left: 14px;
border-radius: 2px;
}
.green_grid_holder [data-grid] > div
{
position: relative;
}
.green_grid_holder [data-grid] > div a
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 5;
}
.green_grid
{
position: relative;
padding-top: 50px;
padding-bottom: 40px;
text-align: center;
box-shadow: 0 3px 30px 0 rgba(0,48,87,0.03);
border-radius: 4px;
cursor: pointer;
background-image: linear-gradient(to top, rgba(115,201,45,1),rgba(115,201,45,1),rgba(115,201,45,1),rgba(163,219,117,1));
background-size: 100% 200%;
background-position: 100% 100%;
transition: 0.5s;
}
.green_grid:before
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
background: linear-gradient(to top, rgba(0,0,0,1),rgba(0,0,0,0));
border-radius: 4px;
transition: 0.5s;
}
.green_grid_holder [data-grid] > div:hover .green_grid:before
{
opacity: 0.1;
}
.green_grid_holder [data-grid] > div:hover .green_grid
{
background-position: 100% 0%;
}
.green_grid > a
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.green_grid img
{
position: relative;
height: 60px;
width: auto;
margin-bottom: 32px;
z-index: 1;
}
.green_grid h4
{
position: relative;
color: #ffffff;
z-index: 1;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
.green_grid_holder [data-grid="4"] > div
{
width: calc(25% - 18px);
margin-right: 24px;
}
.green_grid_holder [data-grid="4"] > div:nth-child(4)
{
margin-right: 0;
}
}
@media screen and (max-width: 1024px)
{
.green_grid_holder [data-grid="4"] > div,
.green_grid_holder [data-grid="4"] > div:nth-child(4)
{
width: calc(50% - 12px);
margin-right: 24px;
}
.green_grid_holder [data-grid="4"] > div:nth-child(2n)
{
margin-right: 0;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
.green_grid_holder [data-grid="4"] > div,
.green_grid_holder [data-grid="4"] > div:nth-child(4),
.green_grid_holder [data-grid="4"] > div:nth-child(2n)
{
width: 100%;
margin-right: 0;
}
}
@media screen and (max-width: 330px)
{
}
.information_banner
{
position: relative;
width: 100%;
padding-left: 40px;
padding-right: 40px;
padding-top: 155px;
padding-bottom: 132px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 4px;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.16);
text-align: center;
}
.information_banner:before
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 4px;
background-color: rgba(0,0,0,0.4);
}
.information_banner h3
{
color: #ffffff;
}
.banner_content
{
position: relative;
z-index: 1;
}
/* Demo */
.demo_banner
{
background-image: url(/img/demo/demo_banner.jpg);
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.information_banner
{
padding-top: 60px;
padding-bottom: 50px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.fakten .unter_fakten
{
display: block;
width: 100%;
border-top: 1px solid #C7D4DD;
padding-top: 24px;
padding-bottom: 24px;
}
.fakten .unter_fakten:last-child
{
border-bottom: 1px solid #C7D4DD;
}
.unter_fakten > div
{
display: inline-block;
margin-right: 24px;
width: calc(50% - 12px);
vertical-align: top;
padding-left: 48px;
}
.unter_fakten > div.full {
width: 100%;
}
.unter_fakten > div:nth-child(2n)
{
margin-right: 0;
}
.unter_fakten > div p,
.fakt_varianten p strong
{
color: rgba(63,82,111,0.6);
}
.unter_fakten > div p
{
margin-bottom: 0;
}
.unter_fakten > div .fakt_icon p
{
color: #003057;
}
.fakt_icon
{
position: relative;
margin-bottom: 8px;
}
.fakt_varianten > div
{
vertical-align: top;
display: inline-block;
margin-right: 35px;
}
.fakt_varianten > div:nth-child(2)
{
margin-right: 0;
}
/* Icons */
.fakt_icon[data-icon]:before
{
content: '';
position: absolute;
left: -48px;
top: 50%;
height: 24px;
width: 24px;
transform: translateY(-50%);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.fakt_icon[data-icon="time"]:before
{
background-image: url(/img/icons/Time.svg);
}
.fakt_icon[data-icon="abschluss"]:before
{
background-image: url(/img/icons/Diploma.svg);
}
.fakt_icon[data-icon="termin"]:before
{
background-image: url(/img/icons/Calendar.svg);
}
.fakt_icon[data-icon="standort"]:before
{
background-image: url(/img/icons/Location.svg);
}
.fakt_icon[data-icon="varianten"]:before
{
background-image: url(/img/icons/Options.svg);
}
.fakt_icon[data-icon="star"]:before
{
background-image: url(/img/icons/Like.svg);
}
.next_dates_box {
background-color: #FFFFFF;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.16);
border-radius: 4px;
padding: 24px 32px;
position: relative;
overflow: hidden;
}
.mobile_next_dates_box_trigger + .next_dates_box {
margin-top: 24px;
}
.next_dates_box:last-child {
margin-bottom: 8px;
}
.next_dates_box.overflow_visible {
overflow: visible;
}
.next_dates_box + .next_dates_box {
margin-top: 16px;
}
.next_dates_box_title {
position: relative;
padding-left: 40px;
}
.next_dates_box_title:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 40px;
opacity: 0.4;
background-image: url(/img/icons/Location.svg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: left center;
}
.next_dates_box_title:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 16px;
background-image: url(/img/icons/Dropdown.svg);
background-repeat: no-repeat;
background-size: 16px auto;
background-position: right center;
transition: .3s;
}
[data-open="true"] .next_dates_box_title:after {
transform: rotate(180deg);
}
.next_dates_box_row {
border-top: 1px solid #C7D4DD;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
align-items: center;
}
.next_dates_box_row:last-child {
padding-bottom: 0px;
}
.next_dates_box_row > div:first-child {
width: 136px;
}
.next_dates_box_row > div:first-child small {
font-weight: bold;
color: #73C92D;
background-image: url(/img/icons/Check_green.svg);
background-repeat: no-repeat;
background-position: left left calc(50% + 1.5px);
background-size: auto 12px;
padding-left: 20px;
}
.next_dates_box_row > div:first-child small.ausgebucht {
font-weight: bold;
color: #c65555;
background-image: url(/img/icons/close_red.svg);
}
.next_dates_box_row > div:nth-child(2) {
width: 150px;
}
.next_dates_box_row > div:last-child {
margin-left: auto;
}
.next_dates_box_content .measure_me:before {
content: '';
display: block;
height: 24px;
}
.next_dates_box_content {
transition: .3s;
height: 0;
opacity: 0;
pointer-events: none;
}
[data-open="true"] .next_dates_box_content {
opacity: 1;
pointer-events: auto;
height: auto;
}
.next_dates_box_trigger {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 72px;
cursor: pointer;
}
.mobile_next_dates_box_trigger {
cursor: pointer;
display: none;
}
.unter_fakten .mobile_next_dates_box_trigger p {
color: #73C92D;
position: relative;
cursor: pointer;
}
.unter_fakten .mobile_next_dates_box_trigger p:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 16px;
background-image: url(/img/icons/Dropdown_green.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 16px auto;
transition: 0.2s;
}
.unter_fakten .mobile_next_dates_box_trigger[data-open="true"] p:after {
transform: rotate(180deg);
}
.icon_grid_praktikum {
border-top: 1px solid #C7D4DD;
margin-bottom: 0;
}
.icon_grid_praktikum img {
height: 45px;
width: auto;
display: inline-block;
margin-bottom: 12px;
}
.icon_grid_praktikum > div {
padding-top: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #C7D4DD;
margin-bottom: 0;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 820px)
{
.unter_fakten > div
{
width: 100%;
margin-right: 0;
margin-bottom: 24px;
}
.unter_fakten > div:nth-child(2n)
{
margin-bottom: 0;
padding-top: 24px;
border-top: 1px solid #C7D4DD;
}
.next_dates_box {
box-shadow: none;
border: 1px solid #C7D4DD;
padding: 24px;
width: calc(100% + 48px);
margin-left: -48px;
}
.next_dates_box_row {
display: block;
}
.next_dates_box_row > div {
width: 100%;
}
.next_dates_box_row > div + div {
margin-top: 8px;
}
.next_dates_box_row > div:last-child {
margin-top: 16px;
}
.next_dates_box_content .measure_me:before {
height: 12px;
}
/*.next_dates_box_trigger {
display: none;
}*/
.next_dates_box_title:after {
display: none;
}
.mobile_next_dates_box_trigger {
display: block;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.icon_grid_praktikum img {
height: 32px;
}
.icon_grid_praktikum > div {
padding-top: 24px;
padding-bottom: 24px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.kurzumfrage [data-grid] > div button
{
width: 100%;
}
/* Demo */
.demo_video
{
background-image: url(/img/demo/demo_video.jpg);
}
.video_holder .play_btn
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 56px;
width: 56px;
border-radius: 50%;
background-image: url(/img/play_btn.svg);
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
box-shadow: 0 12px 24px 0 rgba(0,48,87,0.64);
}
.video_holder .play_btn:before
{
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 54px;
width: 54px;
border-radius: 50%;
border: 1px solid #ffffff;
transition: 0.5s;
transition-delay: 0.1s;
filter: blur(1px);
}
.video_holder .teaser:hover .play_btn:before
{
transform: translate(-50%,-50%) scale(1.8);
filter: blur(5px);
transition-delay: 0s;
}
/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
.video_holder .play_btn:before
{
transition-delay: 0;
}
.video_holder .teaser:hover .play_btn:before
{
transition-delay: 0s;
}
}
}
.video_holder .play_btn:after
{
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 54px;
width: 54px;
border-radius: 50%;
border: 1px solid #ffffff;
transition: 0.5s;
opacity: 0.8;
}
.video_holder .teaser:hover .play_btn:after
{
opacity: 0;
transform: translate(-50%,-50%) scale(2);
}
/* data-lity Style */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container
{
width: 70vw;
max-width: 1344px;
padding-right: 32px;
padding-left: 32px;
}
.lity-close,
.lity-close:active,
.lity-close:focus
{
font-size: 0.1px;
height: 60px;
width: 60px;
border-radius: 50%;
background-color: #ffffff;
background-image: url(/img/icons/Delete.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 24px auto;
position: absolute;
right: 0;
top: -30px;
transition: 0.3s;
}
.lity-close:hover
{
font-size: 0.1px;
height: 60px;
width: 60px;
border-radius: 50%;
background-color: #ffffff;
background-image: url(/img/icons/Delete.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 24px auto;
transform: scale(1.05);
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.lity-close
{
height: 30px;
width: 30px;
background-size: 12px auto;
top: -15px;
right: 15px;
}
.lity-close:hover
{
height: 30px;
width: 30px;
background-size: 12px auto;
top: -15px;
right: 15px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.partner,
.garantiemarken {
position: relative;
border-radius: 4px;
padding: 32px;
}
.partner {
border: 1px solid #C7D4DD;
}
.partner:after,
.garantiemarken:after {
content: '';
display: block;
margin-top: -12px;
}
.partner img {
text-align: center;
max-width: 320px;
max-height: auto;
margin-bottom: 32px;
max-height: 64px;
}
.garantiemarken img {
display: block;
width: 100%;
margin-bottom: 32px;
}
.partner_content
{
padding-top: 32px;
border-top: 1px solid #EAF0F4;
}
.partner_content h4
{
margin-bottom: 8px;
}
.partner_content h4:last-child
{
margin-bottom: 0;
}
.partner_content p
{
color: rgba(63,82,111,0.6);
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.partner
{
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 24px;
}
.partner img
{
margin-bottom: 16px;
}
.partner_content
{
padding-top: 16px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
[data-bg-color="white"] .downloads_holder
{
background-color: #F4F8FA;
}
[data-bg-color="white"] .downloads_holder .btn
{
background-color: #FFFFFF;
}
[data-bg-color="darkwhite"] .downloads_holder
{
background-color: #FFFFFF;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.16);
}
.downloads_holder[data-img="true"]
{
padding-left: 32px;
padding-right: 32px;
}
.downloads_holder[data-img="false"] img
{
display: none;
}
.downloads_holder
{
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
padding-right: 24px;
padding-left: 24px;
border-radius: 4px;
margin-bottom: 24px;
}
.downloads_holder:last-child
{
margin-bottom: 0;
}
.downloads_holder img
{
display: inline-block;
height: auto;
width: 90px;
vertical-align: middle;
margin-right: 24px;
border-radius: 4px;
border: 1px solid #C7D4DD;
}
.downloads_holder[data-img="false"] .download_content
{
width: 100%;
}
.download_content
{
display: inline-block;
vertical-align: middle;
width: calc(100% - 114px);
}
.download_content > div
{
display: inline-block;
vertical-align: middle;
}
.download_content > div .btn
{
padding-right: 0;
padding-left: 0;
width: 100%;
max-width: 204px;
}
.download_content > div:nth-child(1)
{
width: 410px;
padding-right: 40px;
}
.download_content > div:nth-child(2)
{
text-align: right;
width: calc(100% - 410px);
}
.downloads_holder [data-icon-left="download"] span::before
{
margin-right: 16px;
}
.download_content h4
{
margin-bottom: 8px;
}
.download_content h4:last-child
{
margin-bottom: 0;
}
[data-grid="2"] .download_content > div:nth-child(1)
{
width: 132px;
padding-right: 12px;
}
[data-grid="2"] .download_content > div:nth-child(2)
{
width: calc(100% - 132px);
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 860px)
{
.download_content > div:nth-child(1),
.download_content > div:nth-child(2)
{
width: 100%;
padding-right: 0;
}
.download_content > div:nth-child(2)
{
text-align: left;
}
[data-grid="2"] .download_content > div:nth-child(2)
{
text-align: right;
}
.download_content small
{
display: inline-block;
margin-bottom: 8px;
}
}
@media screen and (max-width: 820px)
{
.holder_download_section [data-grid="2"] > div
{
width: 100%;
margin-right: 0;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
.downloads_holder[data-img="true"]
{
padding-left: 20px;
padding-right: 20px;
}
.downloads_holder
{
padding-top: 20px;
padding-bottom: 20px;
padding-top: 16px;
padding-bottom: 16px;
}
.downloads_holder img
{
width: 64px;
margin-right: 16px;
}
.download_content
{
width: calc(100% - 80px);
}
.download_content > div .btn
{
max-width: none;
}
[data-grid="2"] .download_content > div .btn
{
max-width: none;
}
[data-grid="2"] .download_content > div:nth-child(1),
[data-grid="2"] .download_content > div:nth-child(2)
{
width: 100%;
padding-right: 0;
}
}
@media screen and (max-width: 330px)
{
}
.geschichte_single_holder
{
position: relative;
}
.geschichte_single_holder:after
{
content: '';
position: relative;
display: block;
height: 1px;
background-color: #C7D4DD;
margin-top: 50px;
}
[data-bg-color="white"] .geschichte_single
{
background-color: #F4F8FA;
}
.geschichte_single
{
position: relative;
border-radius: 4px;
background-color: #ffffff;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.16);
padding-top: 32px;
padding-left: 32px;
padding-bottom: 32px;
padding-right: 32px;
}
.geschichte_single_holder:before
{
content: '';
position: absolute;
height: 16px;
width: 16px;
background-color: #73C92D;
border-radius: 50%;
border: 6px solid #F4F8FA;
bottom: -13.5px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.geschichte_single:after
{
content: '';
position: absolute;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 16px 17px 0 17px;
border-color: #ffffff transparent transparent transparent;
}
[data-bg-color="white"] .geschichte_single:after
{
border-color: #F4F8FA transparent transparent transparent;
}
.geschichte_single .geschichten_img
{
display: inline-block;
height: 192px;
width: 264px;
margin-right: 32px;
vertical-align: middle;
box-shadow: 0 12px 24px -8px rgba(0,48,87,0.08);
border-radius: 4px;
background-image: url(/img/demo/demo_geschichte.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.geschichte_single .geschichte_content
{
display: inline-block;
width: calc(100% - 296px);
vertical-align: middle;
}
.geschichte_single .geschichte_content h3
{
margin-bottom: 8px;
}
.geschichte_single .geschichte_content p
{
color: rgba(63,82,111,0.6);
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 700px)
{
.geschichte_single
{
text-align: center;
}
.geschichte_single .geschichten_img
{
width: 100%;
margin-right: 0;
margin-bottom: 16px;
}
.geschichte_single .geschichte_content
{
width: 100%;
text-align: left;
}
}
@media screen and (max-width: 660px)
{
.geschichte_single
{
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 24px;
}
.geschichte_single .geschichte_content
{
padding-left: 8px;
padding-right: 8px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.ausbilldungswelten_holder [data-grid="2"] > div
{
width: calc(66.66% - 12px);
}
.ausbilldungswelten_holder [data-grid="2"] > div:nth-child(4n - 1),
.ausbilldungswelten_holder [data-grid="2"] > div:nth-child(4n - 2)
{
width: calc(33.33% - 12px);
}
.ausbilldungswelten_holder .image_holder[data-size]
{
padding-top: 0;
height: 384px;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
.ausbilldungswelten_holder [data-grid="2"] > div,
.ausbilldungswelten_holder [data-grid="2"] > div:nth-child(4n - 1),
.ausbilldungswelten_holder [data-grid="2"] > div:nth-child(4n - 2)
{
width: calc(50% - 12px);
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.ausbilldungswelten_holder .image_holder[data-size]
{
height: 340px;
}
.ausbilldungswelten_holder [data-grid="2"] > div,
.ausbilldungswelten_holder [data-grid="2"] > div:nth-child(4n - 1),
.ausbilldungswelten_holder [data-grid="2"] > div:nth-child(4n - 2)
{
width: 100%;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.seminarwelten
{
position: relative;
padding-top: 32px;
padding-right: 32px;
padding-left: 32px;
padding-bottom: 20px;
border-radius: 4px;
background-color: #F4F8FA;
}
.seminarwelten > img
{
vertical-align: top;
display: inline-block;
width: 64px;
height: auto;
box-shadow: 0 12px 24px -8px rgba(0,48,87,0.16);
border-radius: 4px;
margin-right: 24px;
}
.seminarwelten_content
{
vertical-align: top;
position: relative;
display: inline-block;
width: calc(100% - 88px);
}
.seminarwelten_content h4
{
margin-bottom: 8px;
}
.seminarwelten_content p
{
margin-bottom: 0;
}
.seminarwelten_content .btn
{
margin-left: -32px;
}
.seminarwelten_content .btn:hover
{
margin-left: -40px;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1210px)
{
.seminarwelten_holder [data-grid="3"] > div,
.seminarwelten_holder [data-grid="3"] > div:nth-child(3n)
{
width: calc(50% - 12px);
margin-right: 24px;
}
.seminarwelten_holder [data-grid="3"] > div:nth-child(2n)
{
margin-right: 0;
}
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 850px)
{
.seminarwelten_holder [data-grid="3"] > div,
.seminarwelten_holder [data-grid="3"] > div:nth-child(3n),
.seminarwelten_holder [data-grid="3"] > div:nth-child(2n)
{
width: 100%;
margin-right: 0;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
/*.ausbildungswelten_holder .btn
{
margin-left: -32px;
}
.ausbildungswelten_holder .btn[data-btn-style="transparent"]:hover
{
margin-left: -32px;
}*/
/*.ausbildungswelten_holder .btn span span:before
{
content: '';
position: absolute;
left: auto;
width: 0;
right: 0;
bottom: -4px;
height: 2px;
background-color: #73C92D;
transition: 0.3s;
pointer-events: none;
}
.ausbildungswelten_holder .btn:hover span span:before
{
width: calc(100% - 32px);
right: 0;
left: 32px;
}
*/
.vorteil
{
position: relative;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 32px;
padding-right: 32px;
border: 1px solid #C7D4DD;
border-radius: 4px;
overflow: hidden;
}
.vorteil img
{
position: relative;
display: inline-block;
width: 35px;
margin-bottom: 16px;
height: auto;
}
.vorteil h3
{
color: #73C92D;
margin-bottom: 16px;
}
.vorteil[data-icon-pos="left"]
{
padding-left: 76px;
}
.vorteil[data-icon-pos="left"] img
{
position: absolute;
left: 21px;
top: 36px;
transform: translateY(-50%);
}
.vorteil_content
{
width: 100%;
}
.vorteil_content p
{
color: rgba(63,82,111,0.6);
}
.vorteil_zahl
{
position: absolute;
font-size: 120px;
font-weight: 900;
color: rgba(115,201,45,0.08);
right: -15px;
bottom: -25px;
pointer-events: none;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
.vorteil_zahl
{
font-size: 80px;
right: -10px;
bottom: -18px;
}
}
@media screen and (max-width: 660px)
{
.vorteil
{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 24px;
padding-right: 24px;
}
.vorteil[data-icon-pos="left"] img
{
top: 34px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.toolbox
{
position: relative;
text-align: center;
padding-top: 32px;
padding-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
background-color: #73C92D;
box-shadow: 0 3px 30px 0 rgba(0,48,87,0.03);
border-radius: 4px;
}
.toolbox > a
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.toolbox img
{
margin-bottom: 4px;
}
.toolbox .btn:after
{
background-color: #ffffff;
}
.toolbox .btn span:after
{
filter: grayscale(1) brightness(10);
}
.toolbox .btn
{
margin: 0;
}
.toolbox:hover .btn > span:after,
.toolbox:hover .btn > span:before
{
width: calc(16px + 12px);
}
.filter_box
{
background-color: #ffffff;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.16);
max-width: 560px;
padding-top: 33px;
padding-bottom: 24px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.filter_content_top
{
position: relative;
padding-bottom: 32px;
}
.filter_content_top:before
{
content: '';
position: absolute;
left: -32px;
right: -32px;
bottom: 0;
height: 1px;
background-color: #EAF0F4;
}
.filter_content_bottom
{
padding-top: 24px;
position: relative;
}
.filter_content_bottom .btn
{
margin-bottom: 0;
}
.filter_content_bottom .btn[data-color="darkblue"]
{
opacity: 0.24;
margin-left: -32px;
}
.filter_content_bottom .btn:nth-child(2)
{
float: right;
}
.filter_content_bottom:after
{
content: '';
display: block;
clear: both;
}
.esc_filter
{
border: none;
position: absolute;
right: 24px;
top: 24px;
height: 16px;
width: 16px;
background-image: url(/img/icons/Delete.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 16px auto;
cursor: pointer;
}
body[data-overlay]:after
{
content: '';
position:fixed;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
pointer-events: none;
background-color: rgb(0,0,0);
opacity: 0;
transition: 0.5s;
transform: translateZ(0);
}
body[data-overlay="true"]:after
{
opacity: 0.44;
pointer-events: auto;
}
.team_lightbox
{
position: fixed;
z-index: 9999;
left: 50%;
top: 50%;
transform: translateZ(0) translate(-50%, 0%);
width: 1080px;
max-width: calc(100vw - 60px);
transition: 0.5s;
pointer-events: none;
visibility: hidden;
opacity: 0;
}
.team_lightbox[data-active="1"]
{
opacity: 1;
transform: translateZ(0) translate(-50%, -50%);
pointer-events: auto;
visibility: visible;
}
.team_lightbox_content
{
width: 100%;
max-height: calc(100vh - 80px);
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
border-radius: 4px;
}
.team_lightbox_content p
{
color: rgba(63,82,111,0.6);
}
.team_lightbox_content p strong
{
color: #003057;
}
.team_lightbox_background
{
display: block;
position: absolute;
top: 0;
left: 0;
right: 540px;
bottom: 0;
background-size: cover;
background-position: center;
border-radius: 4px 0px 0px 4px;
}
.team_lightbox_rightside
{
width: 540px;
min-height: 650px;
max-width: 100%;
background-color: #fff;
margin-right: 0;
margin-left: auto;
padding: 84px 64px;
}
.team_lightbox_rightside h2
{
margin-bottom: 8px;
}
.team_kontakdaten_holder
{
margin-top: 64px;
}
.team_kontakdaten
{
padding-top: 24px;
padding-bottom: 24px;
border-top: 1px solid #C7D4DD;
}
.team_kontakdaten:last-child
{
padding-bottom: 0;
}
.team_kontakdaten p
{
margin-bottom: 8px;
}
.team_kontakdaten p:last-child
{
margin-bottom: 0;
}
.esc_team_lightbox
{
position: absolute;
right: 24px;
top: 24px;
cursor: pointer;
}
.team_lightbox.adaption_jobs .team_lightbox_content
{
background-color: #fff;
padding: 60px;
padding-top: 40px;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
.team_lightbox_background
{
right: 400px;
}
.team_lightbox_rightside
{
width: 400px;
}
.team_lightbox_rightside
{
padding: 64px 44px;
}
}
@media screen and (max-width: 768px)
{
.team_content_min_height,
.team_content_min_height:last-child
{
min-height: unset;
}
.team_lightbox_content
{
max-height: calc(100vh - 160px);
}
}
@media screen and (max-width: 660px)
{
.team_lightbox
{
background-color: #fff;
border-radius: 4px;
}
.team_lightbox_rightside
{
width: 100%;
margin-top: 300px;
}
.team_lightbox_background
{
height: 300px;
width: 100%;
z-index: -1;
border-radius: 4px 4px 0px 0px;
background-position: center top;
}
.team_kontakdaten_holder
{
margin-top: 32px;
}
.team_lightbox.adaption_jobs .team_lightbox_content
{
padding: 20px;
}
}
@media screen and (max-width: 480px)
{
.team_lightbox_rightside
{
padding: 32px;
min-height: 0;
}
.team_lightbox
{
height: 100%;
max-width: 100vw;
}
.team_lightbox_content
{
max-height: 100%;
min-height: 100%;
}
.esc_team_lightbox
{
filter: grayscale(1) brightness(10);
}
}
@media screen and (max-width: 330px)
{
}
.upgrade_slider_holder
{
padding-top: 30px;
}
.upgrade_single
{
position: relative;
}
.upgrade_single a:last-child
{
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
outline: none;
}
.upgrade_animation
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
.upgrade_animation span
{
position: absolute;
width: 300px;
height: 300px;
right: -45px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
animation: pulsate 3s ease-in;
animation-iteration-count: infinite;
animation-delay: -1s;
background-image: radial-gradient(transparent, #ffffff);
opacity: 0;
}
.upgrade_animation:before
{
content: '';
position: absolute;
width: 300px;
height: 300px;
right: -45px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
animation: pulsate 3s ease-in;
animation-iteration-count: infinite;
background-image: radial-gradient(transparent, #ffffff);
opacity: 0;
}
.upgrade_animation:after
{
content: '';
position: absolute;
width: 300px;
height: 300px;
right: -45px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
animation: pulsate 3s ease-in;
animation-iteration-count: infinite;
animation-delay: -2s;
background-image: radial-gradient(transparent, #ffffff);
opacity: 0;
}
.upgrade_image_holder
{
padding-top: 46.875%;
border-radius: 4px;
background-image: linear-gradient(90deg, #73C92D 0%, #A3DB75 100%);
box-shadow: 0 12px 24px 0 rgba(0,0,0,0.16);
}
.upgrade_content
{
position: absolute;
left: 32px;
bottom: 24px;
}
.upgrade_content h4
{
color: #ffffff;
}
.upgrade_image_holder_image
{
position: absolute;
top: -30px;
left: 0;
right: 0;
bottom: 0;
background-image: url(/img/demo/demo_upgrade_slider.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
transform-origin: right bottom;
transition: 0.2s;
}
.upgrade_single:hover .upgrade_image_holder_image
{
transform: scale(1.05);
}
@-webkit-keyframes pulsate {
0% {-webkit-transform: translateY(-50%) scale(0.1, 0.1); opacity: 0.0;}
50% {opacity: 0.2;}
100% {-webkit-transform: translateY(-50%) scale(1.2, 1.2); opacity: 0.0;}
}
.wichtig_holder h4
{
margin-bottom: 8px;
}
.wichtig_holder p
{
margin-bottom: 8px;
}
.wichtig_holder .btn
{
margin-right: 8px;
margin-bottom: 0;
}
.wichtig_holder .btn:last-child
{
margin-right: 0;
}
.wichtig_holder .map_icon
{
position: relative;
display: inline-block;
line-height: 30px;
}
.wichtig_holder .map_icon a
{
display: block;
padding-left: 30px;
background-repeat: no-repeat;
background-position: left top 7px;
background-image: url(/img/icons/ort.svg);
}
.wichtig_holder .map_icon a:before
{
width: 0;
right: 0;
left: auto;
height: 2px;
}
.wichtig_holder .map_icon a:hover:before
{
width: calc(100% - 30px);
right: 0;
left: 30px;
}
.anreise_buttons_grid {
width: 100%;
}
.anreise_buttons_grid > div{
margin-right: 0;
width: 50%;
}
.anreise_buttons_grid > div:nth-child(2n - 1){
padding-left: 60px;
}
.anreise_buttons_grid p {
margin-bottom: 0;
}
.wichtig_holder.border {
border: 1px solid #C7D4DD;
border-radius: 4px;
padding: 32px 40px;
}
.wichtig_holder + .wichtig_holder {
margin-top: 24px;
}
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.anreise_buttons_grid > div:nth-child(2n - 1){
padding-left: 0px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
section.login_section
{
margin-top: -120px;
}
section.login_section .container
{
margin: 0;
max-width: none;
}
.login_section
{
position: relative;
height: 100vh;
width: 100%;
}
.login_section_content
{
width: 100%;
-webkit-overflow-scrolling: touch;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.login_section_content h2
{
margin-bottom: 40px;
}
.login_section_content input[type="checkbox"]
{
margin-bottom: 32px;
}
.login_section_background
{
display: block;
position: absolute;
top: 0;
left: 0;
right: 540px;
bottom: 0;
background-size: cover;
background-position: center;
}
.login_section_background:before
{
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-image: linear-gradient(180deg, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.00) 39%, rgba(0,0,0,0.00) 47%, rgba(0,0,0,0.64) 100%);
}
.login_section_background h1,
.login_section_background p
{
color: #ffffff;
}
.logo_sfb
{
height: 56px;
width: auto;
position: relative;
z-index: 10;
margin-left: 80px;
margin-top: 50px;
}
.login_section_rightside
{
width: 540px;
max-width: 100%;
background-color: #fff;
margin-right: 0;
margin-left: auto;
padding: 84px 64px;
}
.login_section .btn
{
margin-bottom: 0;
}
.login_section .btn[data-btn-style="transparent"]
{
margin-left: -32px;
position: absolute;
top: calc(50% - 112px);
transform: translateY(50vh);
}
.login_section_text
{
position: absolute;
bottom: 64px;
right: 277px;
left: 80px;
}
.demo_login_background
{
background-image: url(/img/demo/demo_login.jpg);
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
.login_section_text
{
right: 100px;
}
}
@media screen and (max-width: 1024px)
{
.login_section_background
{
right: 400px;
}
.login_section_rightside
{
width: 400px;
}
.login_section .btn[data-btn-style="transparent"]
{
top: calc(50% - 80px);
}
.logo_sfb
{
margin-left: 44px;
}
.login_section_text
{
left: 44px;
}
section.login_section
{
margin-top: -72px;
}
}
@media screen and (max-width: 820px)
{
.login_section_text
{
left: 32px;
right: 32px;
}
.logo_sfb
{
margin-left: 32px;
}
}
@media screen and (max-width: 768px)
{
.login_section
{
background-color: #fff;
}
.login_section_rightside
{
width: 100%;
padding: 32px;
max-width: 480px;
margin-right: auto;
}
.login_section_background
{
display: none;
}
.logo_sfb
{
height: 40px;
margin-top: 16px;
}
}
@media screen and (max-width: 690px)
{
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
.login_section_rightside
{
padding: 32px;
}
.login_section fieldset input[type="checkbox"] + label::after,
.login_section fieldset input[type="checkbox"] + label::before
{
top: 50%;
transform: translateY(-50%);
}
.login_section fieldset
{
margin-bottom: 24px;
}
}
@media screen and (max-width: 330px)
{
}
.table_grid tr
{
position: relative;
border-top: 1px solid #C7D4DD;
font-size: 0.1px;
}
.table_grid tr:last-child
{
border-bottom: 1px solid #C7D4DD;
}
.table_grid tr p strong
{
transition: 0.2s;
}
.table_grid tr:hover p strong
{
color: #73C92D;
}
.table_grid td
{
text-align: left;
padding-right: 24px;
padding-top: 16px;
padding-bottom: 16px;
vertical-align: middle;
position: relative;
}
.table_grid td:last-child
{
text-align: right;
padding-right: 0;
}
.table_link
{
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: block;
padding: 0;
}
td.table_title_mobile
{
display: none;
}
.table_grid td .infobubble
{
margin-left: 10px;
vertical-align: top;
top: 1px;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1200px)
{
.table_grid td
{
display: inline-block;
width: calc(50% - 1px);
padding: 0;
padding-top: 8px;
vertical-align: top;
}
.table_grid td.table_title_mobile
{
width: 100%;
padding-bottom: 4px;
}
.table_grid tr
{
display: block;
padding-top: 4px;
padding-bottom: 16px;
}
td.table_button
{
width: 100%;
padding-top: 16px;
}
.table_grid td:last-child
{
text-align: left;
}
td.table_title_desktop
{
display: none;
}
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.map_tabelle_holder
{
position: relative;
padding-right: 64px;
width: 100%;
max-width: 752px;
margin-bottom: 64px;
}
.map_tabelle_holder:last-child
{
margin-bottom: 0;
}
.map_tabelle
{
border-top: 1px solid #C7D4DD;
position: relative;
padding-bottom: 16px;
padding-top: 16px;
}
.map_tabelle:before
{
content: '';
position: absolute;
right: 0;
top: 50%;
height: 16px;
width: 16px;
transform: translateY(-50%);
background-repeat: no-repeat;
background-position: center center;
background-size: 16px auto;
background-image: url(/img/icons/Arrow-right.svg);
transition: 0.3s;
}
.map_tabelle:hover:before
{
transform: translateY(-50%) translateX(5px);
}
.map_tabelle:last-child
{
border-bottom: 1px solid #C7D4DD;
}
.map_tabelle_image
{
display: inline-block;
vertical-align: middle;
margin-right: 22px;
height: 80px;
width: 102px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-image: url(/img/demo/demo_geschichte.png);
}
.map_tabelle > a
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
}
.map_tabelle .map_tabelle_content
{
display: inline-block;
vertical-align: middle;
width: calc(100% - 130px);
}
.map_tabelle .map_tabelle_content h4
{
margin-bottom: 8px;
}
.map_tabelle .map_tabelle_content p
{
display: inline-block;
margin-bottom: 0;
margin-right: 56px;
width:calc(50% - 40px);
}
.map_tabelle .map_tabelle_content p:last-child
{
margin-right: 0;
}
.map_tabelle .map_tabelle_content p a
{
z-index: 5;
}
.map_element
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: calc(50vw + 154px);
background-color: lightgreen;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
.map_tabelle_holder
{
max-width: 642px;
}
.map_element
{
left: calc(50vw + 108px);
}
}
@media screen and (max-width: 1070px)
{
.map_tabelle_holder
{
max-width: none;
padding-right: 0;
}
.map_element
{
position: relative;
display: block;
height: 550px;
left: 0;
border-radius: 4px;
}
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.map_tabelle_holder
{
margin-bottom: 32px;
}
}
@media screen and (max-width: 630px)
{
.map_tabelle .map_tabelle_content
{
width: 100%;
}
.map_tabelle_image
{
display: block;
margin-right: 0;
margin-bottom: 12px;
}
.map_tabelle .map_tabelle_content p
{
margin-right: 24px;
width: auto;
}
}
@media screen and (max-width: 480px)
{
.map_tabelle_image
{
height: auto;
padding-top: 56.25%;
width: 100%;
}
.map_tabelle:before
{
display: none;
}
.map_element
{
height: 80vh;
margin-left: -32px;
margin-right: -32px;
margin-bottom: calc(5 * -8.3px);
}
}
@media screen and (max-width: 330px)
{
}
.swiss_map_section h2
{
margin-bottom: 16px;
}
.swiss_map_holder
{
padding-top: 63%;
background-image: url(/img/swiss_map.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.map_cta_holder
{
position: absolute;
display: inline-block;
border-radius: 24px;
}
.swiss_map_container
{
max-width: 800px;
margin: 0 auto;
}
.map_cta_holder:after,
.map_cta_holder:before
{
content: '';
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #73C92D;
position: absolute;
z-index: 1;
transition: 0.3s;
pointer-events: none;
}
/*.map_cta_holder:hover:after,
.map_cta_holder:hover:before
{
background-color: #fff;
}*/
.map_cta_holder:after
{
animation: pulsateMapDot 2s;
animation-iteration-count: infinite;
}
.map_cta_holder[data-icon-pos-x="left"]:after,
.map_cta_holder[data-icon-pos-x="left"]:before
{
left: 0;
}
.map_cta_holder[data-icon-pos-x="right"]:after,
.map_cta_holder[data-icon-pos-x="right"]:before
{
right: 0;
}
.map_cta_holder[data-icon-pos-y="top"]:after,
.map_cta_holder[data-icon-pos-y="top"]:before
{
top: 0;
}
.map_cta_holder[data-icon-pos-y="bottom"]:after,
.map_cta_holder[data-icon-pos-y="bottom"]:before
{
bottom: 0;
}
.map_cta_holder[data-city="winterthur"]
{
top: 7%;
left: 58%;
}
.map_cta_holder[data-city="dietikon"]
{
top: 14%;
right: 45.5%;
}
.map_cta_holder[data-city="rueti_zh"]
{
top: 20%;
left: 62%;
}
.map_cta_holder[data-city="olten"]
{
top: 24.5%;
right: 56%;
}
.map_cta_holder[data-city="emmenbruecke"]
{
top: 36.5%;
left: 50.5%;
}
.map_cta_holder[data-city="zollikofen"]
{
top: 42%;
right: 67%;
}
.map_cta_holder[data-city="yverdon"]
{
left: 15%;
top: 53%;
}
.map_cta_holder[data-city="bellinzona"]
{
right: 32%;
top: 75%;
}
@-webkit-keyframes pulsateMapDot {
0% {-webkit-transform: scale(0.5, 0.5); opacity: 1;}
/*50% {opacity: 0.3;}*/
100% {-webkit-transform: scale(2.8, 2.8); opacity: 0;}
}
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
.swiss_map_section
{
display: none;
}
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
/* On/Off switch */
header
{
padding-left: 32px;
padding-right: 32px;
position: fixed;
height: 120px;
top: 0;
left: 0;
right: 0;
z-index: 10000;
padding-top: 43px;
transform: translateZ(0);
}
header:before
{
content: '';
position: absolute;
bottom: 0;
left: auto;
width: 0;
right: 0;
height: 1px;
background-color: #73C92D;
transition: 0.7s ease-out;
pointer-events: none;
}
header .container
{
position: relative;
}
[data-menu-open="true"] header:before,
[data-search="true"] header:before
{
width: 100%;
right: 0;
left: 0;
}
.menu_background_animation
{
position: fixed;
top: 120px;
height: 0;
left: 0;
right: 0;
z-index: 1000;
transition: 0.6s;
}
.nav_bar
{
position: relative;
}
.nav_bar:after
{
content: '';
display: block;
clear: both;
}
.header_logo
{
display: inline-block;
position: relative;
height: 56px;
top: 4px;
width: 300px;
background-repeat: no-repeat;
background-position: 0 100%;
background-size: auto 100%;
background-image: url(/img/logo/sfb.svg);
}
.header_logo.fr {
background-image: url(/img/logo/esg.svg);
}
.header_logo.it {
background-image: url(/img/logo/soa.svg);
}
.head_search_button
{
position: absolute;
right: 0;
top: 0;
display: inline-block;
float: right;
height: 70px;
width: 52px;
background-repeat: no-repeat;
background-position: center, 200% center;
background-size: 19px auto;
background-image: url(/img/header_icons/search_green.svg), url(/img/icons/close_green.svg);
margin-top: 10px;
cursor: pointer;
filter: grayscale(0) brightness(10);
transition: 0.5s;
}
.head_search_button:hover
{
transition: .2s;
filter: none;
}
[data-search="true"] .head_search_button
{
background-position: -200% center, center center;
filter: none;
}
.head_search_button:before
{
content: '';
position: absolute;
bottom: 4px;
left: auto;
width: 0;
right: 0;
height: 4px;
background-color: #73C92D;
transition: 0.3s ease-out;
pointer-events: none;
}
[data-search="true"] .head_search_button:before
{
width: 100%;
right: 0;
left: 0;
}
.menu_holder
{
position: absolute;
top: 12px;
right: 46px;
}
.menu_nav ul li
{
display: inline-block;
margin-bottom: 0;
padding-left: 0;
margin-left: 16px;
position: relative;
}
.menu_nav ul li:before
{
content: '';
position: absolute;
bottom: 0;
left: auto;
width: 0;
right: 0;
height: 4px;
background-color: #73C92D;
transition: 0.3s ease-out;
pointer-events: none;
}
.menu_nav ul li[data-active="true"]:before
{
width: 100%;
right: 0;
left: 0;
}
.menu_nav ul li:last-child
{
margin-right: 20px;
}
.menu_nav ul li a
{
display: inline-block;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.25px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
transition: 0.3s;
}
.menu_nav ul li:hover a,
.menu_nav ul li[data-active="true"] a
{
color: #73C92D;
}
.menu_nav ul li:not([class]),
.menu_small ul li:not([class])
{
background-image: none;
}
.menu_nav ul:not([class]):after,
.menu_small ul:not([class]):after
{
margin-bottom: 0;
}
.menu_small
{
position: absolute;
top: -36px;
right: -46px;
}
.menu_small ul li
{
display: inline-block;
margin-left: 24px;
padding-left: 0;
}
.menu_small ul li:first-child
{
margin-left: 0;
}
.menu_small ul li a,
.menu_small ul li span
{
font-size: 14px;
letter-spacing: 0.25px;
text-decoration: none;
color: rgba(255,255,255,0.6);
transition: 0.3s;
cursor: pointer;
position: relative;
}
.menu_small ul li a:hover,
.menu_small ul li span:hover
{
color: #73C92D;
}
.menu_small ul li a.campus_login
{
color: #73C92D;
}
/* Header Icons */
.menu_small [data-icon-left]:not([data-icon-left=""]):before,
.menu_small [data-icon-right]:not([data-icon-right=""]):after
{
content: '';
position: relative;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
vertical-align: middle;
height: 16px;
width: 16px;
top: -1.5px;
filter: grayscale(1) brightness(1);
transition: 0.3s;
}
.menu_small [data-icon-left]:not([data-icon-left=""]):hover:before,
.menu_small [data-icon-right]:not([data-icon-right=""]):hover:after,
.campus_login[data-icon-left]:not([data-icon-left=""]):before
{
filter: none;
}
.menu_small [data-icon-left="ort_green"]:before
{
background-image: url(/img/icons/ort.svg);
margin-right: 8px;
}
[data-icon-left="news_green"]:before
{
background-image: url(/img/header_icons/news_green.svg);
margin-right: 8px;
}
[data-icon-left="student_green"]:before
{
background-image: url(/img/header_icons/student_green.svg);
margin-right: 8px;
}
[data-icon-left="world_green"]:before
{
background-image: url(/img/header_icons/world_green.svg);
margin-right: 8px;
}
[data-icon-left="user_green"]:before
{
background-image: url(/img/header_icons/user_green.svg);
margin-right: 8px;
}
[data-icon-right="arrow_down"]:after
{
background-image: url(/img/header_icons/arrow_down.svg);
margin-left: 8px;
}
/* Sub Menu */
.sub_menu
{
position: fixed;
top: 120px;
/*height: calc(100% - 120px);*/
z-index: 9999;
left: 0;
right: 0;
padding-top: 80px;
padding-bottom: 80px;
overflow-y: scroll;
opacity: 0;
pointer-events: none;
transform: translateZ(0);
transition: 0.3s;
transition-delay: 0s;
}
.sub_menu[data-active="true"]
{
opacity: 1;
pointer-events: auto;
transition-delay: 0.4s;
}
.sub_menu h2
{
margin-bottom: 48px;
}
.sub_menu h4 a
{
color: inherit;
text-decoration: none;
}
.sub_menu .footer_grid
{
border: none;
padding-bottom: 0;
}
.sub_menu [data-grid] > div
{
margin-bottom: 48px;
}
.sub_menu .container
{
position: relative;
max-width: 1264px;
padding-right: 32px;
padding-left: 32px;
}
.sub_menu_close
{
cursor: pointer;
position: absolute;
right: 32px;
top: 0;
height: 16px;
width: 16px;
background-repeat: no-repeat;
background-position: center center;
background-size: 16px auto;
background-image: url(/img/header_icons/close_white.svg);
}
.mobile_nav_burger_holder
{
display: none;
}
.sub_menu_mobile_close
{
display: none;
}
.scroll_nav_holder
{
display: none;
position: fixed;
left: 0;
right: 0;
top: 120px;
height: 56px;
z-index: 99;
border-top: 1px solid #73C92D;
padding-left: 32px;
padding-right: 32px;
}
[data-scroll-menu="true"] .scroll_nav_holder
{
display: block;
}
a.scroll_nav_menu_point
{
display: inline-block;
vertical-align: middle;
line-height: 50px;
height: 55px;
opacity: 0.8;
font-weight: normal;
text-decoration: none;
font-size: 16px;
color: #FFFFFF;
letter-spacing: 0;
margin-right: 32px;
}
a.scroll_nav_menu_point:hover
{
opacity: 1;
}
a.scroll_nav_menu_point[data-active="true"]
{
opacity: 1;
color: #73C92D;
}
/* Language DropDown */
.menu_small .language_drowndown_holder
{
position: relative;
padding-bottom: 7px;
}
.menu_small .header_language_dropdown
{
background-color:white;
border-radius: 4px;
display: block;
width: auto;
position: absolute;
top: 100%;
left: 0;
text-align: center;
pointer-events: none;
opacity: 0;
transform: translateY(10px);
z-index: 1;
transition: 0.2s;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.6);
}
.language_drowndown_holder[data-active="true"] .header_language_dropdown
{
transition-delay: 0s;
pointer-events: auto;
opacity: 1;
transform: translateY(0px);
}
[data-icon-left]:not([data-icon-left=""]) > span.header_language_dropdown:before,
[data-icon-left]:not([data-icon-left=""]) > span.header_language_dropdown:after
{
display: none;
}
.menu_small .header_language_dropdown a
{
display: block;
font-weight: normal;
padding-left: 16px;
padding-right: 16px;
line-height: 50px;
color: #003057;
font-size: 16px;
}
.menu_small .header_language_dropdown a:first-child
{
border-bottom: 1px solid rgba(63,82,111,0.3);
}
.menu_teaser
{
position: relative;
}
.menu_teaser:before
{
content: '';
display: block;
position: absolute;
top: -32px;
left: -32px;
right: -32px;
bottom: -16px;
opacity: 0.64;
background-image: linear-gradient(180deg, rgba(63,82,111,0.00) 0%, #3F526F 100%);
border-radius: 4px;
}
.menu_teaser p:last-child
{
margin-bottom: 0;
}
.sprache_label_mobile,
.sprache_label_mobile:after,
.sprache_label_mobile:before
{
display: none;
}
.search
{
width: 100%;
padding-left: 32px;
padding-right: 32px;
left: 0;
right: 0;
position: fixed;
top: 120px;
z-index: 99999;
opacity: 0;
pointer-events: none;
transform: translateX(50px);
transition: 0.6s;
}
[data-search="true"] .search
{
opacity: 1;
transform: translate(0,0);
pointer-events: auto;
}
[data-scroll="true"] .search
{
top: 75px;
}
[data-scroll-menu="true"] .search
{
top: 176px;
}
[data-scroll-menu="true"][data-scroll="true"] .search
{
top: 130px;
}
.search_container
{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.search_container .background
{
background: #003057;
background-image: linear-gradient(to right, rgba(0,0,0,0.24),rgba(0,0,0,0));
box-shadow: 0 12px 24px 0 rgba(0,48,87,0.08);
border-radius: 0 0 4px 4px;
margin-left: auto;
max-width: 800px;
overflow: hidden;
}
.search_container .background:after
{
background-color: rgb(0,48,87, 0.95);
}
.search_input_holder input
{
font-family: 'Biotif';
height: 80px;
width: 100%;
appearance:none;
-webkit-appearance:none;
border: none;
outline: none;
font-weight: bold;
font-size: 24px;
color: #FFFFFF;
letter-spacing: 0;
background-color: transparent;
padding-left: 32px;
padding-right: 32px;
text-overflow: ellipsis;
}
.search_input_holder input::placeholder {
color:rgba(255,255,255,0.5);
opacity: 1;
}
.search_results_holder
{
padding: 32px;
border-top: 1px solid rgba(199,212,221,0.24);
max-height: calc(100vh - 290px);
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.search_results_holder[data-results="false"]
{
display: none;
}
.search_results_holder small
{
color: #fff;
opacity: .5;
}
.search_title_bar
{
margin-bottom: 15px;
position: relative;
margin-top: 32px;
}
.search_title_bar:first-child
{
margin-top: 0;
}
.search_title_bar:after
{
content: attr(data-results);
position: absolute;
right: 0;
top: 3px;
opacity: 0.4;
font-weight: normal;
font-style: italic;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0.4px;
line-height: 20px;
}
.result
{
border-top: 1px solid rgba(199,212,221,0.24);
padding-top: 12px;
padding-bottom: 12px;
position: relative;
}
.result_image
{
height: 80px;
width: 64px;
box-shadow: 0 4px 16px 0 rgba(0,48,87,0.16);
border-radius: 2px;
content: '';
overflow: hidden;
position: relative;
display: inline-block;
vertical-align: middle;
background-position: center center;
background-size: cover;
}
.result_text
{
display: inline-block;
vertical-align: middle;
max-width: calc(100% - 80px);
padding-left: 16px;
}
.result_link
{
position: absolute;
top: 0;
right: -32px;
bottom: 0;
left: 0;
background-image: url(/img/icons/Arrow-right.svg);
background-repeat: no-repeat;
background-position: calc(100% - 32px) center;
background-size: auto 16px;
filter: grayscale(1) brightness(10);
transition: .3s;
}
.result:hover .result_link
{
background-position: calc(100% - 24px) center;
}
[data-current-lang="fr"] .sub_menu [data-grid] > div h4.empty_title
{
display: none;
}
/* Resp */
@media screen and (min-width: 1025px)
{
.scroll_nav_holder,
.header_logo,
.sub_menu .container
{
transition: 0.3s;
}
body[data-scroll="true"] .scroll_nav_holder,
body[data-scroll="true"] .sub_menu .container,
body[data-scroll="true"] .menu_background_animation
{
transition: 0.3s;
transition-delay: 0s;
transform: translateY(-45px);
}
body[data-scroll="true"] .header_logo
{
transform: translateY(14px);
}
header
{
transition: 0.3s;
transform: translateZ(0);
}
body[data-scroll="true"] header
{
transform: translateZ(0) translateY(-45px);
}
}
.menu_small ul li.mobile_only
{
display: none;
}
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
.header_logo
{
width: 130px;
}
}
@media screen and (max-width: 1024px)
{
.menu_small ul li
{
margin-left: 0;
}
.menu_small ul li.mobile_only
{
display: inline-block;
}
.menu_small ul li.desktop_only
{
display: none;
}
.sub_menu_close
{
display: none;
}
.menu_background_animation
{
top: 64px;
bottom: 0;
left: 0;
right: 0;
height: auto !important;
opacity: 0;
pointer-events: none;
}
[data-menu-open="true"] .menu_background_animation
{
opacity: 1;
pointer-events: auto;
}
.sub_menu
{
padding-top: 40px;
padding-bottom: 40px;
height: calc(100% - 64px);
top: 64px;
background-color: #003057;
background-image: linear-gradient(to right, rgba(0,0,0,0.24),rgba(0,0,0,0));
transform: translateX(100vw);
opacity: 1;
}
.sub_menu[data-active="true"]
{
transition-delay: 0s;
transform: translateX(0vw);
}
.sub_menu [data-grid] > div
{
margin-bottom: 24px;
}
[data-current-lang="fr"] .sub_menu [data-grid] > div h4.empty_title
{
display: block;
}
.sub_menu [data-grid] > div h4.empty_title br
{
display: none;
}
.sub_menu [data-grid] > div h4.empty_title
{
margin-bottom: 0;
margin-top: -24px;
}
.mobile_nav_burger_holder
{
position: relative;
display: inline-block;
float: right;
height: 24px;
margin-top: 9px;
cursor: pointer;
}
.mobile_nav_burger_holder span
{
display: inline-block;
vertical-align: middle;
margin-right: 16px;
font-size: 13px;
line-height: 22px;
color: #ffffff;
font-weight: bold;
transition: 0.3s;
opacity: 1;
transition-delay: 0.4s;
}
.mobile_nav_burger
{
position: relative;
display: inline-block;
vertical-align: middle;
height: 18px;
width: 24px;
}
.mobile_nav_burger .nav_petty
{
position: absolute;
height: 2px;
width: 100%;
top: 50%;
transform: translateY(-50%);
border-radius: 2px;
background-color: #ffffff;
transition: 0.3s;
}
.mobile_nav_burger .nav_petty.petty1
{
top: 0;
}
.mobile_nav_burger .nav_petty.petty3
{
top: 100%;
width: 50%;
}
.mobile_nav_burger_holder:hover .mobile_nav_burger .nav_petty.petty2
{
width: 70%;
}
.mobile_nav_burger_holder:hover .mobile_nav_burger .nav_petty.petty3
{
width: 100%;
}
[data-menu-open="true"] .mobile_nav_burger
{
margin-right: -2px;
}
[data-menu-open="true"] .mobile_nav_burger_holder .mobile_nav_burger .nav_petty.petty2
{
transform: translateX(10px);
opacity: 0;
}
[data-menu-open="true"] .mobile_nav_burger_holder .mobile_nav_burger .nav_petty.petty1
{
top: 50%;
transform: rotate(45deg);
}
[data-menu-open="true"] .mobile_nav_burger_holder .mobile_nav_burger .nav_petty.petty3
{
top: 50%;
width: 100%;
transform: rotate(-45deg);
}
.mobile_nav_line
{
position: absolute;
top: 3px;
right: 47px;
height: 32px;
transition: 0.3s;
background-color: rgba(255,255,255,0.24);
width: 1px;
transition-delay: 0s;
transform: scaleY(0);
transform-origin: left top;
}
[data-menu-open="true"] .mobile_nav_line
{
transform: scaleY(1);
transition: 0.2s;
transition-delay: 0.3s;
}
header
{
height: 64px;
padding-top: 12px;
z-index: 9999;
}
.header_logo
{
height: 40px;
width: 94px;
}
.head_search_button
{
position: relative;
right: 0px;
height: 20px;
width: 60px;
margin-top: 9px;
margin-right: -20px;
transition: 0.3s;
vertical-align: middle;
z-index: 10;
transform: translateX(50px);
opacity: 0;
transition-delay: 0.3s;
background-position: center;
pointer-events: none;
background-position: center center, 200% center;
}
[data-search="true"] .head_search_button
{
background-position: center center, 200% center;
}
.head_search_button:before
{
display: none;
}
[data-menu-open="true"] .mobile_nav_burger_holder span
{
transform: translateX(-10px);
opacity: 0;
transition-delay: 0s;
}
[data-menu-open="true"] .head_search_button
{
transform: translateX(0px);
opacity: 1;
transition-delay: 0s;
pointer-events: auto;
}
.sub_menu_mobile_close
{
display: block;
margin-bottom: 30px;
cursor: pointer;
padding-left: 28px;
background-repeat: no-repeat;
background-position: left center;
background-size: 16px auto;
background-image: url(/img/icons/arrow_left_green.svg);
filter: grayscale(1) brightness(2);
}
.menu_holder
{
position: fixed;
top: calc(50vh + 36px);
left: 50%;
right: auto;
transform: translate(-50%, -50%);
pointer-events: none;
opacity: 0;
}
[data-menu-open="true"] .menu_holder
{
opacity: 1;
pointer-events: auto;
}
.menu_nav ul li
{
display: block;
margin-left: 0;
}
.menu_nav ul li a
{
padding: 0;
font-size: 20px;
line-height: 64px;
}
.menu_small
{
position: relative;
top: 0;
left: 0;
right: 0;
margin-top: 34px;
}
.menu_small ul li
{
display: block;
}
[data-scroll-menu="true"] .scroll_nav_holder
{
display: none;
}
.menu_small ul li a,
.menu_small ul li span
{
font-weight: bold;
}
.sprache_label_mobile
{
display: inline;
padding-right: 5px;
}
.sprache_label_mobile:after,
.sprache_label_mobile:before
{
display: none !important;
}
/* Animation */
.menu_nav ul li,
.menu_small ul li
{
opacity: 0;
transition: 0.4s;
transition-delay: 0s;
transform: translateX(20px);
}
[data-menu-open="true"] .menu_nav ul li,
[data-menu-open="true"] .menu_small ul li
{
transition-delay: 0.4s;
opacity: 1;
transform: translateX(0px);
}
[data-menu-open="true"] .menu_nav ul li:nth-child(2)
{
transition-delay: 0.45s
}
[data-menu-open="true"] .menu_nav ul li:nth-child(3)
{
transition-delay: 0.5s
}
[data-menu-open="true"] .menu_nav ul li:nth-child(4)
{
transition-delay: 0.55s
}
[data-menu-open="true"] .menu_small ul li:first-child
{
transition-delay: 0.6s
}
[data-menu-open="true"] .menu_small ul li:nth-child(2)
{
transition-delay: 0.65s
}
[data-menu-open="true"] .menu_small ul li:nth-child(3)
{
transition-delay: 0.7s
}
[data-menu-open="true"] .menu_small ul li:nth-child(4)
{
transition-delay: 0.75s
}
[data-menu-open="true"] .menu_small ul li:nth-child(5)
{
transition-delay: 0.75s
}
[data-menu-open="true"] .menu_small ul li:nth-child(6)
{
transition-delay: 0.8s
}
.menu_small .header_language_dropdown
{
left: calc(100% + 20px);
top: 50%;
}
.language_drowndown_holder[data-active="true"] .header_language_dropdown
{
transform: translateY(-50%);
}
.search
{
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
z-index: 9999;
}
[data-scroll="true"] .search,
[data-scroll-menu="true"] .search,
[data-scroll-menu="true"][data-scroll="true"] .search
{
top: 0;
}
.search_container
{
height: 100%;
}
.search_container .background
{
max-width: 100%;
height: 100%;
}
.search_results_holder
{
height: 100%;
max-height: calc(100% - 70px);
border-top: 0;
}
.search_input_holder
{
border-bottom: 1px solid rgba(199,212,221,0.24);
}
.search_input_holder input
{
height: 62px;
font-size: 16px;
color: #FFFFFF;
letter-spacing: 0;
padding-left: 70px;
padding-right: 100px;
background-image: url(/img/header_icons/search_white.svg);
background-repeat: no-repeat;
background-position: 32px center;
background-size: auto 20px;
}
.close_search
{
width: 88px;
height: 62px;
position: absolute;
top: 00px;
right: 0;
cursor: pointer;
background-image: url(/img/icons/close_white.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 24px;
}
.close_search:before
{
content: '';
display: block;
position: absolute;
width: 1px;
top: 20px;
bottom: 20px;
left: 0;
background-color: #fff;
opacity: .24;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
.menu_holder
{
width: 100%;
padding-left: 32px;
top: 84px;
transform: translate(-50%, 0);
}
}
@media screen and (max-width: 330px)
{
}
.breadcrumb_section
{
border-bottom: 1px solid #EAF0F4;
}
a.breadcrumb
{
font-size: 14px;
color: #3F526F;
opacity: .4;
letter-spacing: 0;
line-height: 22px;
text-decoration: none;
display: inline-block;
vertical-align: middle;
padding-top: 16px;
padding-bottom: 16px;
transition: 0.2s;
padding-right: 19px;
background-image: url(/img/icons/breadcrumb_arrow.svg);
background-repeat: no-repeat;
background-position: right calc(50% + 0.5px);
background-size: auto 12px;
}
a.breadcrumb:hover
{
opacity: 1;
}
a.breadcrumb + a.breadcrumb
{
margin-left: 5px;
}
a.breadcrumb:last-child
{
padding-right: 0;
background-image: none;
}
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
.breadcrumb_section .container
{
white-space: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
.breadcrumb_section
{
padding: 0;
}
a.breadcrumb:first-child
{
margin-left: 32px;
}
.breadcrumb_section .container:after
{
content: '';
display: inline-block;
vertical-align: middle;
width: 32px;
height: 1px;
}
}
@media screen and (max-width: 330px)
{
}
.kostentabelle_holder
{
}
.kostentabelle_holder:after
{
content: '';
display: block;
clear: both;
}
.kostentabelle
{
float: left;
padding-right: 32px;
width: calc(100% - 280px);
}
.tabellen_row_titel
{
font-weight: bold;
font-size: 16px;
color: #003057;
letter-spacing: 0;
line-height: 24px;
padding-bottom: 4px;
border-bottom: 2px solid #003057;
}
.tabelle_row
{
opacity: 0.6;
font-weight: normal;
font-size: 16px;
color: #3F526F;
letter-spacing: 0;
line-height: 24px;
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #EAF0F4;
}
.tabelle_row + .tabellen_row_titel
{
margin-top: 20px;
}
.tabelle_row > span
{
display: inline-block;
vertical-align: top;
width: 50%;
padding-right: 15px;
}
.tabelle_row > span:nth-child(2)
{
text-align: right;
padding-right: 0;
padding-left: 15px;
}
.kostentabelle_sidebar
{
float: right;
width: 280px;
}
.siderbar_price
{
padding: 32px;
border: 1px solid #C7D4DD;
border-radius: 4px;
margin-bottom: 32px;
}
.siderbar_price p
{
margin-bottom: 5px;
}
.siderbar_price h3
{
margin-bottom: 5px;
}
.siderbar_price p:last-child
{
margin-bottom: 0;
}
.kostentabelle_sidebar p strong
{
color: #003057;
}
.kostentabelle_sidebar fieldset input[type="checkbox"] + label
{
padding-left: 40px;
width: calc(100% - 25px);
vertical-align: top;
}
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
}
@media screen and (max-width: 660px)
{
.kostentabelle_sidebar,
.kostentabelle
{
width: 100%;
padding: 0;
}
.kostentabelle_sidebar
{
margin-top: 32px;
}
.siderbar_price
{
padding: 24px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.filter
{
height: 80px;
line-height: 80px;
background-color: white;
z-index: 3;
position: relative;
/* border-bottom: 1px solid #EAF0F4; */
padding-left: 32px;
padding-right: 32px;
}
section .filter
{
padding-left: 0;
padding-right: 0;
}
.filter:after
{
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.filter[data-overlay="true"]:before
{
content: '';
position: absolute;
display: block;
background: rgba(0,48,87,0.30);
width: 100vw;
height: 100vh;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
.filter_trigger
{
opacity: 0.6;
font-size: 16px;
color: #3F526F;
letter-spacing: 0;
line-height: 24px;
display: inline-block;
vertical-align: middle;
background-image: url(/img/icons/Filter.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: auto 16px;
padding-left: 28px;
margin-right: 24px;
}
.single_filter_holder
{
display: inline-block;
vertical-align: middle;
position: relative;
line-height: 1;
}
.single_filter_holder + .single_filter_holder
{
margin-left: 6px;
}
.single_filter_trigger
{
height: 48px;
line-height: 46px;
font-weight: bold;
font-size: 16px;
color: #3F526F;
text-align: center;
cursor: pointer;
padding-left: 16px;
padding-right: 16px;
border: 1px solid #C7D4DD;
border-radius: 4px;
transition: 0.3s;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.single_filter_holder[data-active="true"] .single_filter_trigger,
.single_filter_holder[data-open="true"] .single_filter_trigger
{
border: 1px solid #73C92D;
color: #73C92D;
}
.single_filter_reset
{
display: none;
vertical-align: middle;
width: 20px;
height: 20px;
background-image: url(/img/icons/close_green.svg);
background-size: auto 15px;
background-position: center center;
background-repeat: no-repeat;
cursor:pointer;
margin-left: 4px;
}
.single_filter_holder[data-active="true"] .single_filter_reset
{
display: inline-block;
}
.single_filter
{
padding: 32px;
padding-top: 24px;
padding-bottom: 24px;
background: #fff;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.16);
position: absolute;
top: calc(100% + 13px);
left: 0;
width: 560px;
pointer-events: none;
opacity: 0;
/*transform: translateX(50px);*/
transition: 0.3s;
}
.single_filter_holder[data-open="true"] .single_filter
{
opacity: 1;
transform: translateX(0);
pointer-events: auto;
}
.single_filter_close
{
width: 24px;
height: 24px;
position: absolute;
top: 16px;
right: 16px;
background-image: url(/img/icons/close_blue.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 16px;
cursor: pointer;
transition: 0.2s;
}
.single_filter_close:hover
{
transform: rotate(90deg);
}
.single_filter_controls
{
border-top: 1px solid #EAF0F4;
padding-top: 24px;
padding-left: 32px;
padding-right: 32px;
margin-left: -32px;
margin-right: -32px;
}
.single_filter_controls:after
{
content: '';
display: block;
clear: both;
}
.single_filter_controls button.btn
{
margin: 0;
float: left;
}
.single_filter_controls button:nth-child(2)
{
float: right;
}
.single_delete_filter,
.all_delete_filter
{
opacity: .2;
}
.single_delete_filter:hover,
.all_delete_filter:hover
{
opacity: 1;
}
.single_filter_choices fieldset
{
display: inline-block;
vertical-align: top;
width: calc(50% - 10px);
}
.filter_search_order
{
height: 80px;
float: right;
}
.filter_search_order input[type="text"]
{
width: 150px;
border: none;
}
.filter_search_order select
{
min-width: 120px;
border: none;
}
.filter_search_order fieldset
{
margin: 0;
display: inline-block;
}
.single_filter_choices
{
padding-bottom: 24px;
}
.single_filter_choices p
{
margin-bottom: 24px;
}
.single_filter_choices p strong
{
color: rgba(0,48,87,.64);
}
.single_filter_choices p strong span
{
color: rgba(0,48,87,1);
width: 72px;
display: inline-block;
text-align: center;
}
.range_slider
{
height: 24px;
position: relative;
display: block;
margin-bottom: 32px;
}
.range_slider:before
{
display: block;
position: absolute;
content: '';
height: 2px;
left: 0;
right: 0;
top: calc(50% - 1px);
background-color: #C7D4DD;
}
.min_grab,
.max_grab
{
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #fff;
box-shadow: inset 0px 0px 0px 2px #73C92D;
position: absolute;
top: 0;
cursor: pointer;
z-index: 1;
}
.min_grab:before,
.max_grab:before
{
content: '';
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
background-color: #73C92D;
cursor: pointer;
transform: translate(-50%,-50%);
}
.range
{
height: 2px;
top: calc(50% - 1px);
position: relative;
background-color: #73C92D;
}
.all_filter_controls
{
display: none;
}
.filter_border > div:first-child {
border-bottom: 1px solid #EAF0F4;
width: calc(100% + 64px);
margin-left: -32px;
padding-left: 32px;
padding-right: 32px;
}
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
.filter[data-overlay="true"]:before
{
display: none;
}
.filter[data-active="true"]
{
position: fixed;
background-color: #F4F8FA;
height: auto;
top: 72px;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
padding-left: 32px;
padding-right: 32px;
overflow-y: scroll;
-webkit-overflow-scrolling:touch;
}
.filter_trigger
{
cursor: pointer;
}
.filter[data-active="true"] .filter_trigger:after
{
content: '';
position: absolute;
display: block;
right: 15px;
top: 20px;
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(/img/icons/close_blue.svg);
background-size: auto 20px;
}
.filter[data-active="true"] .filter_trigger
{
border-bottom: 3px solid #73C92D;
padding-bottom: 16px;
padding-top: 16px;
opacity: 1;
color: #73C92D;
background-image: url(/img/icons/Filter_Green.svg);
}
.single_filter_holder
{
display: none;
}
.filter[data-active="true"] .single_filter_holder
{
display: block;
}
.single_filter_holder + .single_filter_holder
{
margin-left: 0;
margin-top: 40px;
}
.single_filter_trigger
{
border: none;
padding-left: 0;
padding-right: 0;
text-align: left;
font-weight: bold;
font-size: 18px;
color: #003057;
letter-spacing: 0;
pointer-events: none;
}
.single_filter
{
background-color: transparent;
pointer-events: auto;
opacity: 1;
position: relative;
top: 0;
transform: none;
padding: 0;
width: 100%;
box-shadow: none;
}
.single_filter_choices
{
padding-bottom: 0;
}
.single_filter_close
{
display: none;
}
.single_filter_controls
{
display: none;
}
.filter[data-active="true"] .filter_search_order
{
display: none;
}
.filter_search_order input[type="text"]
{
width: 180px;
background-color: #f8f8f8;
padding-left: 40px;
background-position: 15px center;
border-radius: 4px;
}
.filter[data-active="true"] .all_filter_controls
{
display: block;
border-radius: 4px;
background: #FFFFFF;
box-shadow: 0 4px 16px -8px rgba(0,48,87,0.16);
padding: 20px;
margin-left: -16px;
margin-right: -16px;
}
.all_filter_controls
{
margin-top: 40px;
margin-bottom: 60px;
}
.all_filter_controls .single_filter_controls
{
display: block;
margin: 0;
padding: 0;
border: none;
}
.single_filter_controls button:nth-child(2)
{
padding-left: 0;
padding-right: 0;
width: 160px;
}
.single_filter_holder[data-active="true"] .single_filter_reset
{
display: none;
}
.single_filter_holder[data-active="true"] .single_filter_trigger, .single_filter_holder[data-open="true"] .single_filter_trigger
{
border: none;
color: #003057;
}
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.raumvermietung_row {
padding-top: 24px;
padding-bottom: 24px;
border-top: 1px solid #C7D4DD;
}
.raumvermietung_row:first-child {
padding-top: 0;
border-top: 0;
}
.raumvermietung_row > div:first-child {
width: 266px;
margin-right: 40px;
}
.raumvermietung_row > div:first-child .image_holder {
height: 100%;
}
.raumvermietung_row > div:nth-child(2) {
width: 400px;
margin-right: 30px;
}
.raumvermietung_row p {
margin-bottom: 14px;
}
.raumvermietung_row p img,
.more_locations > span > span img {
display: inline-block;
vertical-align: middle;
opacity: 0.4;
height: 16px;
width: auto;
margin-right: 16px;
}
.raumvermietung_row > div:nth-child(3) p:first-child {
margin-bottom: 23px;
}
.raumvermietung_row h3 {
margin-bottom: 16px;
}
.raumvermietung_row > div:nth-child(4) {
margin-left: auto;
margin-top: auto;
margin-bottom: auto;
}
.more_locations {
display: inline-block;
font-weight: 500;
color: #73C92D;
cursor: pointer;
position: relative;
}
.more_locations > span {
display: block;
position: absolute;
width: 250px;
padding: 20px;
top: 50%;
left: calc(100% + 20px);
transform: translate(30px, -50%);
background-color: #fff;
box-shadow: 0 8px 32px -8px rgba(0,48,87,0.40);
border-radius: 4px;
pointer-events: none;
opacity: 0;
transition: .3s;
}
.more_locations:hover > span {
opacity: 1;
pointer-events: auto;
transform: translate(0, -50%);
}
.more_locations > span:before {
content: '';
display: block;
background-color: #fff;
width: 30px;
height: 30px;
position: absolute;
top: calc(50% - 15px);
left: -15px;
transform: rotate(45deg);
}
.more_locations > span > span:first-child {
font-weight: bold;
font-size: 16px;
color: #003057;
letter-spacing: 0;
line-height: 24px;
display: block;
margin-bottom: 8px;
}
.more_locations > span > span:not(:first-child) {
opacity: 0.6;
font-weight: normal;
font-size: 16px;
color: #3F526F;
letter-spacing: 0;
line-height: 24px;
display: block;
margin-top: 8px;
}
.more_locations > span > span img {
opacity: 1;
}
.raum_facts > div {
padding: 24px 32px;
border: 1px solid #C7D4DD;
border-radius: 4px;
}
.raum_facts p {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
}
.raum_facts p:nth-child(2) {
width: 116px;
}
.raum_facts p:nth-child(3) {
width: calc(100% - 168px);
vertical-align: top;
}
.raum_facts p strong {
font-weight: 500;
}
.raum_facts img {
height: 16px;
display: inline-block;
vertical-align: middle;
margin-right: 26px;
}
.raumvermietung_row h3 a {
text-decoration: none;
color: inherit;
display: inline-block;
position: relative;
}
.raumvermietung_row h3 a:before {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 2px;
background-color: #003057;
transition: .3s;
}
.raumvermietung_row h3 a:hover:before{
right: auto;
left: 0;
width: 100%;
}
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
.raumvermietung_row > div:first-child,
.raumvermietung_row > div:nth-child(2),
.raumvermietung_row > div:nth-child(3) {
width: 33.33%;
margin: 0;
}
.raumvermietung_row > div:nth-child(2),
.raumvermietung_row > div:nth-child(3) {
padding-left: 32px;
}
.raumvermietung_row > div:nth-child(4) {
width: 100%;
margin: 0;
margin-top: 32px;
text-align: right;
}
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 768px)
{
.raumvermietung_row > div:first-child,
.raumvermietung_row > div:nth-child(2),
.raumvermietung_row > div:nth-child(3) {
width: 100%;
margin: 0;
padding: 0;
}
.raumvermietung_row > div:first-child {
margin-bottom: 24px;
}
.raumvermietung_row > div:nth-child(4){
margin-top: 24px;
text-align: left
}
.raum_facts {
text-align: center;
}
.raum_facts img {
margin-right: 0;
}
.raum_facts p:nth-child(2) {
width: 100%;
margin-top: 12px;
margin-bottom: 4px;
}
.raum_facts p:nth-child(3) {
width: 100%;
}
}
@media screen and (max-width: 660px)
{
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
footer
{
padding-right: 32px;
padding-left: 32px;
position: relative;
}
.dark_field
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.24;
background: linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0));
}
.footer_grid > div
{
width: calc(25% - 18px);
margin-right: 24px;
display: inline-block;
vertical-align: top;
}
.footer_grid > div:nth-child(1),
.footer_grid > div:nth-child(2),
.footer_grid > div:nth-child(3)
{
width: calc(20% - 18px);
}
.footer_grid > div:nth-child(4)
{
width: calc(40% - 18px);
margin-right: 0;
}
.footer_grid h6
{
color: #ffffff;
margin-bottom: 16px;
font-weight: bold;
}
.footer_grid
{
padding-bottom: 80px;
border-bottom: 1px solid rgba(199,212,221,0.24);
}
.footer_grid p
{
margin-bottom: 12px;
color: rgba(255,255,255,0.6);
}
.footer_grid .kontakt_holder p
{
margin-bottom: 0px;
padding-bottom: 18px;
}
.footer_grid .kontakt_holder .adresse_holder p
{
padding-bottom: 0;
}
div:not(.menu_teaser) > .footer_grid p a
{
color: #ffffff;
padding-left: 24px;
background-image: url(/img/footer_arrow.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: auto;
font-weight: normal;
transition: 0.3s;
opacity: 0.6;
display: inline-block;
}
div:not(.menu_teaser) > .footer_grid p a:not([class])[href^="mailto:"],
div:not(.menu_teaser) > .footer_grid p a:not([class])[href^="tel:"]
{
background-image: none;
}
.footer_grid .adresse_holder p a
{
opacity: 0.8;
background-image: none;
padding-left: 28px;
}
.footer_grid .adresse_holder p.map_icon a
{
background-position: left top 7px;
background-image: url(/img/footer_icons/footer_ort.svg);
padding-right: 20px;
}
.footer_grid .adresse_holder p a:not([class])[href^="mailto:"]:after
{
background-image: url(/img/footer_icons/footer_mail.svg);
}
.footer_grid .adresse_holder p a:not([class])[href^="tel:"]:after
{
background-image: url(/img/footer_icons/footer_phone.svg);
}
.footer_grid p a:hover
{
opacity: 1;
}
.footer_grid p a:before
{
background-color: #ffffff;
width: 0;
left: auto;
right: 0;
pointer-events: none;
height: 1px;
}
.footer_grid p a:hover:before
{
width: calc(100% - 24px);
left: 24px;
right: 0;
}
.footer_bottom_middle a
{
position: relative;
}
.footer_bottom_middle a:before
{
content: '';
position: absolute;
bottom: -3px;
background-color: #ffffff;
width: 0;
left: auto;
right: 0;
pointer-events: none;
height: 1px;
transition: 0.3s;
}
.footer_bottom_middle a:hover:before
{
width: 100%;
left: 0;
right: 0;
}
.footer_grid .adresse_holder p a:before,
.footer_grid .adresse_holder p a:not([class])[href^="mailto:"]:before,
.footer_grid .adresse_holder p a:not([class])[href^="tel:"]:before
{
width: 0;
left: auto;
right: 0;
pointer-events: none;
}
.footer_grid .adresse_holder p a:hover:before,
.footer_grid .adresse_holder p a:not([class])[href^="mailto:"]:hover:before,
.footer_grid .adresse_holder p a:not([class])[href^="tel:"]:hover:before
{
width: calc(100% - 23px);
left: 23px;
right: 0;
}
.adresse_holder
{
background-image: linear-gradient(to top,rgba(63,82,111,0.64),rgba(63,82,111,0));
padding-left: 12px;
padding-right: 0px;
padding-top: 20px;
padding-bottom: 8px;
position: relative;
display: inline-block;
width: 100%;
}
.adresse_holder p
{
display: block;
float: left;
width: 50%;
}
.adresse_holder:after
{
content: '';
display: block;
clear: both;
}
.footer_grid .adresse_holder p.map_icon
{
line-height: 30px;
}
.footer_grid .kontakt_holder .adresse_holder p
{
margin-bottom: 12px;
}
.adresse_holder p a:not([class])[href^="mailto:"],
.adresse_holder p a:not([class])[href^="tel:"]
{
color: #ffffff;
}
.adresse_holder p a:not([class])[href^="mailto:"]:before,
.adresse_holder p a:not([class])[href^="tel:"]:before
{
background-color: #ffffff;
}
/* Footer Bottom */
.footer_bottom
{
position: relative;
}
.footer_bottom:after
{
content: '';
display: block;
clear: both;
}
.footer_bottom_left,
.footer_bottom_middle,
.footer_bottom_right
{
display: inline-block;
float: left;
}
.footer_bottom_left,
.footer_bottom_middle
{
padding-top: 32px;
padding-bottom: 32px;
}
.footer_bottom_right
{
float: right;
padding-top: 20px;
padding-bottom: 20px;
}
.footer_bottom_left
{
margin-right: 40px;
}
.footer_bottom .btn.media_btn[data-btn-style="round"]
{
padding: 0;
margin-bottom: 0;
margin-right: 16px;
line-height: 40px;
}
.footer_bottom .btn:last-child
{
margin-right: 0;
}
.footer_bottom a
{
margin-right: 24px;
text-decoration: none;
color: #ffffff;
font-size: 14px;
line-height: 16px;
opacity: 0.8;
letter-spacing: 0.25px;
transition: 0.3s;
}
.footer_bottom a:last-child
{
margin-right: 0;
}
.footer_bottom a:hover
{
opacity: 1;
}
.footer_bottom_left span
{
font-size: 14px;
line-height: 16px;
color: rgba(255,255,255,0.4);
}
.kontakt_holder fieldset
{
margin-bottom: 0;
}
.kontakt_holder fieldset select
{
color: rgba(255,255,255,0.6);
height: 40px;
padding-bottom: 18px;
}
.kontakt_holder fieldset select[data-icon-right="dropdown"]
{
background-image: url(/img/dropdown_opacity_white.svg);
background-position: right 8px;
}
.footer_adressen_holder
{
display: none;
}
.kontakt_holder[data-selected-value="1"] .footer_adressen_holder[data-value="1"],
.kontakt_holder[data-selected-value="2"] .footer_adressen_holder[data-value="2"],
.kontakt_holder[data-selected-value="3"] .footer_adressen_holder[data-value="3"],
.kontakt_holder[data-selected-value="4"] .footer_adressen_holder[data-value="4"],
.kontakt_holder[data-selected-value="5"] .footer_adressen_holder[data-value="5"],
.kontakt_holder[data-selected-value="6"] .footer_adressen_holder[data-value="6"],
.kontakt_holder[data-selected-value="7"] .footer_adressen_holder[data-value="7"],
.kontakt_holder[data-selected-value="8"] .footer_adressen_holder[data-value="8"],
.kontakt_holder[data-selected-value="9"] .footer_adressen_holder[data-value="9"],
.kontakt_holder[data-selected-value="10"] .footer_adressen_holder[data-value="10"],
.kontakt_holder[data-selected-value="11"] .footer_adressen_holder[data-value="11"],
.kontakt_holder[data-selected-value="12"] .footer_adressen_holder[data-value="12"],
.kontakt_holder[data-selected-value="13"] .footer_adressen_holder[data-value="13"],
.kontakt_holder[data-selected-value="14"] .footer_adressen_holder[data-value="14"],
.kontakt_holder[data-selected-value="15"] .footer_adressen_holder[data-value="15"]
{
display: block;
}
.cookie_meldung
{
position: fixed;
z-index: 9999999;
bottom: 32px;
left: 32px;
padding: 16px;
background-color: #FFFFFF;
box-shadow: 0 12px 24px -16px rgba(0,48,87,0.16);
border-radius: 4px;
max-width: calc(100% - 64px);
pointer-events: none;
opacity: 0;
transform: translateY(100%);
transition: 0.6s;
}
.cookie_meldung[data-active="true"]
{
pointer-events: auto;
opacity: 1;
transform: translateY(0);
}
.cookie_meldung p
{
max-width: 500px;
margin-right: 15px;
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
}
.cookie_meldung .btn
{
vertical-align: middle;
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1150px)
{
.footer_grid > div:nth-child(1),
.footer_grid > div:nth-child(2),
.footer_grid > div:nth-child(3)
{
width: calc(33% - 13px);
margin-bottom: 24px;
}
.footer_grid > div:nth-child(3)
{
margin-right: 0;
}
.footer_grid > div:nth-child(4)
{
width: 100%;
margin-right: 24px;
/*max-width: 500px;*/
}
}
@media screen and (max-width: 1024px)
{
.footer_grid > div:nth-child(1),
.footer_grid > div:nth-child(2),
.footer_grid > div:nth-child(3)
{
width: calc(33% - 16px);
}
}
@media screen and (max-width: 900px)
{
.footer_bottom_right
{
padding-top: 0;
width: 100%;
text-align: center;
padding-bottom: 32px;
}
.footer_bottom_left,
.footer_bottom_middle
{
width: 50%;
padding-bottom: 24px;
}
.footer_bottom_left
{
margin-right: 0;
}
.footer_bottom_middle
{
text-align: right;
}
.cookie_meldung
{
width: 500px;
}
.cookie_meldung p
{
max-width: 100%;
margin-bottom: 16px;
margin-right: 0;
}
}
@media screen and (max-width: 768px)
{
.footer_bottom_left
{
width: 30%;
}
.footer_bottom_middle
{
width: 70%;
}
}
@media screen and (max-width: 660px)
{
.footer_grid > div:nth-child(1),
.footer_grid > div:nth-child(2),
.footer_grid > div:nth-child(3),
.footer_grid > div:nth-child(4)
{
width: 100%;
margin-bottom: 24px;
margin-right: 0;
}
.footer_grid > div:nth-child(4)
{
margin-bottom: 0;
}
.adresse_holder p
{
width: 100%;
float: none;
}
.footer_grid .adresse_holder p.map_icon
{
line-height: 20px;
}
.footer_grid
{
padding-bottom: 50px;
}
.footer_bottom_left,
.footer_bottom_middle,
.footer_bottom_right
{
width: 100%;
text-align: center;
margin-bottom: 24px;
padding-top: 0;
padding-bottom: 0;
}
.footer_bottom_right
{
margin-bottom: 32px;
}
.footer_bottom_left
{
padding-top: 32px;
}
.adresse_holder
{
width: 100%;
padding-right: 42px;
}
.footer_bottom a
{
margin-right: 16px;
}
}
@media screen and (max-width: 480px)
{
.adresse_holder
{
width: 100%;
padding-right: 0;
}
.footer_bottom a
{
font-size: 12px;
}
.cookie_meldung
{
text-align: center;
left: 16px;
right: 16px;
width: auto;
max-width: 100%;
}
}
@media screen and (max-width: 330px)
{
}
.header
{
position: relative;
height: 560px;
width: 100%;
/*background-image: url(/img/demo/demo_header.jpg);*/
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.header_parallax_image
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.header.has_video
{
height: 740px;
}
.header video
{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.header:before
{
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: linear-gradient(to top,rgba(0,0,0,0.64),rgba(0,0,0,0.0));
z-index: 1;
}
.header_text
{
position: absolute;
overflow: hidden;
bottom: 88px;
left: 50%;
width: calc(100% - 64px);
max-width: 1200px;
transform: translateX(-50%);
z-index: 2;
}
.header_text h1
{
margin-bottom: 16px;
}
.header_text h1,
.header_text h6
{
color: #ffffff;
max-width: 800px;
}
.wichtige_meldung_holder
{
background-image: linear-gradient(90deg, #73C92D 0%, #A3DB75 100%);
padding-top: 15px;
padding-bottom: 15px;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 15;
padding-left: 32px;
padding-right: 32px;
}
.wichtige_meldung_holder h4
{
width: calc(100% - 240px);
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
padding-left: 30px;
background-image: url(/img/icons/infobubble_white.svg);
background-repeat: no-repeat;
background-size: 16px auto;
background-position: left 7px;
}
.meldung_button_holder
{
display: inline-block;
vertical-align: middle;
width: 240px;
text-align: right;
}
.meldung_button_holder .btn:before
{
background: linear-gradient(90deg, #003057, #2F6897);
}
.stoerer_holder
{
text-align: right;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
}
.stoerer
{
display: inline-block;
width: 170px;
height: 170px;
border-radius: 50%;
background-color: #73C92D;
font-weight: normal;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
letter-spacing: 0.1px;
text-align: center;
position: relative;
transform: rotate(15deg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.stoerer span
{
position: absolute;
padding-left: 16px;
padding-right: 16px;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
/* Resp */
@media screen and (max-width: 1920px)
{
}
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1440px)
{
}
@media screen and (max-width: 1366px)
{
}
@media screen and (max-width: 1280px)
{
}
@media screen and (max-width: 1024px)
{
.header_text
{
bottom: 74.67px;
}
.header.has_video
{
height: 560px;
}
.header video
{
height: 105%;
width: auto;
}
/*.stoerer_holder
{
display: none;
}*/
.wichtige_meldung_holder {
position: relative;
}
}
@media screen and (max-width: 768px)
{
.header_text
{
bottom: 61.33px;
}
.wichtige_meldung_holder h4
{
width: 100%;
}
.meldung_button_holder
{
width: 100%;
margin-top: 16px;
}
}
@media screen and (max-width: 660px)
{
.header,
.header.has_video
{
height: 464px;
}
.header_text
{
bottom: 48px;
}
}
@media screen and (max-width: 480px)
{
}
@media screen and (max-width: 330px)
{
}
.anmeldung_blocked_cnt {
border-radius: 4px;
background-color: #f4f8fa;
padding: 48px 80px;
text-align: center;
}
.anmeldung_blocked_cnt svg {
margin-bottom: 32px;
}
.anmeldung_blocked_title {
font-size: 20px;
line-height: 28px;
font-weight: normal;
color: #003057;
margin-bottom: 12px;
}
.anmeldung_blocked_text {
font-size: 16px;
line-height: 24px;
color: #3f526f70;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}