ul.pager:not(.pager-load-more) li.pager-previous a:before { content: "\e900"; } ul.pager:not(.pager-load-more) li.pager-next a:before, #sliding-popup.sliding-popup-bottom a:before, .newsletter-popup .signup-link:before { content: "\e901"; } ul.pager-load-more .pager-next a:before { content: "\e904"; } .newsletter-popup .hide-button:before { content: "\e905"; } figure .photographer-creative-commons .creative-commons-icon.by:before { content: "\e906"; } figure .photographer-creative-commons .creative-commons-icon.creative-commons:before { content: "\e907"; } figure .photographer-creative-commons .creative-commons-icon.non-commercial:before { content: "\e908"; } figure .photographer-creative-commons .creative-commons-icon.no-derivatives:before { content: "\e909"; } figure .photographer-creative-commons .creative-commons-icon.share-alike:before { content: "\e90a"; } figure .photographer-creative-commons .creative-commons-icon.copyright:before { content: "\e90b"; } figure .photographer-creative-commons .creative-commons-icon.public-domain:before { content: "\e90c"; } .scopes-debug-activated { width: 49px; height: 55px; position: fixed; z-index: 999; top: 50%; left: 50%; opacity: 0; transition: opacity 400ms ease; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAA3CAMAAACSG1IzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjgzRDgxNTRENkY1MTFFNDhGNDZBRjIzNEY5MkM4QTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjgzRDgxNTVENkY1MTFFNDhGNDZBRjIzNEY5MkM4QTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2ODNEODE1MkQ2RjUxMUU0OEY0NkFGMjM0RjkyQzhBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2ODNEODE1M0Q2RjUxMUU0OEY0NkFGMjM0RjkyQzhBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PunGwtYAAALTUExURSgZDUk4JT0wHkk2G1U7GmVCG8uDUysmDF4+HoxeOWFCKmtEILV5TJpjPJNbN6NqPTEeDllCKVU9J5FiO3xWMYRaNoRdOqpyS9qTYcWCUpNlQWdGKyAVDKNsRHxRLltGMtKMXTYnGJ1qQlE+MNGSYsiIZHRSM7J6UndMMaxuRGxRNzYnD+Sca719UUcxH8Z7StOLY1I/HmxKJoxZM6xyQzcvDnNOKcuLXa90UaNnQ5xlQrF2S3NRLNKDVaJlOphmJ4piO8l+UWJJLqBdKYlkRbuBVJluUYNVMqt4QaR0SzEpH82FWmNDI2NJI6huSKprPKJtMIVVLHxZNpRZJXhMJ7JzRbx5TqtxOpVgNJFoPaNiNrp+WnxOKYJVOc2IU+uba5xoPNSxbLt0SdmNX7NsLahnPIBgOWtLLZdpQ8OKW/61ikErFnBSJemkbXFKJad6VbmASnpIItKMVZthM9GHV6VwReygc4tcQ001EeKZZrBuM/SqfXtWOPGodGY6FKpnK31dKNSUat+PYXRZPXVGIf2yhNuTaFY1EN2ZbH1dQv/9w6x4TcmTZiojGHdHCeOTZtWzf/Gia/Kmerx0QryEW758RMOGWciJWLJ9WsKYUf++iHpEFfy7lOSgc7aBWtuZY+idcKt4M2RMPbJ4Qp1rSqFvT//QqbeDPseCRt2ec/65hHBUO/KldaNvSf/xvP/DlOCYXteRXOuiecWVWYlQHP25itaIVpJuSZh0R6prNJl8ZWlQKOupe5d2WvmzfFAuFNGYaZ91PNmHVrV2Ob6STMSgWvmneoJmUeSWa4dOJbmOY49SL/bYlrSLUHxXGSQdFemogHRYRfSxjbKGVbBjMaJ5TObIhtGGTbVuRbuJXemueeuWZ/Oyhf6se+6xe6mAXLmVVJNoNe6zibmKVBYVFHhRDrdwLvqqd/Ktg+3Sjeu3khoaGf2ldx8aF93EhOybY////wUqoxQAAADxdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wCpCmekAAAIhUlEQVR42nSWhV9byRbHc2PE3Y0QD3EhCRYIUtzdrbh7cbdCoaVY0bq7u3u3srtvXZ/7e/wJ74Zut6Hd95vP59pnvvecmTln5kDW3ytSTHZ3J5ODgk54OnUCbEHuoMRApEsvyPsnCNQQQ45BILDYwYTkwYTs+jA/P2N0NIZMgXr8FgEVU8jwGFRVNlpUJ8dllUvn5LaIiAw6zRKNcicD0MiPCAD0Q0bLzhA1h8+ME1NCbUwmn38Kjw4TYLlcEPmQqAQonrIcdBln9ZuZ0DlfopmZjxeJCHgCAU0XyDyDKADwzrV3BIXbSUMTfAi2rLnQUKKyuVkkopqoBDQaTVeUemIALUjwXAkVRcEQCF7gCXjvWDuB2MyncjLAD4Jki8CIMsBhlSqVigRxISpVcG5idn09geDjLcKb8qnUBGwNjYZFoBAxMQaYl5fKzc1txw4XAqqFI2jJg8loUxmVikZT6WWBIyO0EiwKbogxbPPyctuQKxEJ3QY3IhCWwJAaemAGjUajM1AIbKkxGr4NZjB4uW20SDdXG1DYthjQg5ISo19ICRZrTGQYsQg4N3pkG4h4qUArXtDITV4BMMMNY9UNOKrEDzXiJ6vxq8Fi6a2cEAajM3HMj0yBQWHvpvdXAj7gl3gDjkj0QyCMfjXJ2MFBuglNpVLpYeD0YuCVWi2U5EIAIFFVRaNZjAi/QEZ3crbJxMHzRek+eB+CiZBjUnDvwAFA9Z6IhAJwFC2MmkFPSKZyONkJCYR0Ed93PI5PtDfivX3wOYo7cJjWZeRuUAoKi6by+eM2H59Y5immr68ch1OaD4THxxGJvkzblkAUGYC5EDugMJAgEJk4ZUpxsR0H3n3NuBQcSKTFxeGUsSI0Cg5zIXhuAAyj8G4MnWezkbqvC4uVTD4z3GxOS4s/cKAJqUMicenYaJjLyF+7AQAXJOrY51jn/At1heBP8/PziWlpZg27qKi/iF2Iry8la3+dXQjEDQpgFPh0nOTmTTWrCZmq9Manm9LtZo1GOLx3b4swCodP9qNUQjzeEhCQgMFQioMR5RN/+H5lWK+X4pzZpFTiojRRw+c7KvqscrxARgY8IDzeBkEiqbzgmJxD48//cfjw8s1joxLpjHRiYkIqXRk9/+az5cOfHZPWJspgKpLKw+nSunhgwACHRyvCEtB0Tpl84u7dOXt6rDwry7tYwx61ZsV6EwhhYRYZ2UAWfwqABGn/9VsxTqIe3ES6EdQ/TlwIT6q3x9qYL16kpNxdPWXq7h7EJltkcEOQ5/X9IMHbf/3KjW0jWDqaHsiwWDLu3bsXcHEyPV/p/exiY1L47zMykhloOpqRiDIEBV13d45i/60tMSMjxtZDtVevXA3s7X3158nJyYtJhMalpcnJV696e69mXP0iIoPRDY8pvbUfnCceJaS3qsrCOZSd8MXO09u3f1JQsCcg4MAFicSeeWFPwSfbt5/e+fxeQkRtoNFS+gTjtCFuZSCqag4uPKv/fOfp0xtEfED7vKQhPn7Pw4K/O4kL+UvyZioCwR2jgDYgWlkNolfAsRGejX++s+DLgkd79gUEt+eurV0L2HfkUcGX/9n5so6YpOFzBBbsCWCDUJQiegN9bF/HhYd/8/LCnodHjmzdOtuvrp69duTIw58f/fwyHAzHVBs+B4U5AYM412OsE1EVdkiqz9XUpYUHxO/bd7Th8tSuvx4/23B0Ni0gICC8ju0AA8EnB8UdAJwxAnyqMNLCmPphIXL2WlpS/L4HRy/f/+5fPwyxvjr61YP4pID4Op1/kV7amsPFgONw2ngyhiqhxkr1rJVqlnp2rfr28ZPf5T3+YShv1/HF6ga2da0tr2XKIfVu5WKeiHkgEQm4R9NMfI1mxtrAYp2tXrzdpWa1dJw5s1fd1XW8mtUmZJ3L1WXZQK/cxZEb0b7DA0NLSDebfeuaLvvvrTgzNCqxrlw6fPiYkKU+U3Ey77JDt1uZ5kMQRIs9/uS08c9/QzCdAhORqPTV9fc/HqqY1kdl9b1ZXu6TWq2XhjpapnS63XFEPCOH6/6a90ueU2QCkzcxLtX/5MlptV6vzPSJtS0sHOT7FveNtkx3NOl220V4uowifv1uZ/DgKtCx9mINq+L7FUkocyk7jBpyJaQzrH5J0wdmVBGyMLP5SiJX5fEuzyEQioJjy8xkqy9dOiYJJXYPZgtojERLTfcSrk99vuJpUWqm/Kex6LcHyNsLpZSzgM+MUg9VDM9rcI35Iiqawyk7mB4QKol6OtTSn9q48FMihQdx2UWDQhbsmcLp6ekoNltvTQ315RO95aF3y+esjqnHeXlI++rzAYPrGQWQO2uJxVFFT9VIvZDVcWnxZhtr7fbxH7+VCP398/qLCosjtgTBXAkoZaA2gshmqVuQDcK1rsXF6rPnzt5e/PHbc03+9/P6m1LNEbc2E+se5BJRc918n9AeHJx5rf1B+9aenr9sbW8PDv7d7vv+SByfEaIlbTpr1wHZlYhQtj43Ljg4uKenfatTPT09TsIfOY87ZRnw2FwB8KDkkkBiqsPh0On8WVNtu0D99yyrAanTOZCp5nwOyp30QZUBBcYCmYUOx/0oB7KpTV3d1dWV19aAzAUb2ywvC4GJP6pLSEHGMk1U1LCUrUlpTEq6eDEpKThlN7tJIikfj6AHkSAfETxAK8MXpkqs1nlcitI3xVduTimczRVKyuVlDC4Mwvu4vlpfF9OYzeXWUaED6V/UtlctZCOPsoTlq7UyrvY9sImAcgM5qzPgoiEvT53sOD+MzM0VzslrQzDAb1ZkG/UMHMXg1GZJR1f+tnxm+c0xazlOBAZ5JWn9/xEQFUmL6Ww9xLTJs2ZW5REHTwkQd+6QXFz6kABfPbTunq1bfhEjBKMlqXgfdFn/QJEAIHbHbIhMdgc2e+TU/wQYAOxTdkn4Z/SwAAAAAElFTkSuQmCC"); } .scopes-debug-activated.show { transition: opacity 200ms ease; opacity: 1; } .scopes-debug-grid { display: none; position: fixed; top: 0; left: 0; height: 100%; pointer-events: none; width: 100%; z-index: 9999; } .scopes-show-grid .scopes-debug-grid { display: block; } .scopes-debug-grid .grid-container { width: 90%; max-width: 1190px; height: 100%; } @media (max-width: 900px) { .scopes-debug-grid .grid-container { width: 90%; } } @media (max-width: 550px) { .scopes-debug-grid .grid-container { width: 90%; } } .scopes-debug-grid .grid-container .single-grid { width: 6.60377%; margin-right: 1.88679%; float: left; height: 100%; background-color: rgba(255, 50, 50, 0.25); } .scopes-debug-grid .grid-container .single-grid:nth-child(12n) { margin-right: 0; } .scopes-debug-grid .grid-container .single-grid:nth-child(12n+1) { clear: left; } @media (max-width: 1150px) { .scopes-debug-grid .grid-container .single-grid { width: 6.60377%; margin-right: 1.88679%; float: left; } .scopes-debug-grid .grid-container .single-grid:nth-child(12n) { margin-right: 1.88679%; } .scopes-debug-grid .grid-container .single-grid:nth-child(12n+1) { clear: none; } .scopes-debug-grid .grid-container .single-grid:nth-child(12n) { margin-right: 0; } .scopes-debug-grid .grid-container .single-grid:nth-child(12n+1) { clear: left; } } @media (max-width: 900px) { .scopes-debug-grid .grid-container .single-grid { width: 10%; margin-right: 2.85714%; float: left; } .scopes-debug-grid .grid-container .single-grid:nth-child(12n) { margin-right: 2.85714%; } .scopes-debug-grid .grid-container .single-grid:nth-child(12n+1) { clear: none; } .scopes-debug-grid .grid-container .single-grid:nth-child(8n) { margin-right: 0; } .scopes-debug-grid .grid-container .single-grid:nth-child(8n+1) { clear: left; } } @media (max-width: 550px) { .scopes-debug-grid .grid-container .single-grid { width: 12.5%; margin-right: 5%; float: left; } .scopes-debug-grid .grid-container .single-grid:nth-child(8n) { margin-right: 5%; } .scopes-debug-grid .grid-container .single-grid:nth-child(8n+1) { clear: none; } .scopes-debug-grid .grid-container .single-grid:nth-child(6n) { margin-right: 0; } .scopes-debug-grid .grid-container .single-grid:nth-child(6n+1) { clear: left; } } body:after { display: none; content: '{"default": {"grid": {"count": 12, "gutter": "1.88679%", "column": "6.60377%", "width": "90%", "maxwidth": "1190px"}}, "notebook": {"grid": {"count": 12, "gutter": "1.88679%", "column": "6.60377%", "width": null, "maxwidth": null}}, "tablet": {"grid": {"count": 8, "gutter": "2.85714%", "column": "10%", "width": "90%", "maxwidth": null}}, "mobile": {"grid": {"count": 6, "gutter": "5%", "column": "12.5%", "width": "90%", "maxwidth": null}}, "_black": "#000000", "_green": "#3FB498", "_purple": "#544595", "_red": "#E7333F", "_yellow": "#FBBC42", "_debug": "iddqd"}'; } .scope-scope { position: absolute; display: none; } #scope-default { top: 1px; } @media (max-width: 1150px) { #scope-notebook { top: 1px; } } @media (max-width: 900px) { #scope-tablet { top: 1px; } } @media (max-width: 550px) { #scope-mobile { top: 1px; } } .scopes-debug-grid .grid-container { margin: 0 auto; } html, body { padding: 0; margin: 0; } body { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 16px; line-height: 22px; color: #000000; } .clearfix:after { content: ''; } .scopes-debug-grid { width: 100%; padding: 0 80px; left: 0; box-sizing: border-box; } @media (max-width: 900px) { .scopes-debug-grid { width: 100%; left: 0; } } .wrapper { width: 90%; max-width: 1190px; margin: 0 auto; position: relative; z-index: 1; } @media (max-width: 900px) { .wrapper { width: 90%; } } @media (max-width: 550px) { .wrapper { width: 90%; } } figure { position: relative; margin: 0; line-height: 0; } figure img { width: 100%; height: auto; } figure .photographer-creative-commons { -webkit-transform: rotate(90deg) translateY(-100%); -moz-transform: rotate(90deg) translateY(-100%); -ms-transform: rotate(90deg) translateY(-100%); -o-transform: rotate(90deg) translateY(-100%); transform: rotate(90deg) translateY(-100%); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 10px; line-height: 16px; position: absolute; top: 0; left: 100%; width: 200px; margin-left: 10px; } figure .photographer-creative-commons .photographer { color: #919396; } figure .photographer-creative-commons.has-creative-commons .photographer { margin-bottom: 10px; } figure .photographer-creative-commons .creative-commons-link { display: block; float: left; } figure .photographer-creative-commons .creative-commons-icon { width: 15px; height: 15px; float: left; margin-right: 10px; } figure .photographer-creative-commons .creative-commons-icon:first-child { margin-left: 1px; } figure .photographer-creative-commons .creative-commons-icon:last-child { margin-right: 0; } figure .photographer-creative-commons .creative-commons-icon.copyright { position: relative; } figure .photographer-creative-commons .creative-commons-icon.copyright:before { font-family: 'icomoon'; font-size: 15px; color: #919396; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } figure .photographer-creative-commons .creative-commons-icon.creative-commons { position: relative; } figure .photographer-creative-commons .creative-commons-icon.creative-commons:before { font-family: 'icomoon'; font-size: 15px; color: #919396; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } figure .photographer-creative-commons .creative-commons-icon.by { position: relative; } figure .photographer-creative-commons .creative-commons-icon.by:before { font-family: 'icomoon'; font-size: 15px; color: #919396; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } figure .photographer-creative-commons .creative-commons-icon.non-commercial { position: relative; } figure .photographer-creative-commons .creative-commons-icon.non-commercial:before { font-family: 'icomoon'; font-size: 15px; color: #919396; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } figure .photographer-creative-commons .creative-commons-icon.share-alike { position: relative; } figure .photographer-creative-commons .creative-commons-icon.share-alike:before { font-family: 'icomoon'; font-size: 15px; color: #919396; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } figure .photographer-creative-commons .creative-commons-icon.no-derivatives { position: relative; } figure .photographer-creative-commons .creative-commons-icon.no-derivatives:before { font-family: 'icomoon'; font-size: 15px; color: #919396; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } figure .photographer-creative-commons .creative-commons-icon.public-domain { position: relative; } figure .photographer-creative-commons .creative-commons-icon.public-domain:before { font-family: 'icomoon'; font-size: 15px; color: #919396; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 550px) { figure .photographer-creative-commons { -webkit-transform: rotate(0) translateY(0); -moz-transform: rotate(0) translateY(0); -ms-transform: rotate(0) translateY(0); -o-transform: rotate(0) translateY(0); transform: rotate(0) translateY(0); width: 100%; float: left; position: static; margin-top: 10px; margin-left: 0; } figure .photographer-creative-commons .photographer-creative-commons { margin: 5px 0; } figure .photographer-creative-commons .photographer { width: 47.5%; margin-right: 5%; float: left; margin-bottom: 0; } figure .photographer-creative-commons.has-creative-commons .photographer { margin-bottom: 5px; } figure .photographer-creative-commons .creative-commons-link { width: auto; clear: left; } figure .photographer-creative-commons .creative-commons-icon { margin-right: 5px; } } .view-mode-teaser-extra-large figure .photographer-creative-commons, .view-mode-teaser-large figure .photographer-creative-commons, .view-mode-teaser figure .photographer-creative-commons, .view-mode-teaser-small figure .photographer-creative-commons { display: none; } figure figcaption { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 13px; line-height: 18px; color: #231f20; margin: 5px 0; } .view-mode-teaser-extra-large figure figcaption, .view-mode-teaser-large figure figcaption, .view-mode-teaser figure figcaption, .view-mode-teaser-small figure figcaption { display: none; } #map { height: 100%; } h1, h2, h3 { margin: 0; font-size: inherit; -webkit-margin-before: 0; -webkit-margin-after: 0; font-weight: inherit; } a { text-decoration: none; color: #000000; } svg.arrow { width: 88px; height: 86px; } @media (max-width: 900px) { svg.arrow { width: 74px; height: 72px; } } .ajax-progress-throbber { display: none; } .contextual-links-region { position: static; } .logo-wrapper { height: 65px; line-height: 65px; border-bottom: 1px solid rgba(150, 150, 150, 0.3); z-index: 10; position: fixed; width: 100%; top: 0; left: 0; text-align: center; pointer-events: none; padding: 0; box-sizing: border-box; opacity: 0; } .logo-wrapper .logo { pointer-events: auto; background-image: url("../images/logo_black.svg"); background-repeat: no-repeat; background-size: 183px 20px; display: block; width: 183px; height: 20px; -webkit-transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); top: 22px; } [lang="en"] .logo-wrapper .logo { background-image: url("../images/logo_black_en.svg"); background-repeat: no-repeat; background-size: 187px 20px; display: block; width: 187px; height: 20px; } [data-active-panel='left'] .logo-wrapper .logo { background-image: url("../images/logo_white.svg"); background-repeat: no-repeat; background-size: 183px 20px; display: block; width: 183px; height: 20px; -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; transition-delay: 150ms; } [lang="en"] [data-active-panel='left'] .logo-wrapper .logo { background-image: url("../images/logo_white_en.svg"); background-repeat: no-repeat; background-size: 187px 20px; display: block; width: 187px; height: 20px; } .toolbar .logo-wrapper { top: 65px; } .logo-wrapper .logo { text-align: center; margin: 0 auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .logo-wrapper .mobile-menu-button { position: absolute; cursor: pointer; display: none; top: 27px; right: 40px; pointer-events: auto; -webkit-transition: all 150ms; -moz-transition: all 150ms; transition: all 150ms; } @media (max-width: 900px) { .logo-wrapper .mobile-menu-button { display: block; } } @media (max-width: 550px) { .logo-wrapper .mobile-menu-button { top: 25px; right: 20px; } } [data-active-panel='left'] .logo-wrapper .mobile-menu-button { color: #ffffff; } .header-element { cursor: pointer; pointer-events: auto; line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 13px; line-height: 18px; line-height: 65px; position: relative; padding-right: 27px; } @media (max-width: 900px) { .header-element:not(.search) { display: none; } } .header-element .icon { -webkit-transition: all 150ms; -moz-transition: all 150ms; transition: all 150ms; position: absolute; top: 6px; right: 0; } .header-element.search { opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 150ms; -moz-transition: all 150ms; transition: all 150ms; color: #919396; } [data-active-panel='middle'] .header-element.search { opacity: 1; visibility: visible; pointer-events: auto; } .header-element.search .icon { line-height: normal; top: 0; opacity: 0.5; } .toolbar .header-element.search { top: 65px; } .header-element.search:hover, .search-open .header-element.search { color: #000000; } .header-element.search:hover .icon, .search-open .header-element.search .icon { opacity: 1; } @media (max-width: 550px) { .header-element.search { padding-right: 20px; float: left; margin-top: 21px; } .header-element.search .text { display: none; } } .header-element.latest { position: relative; padding-right: 0; pointer-events: none; } .header-element.latest .icon { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Light", sans-serif; font-weight: 400; text-decoration: none; font-size: 24px; line-height: 29px; position: relative; top: 0; width: 80px; height: 65px; } .header-element.latest .icon:before, .header-element.latest .icon:after { display: block; position: absolute; right: 30px; top: 17px; -webkit-transition: all 150ms; -moz-transition: all 150ms; transition: all 150ms; } .header-element.latest .icon:after { content: '\2192'; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; } .header-element.latest .icon:before { content: '\2190'; } [data-active-panel='right'] .header-element.latest { pointer-events: auto; } [data-active-panel='right'] .header-element.latest .icon:after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } [data-active-panel='right'] .header-element.latest .icon:before { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); opacity: 0; } .header-element.left { float: left; color: #ffffff; pointer-events: none; } [data-active-panel='left'] .header-element.left { pointer-events: auto; } .header-element.right { float: right; } .site-header-languages-container { padding: 0 80px; } .site-header-languages { float: right; pointer-events: auto; } .site-header-languages a { color: #919396; -webkit-transition: color 150ms; -moz-transition: color 150ms; transition: color 150ms; } .site-header-languages a:hover, .site-header-languages a.active { color: #000000; } @media (max-width: 900px) { .site-header-languages { display: none; } } .menu-button, .mobile-menu-button { -webkit-transition: all 150ms; -moz-transition: all 150ms; transition: all 150ms; } .menu-button .icon-container, .mobile-menu-button .icon-container { position: relative; width: 80px; height: 65px; } .menu-button .icon, .mobile-menu-button .icon { top: 26px; width: 20px; height: 13px; left: 30px; } .menu-button .icon .line, .mobile-menu-button .icon .line { -webkit-transition: -webkit-transform 150ms, opacity 150ms; -moz-transition: -moz-transform 150ms, opacity 150ms; transition: transform 150ms, opacity 150ms; display: block; margin-bottom: 5px; } .menu-button .icon .line .inner, .mobile-menu-button .icon .line .inner { -webkit-transition: -webkit-transform 150ms; -moz-transition: -moz-transform 150ms; transition: transform 150ms; display: block; width: 19px; height: 1px; background-color: #ffffff; } [data-active-panel='right'] .menu-button, [data-active-panel='right'] .mobile-menu-button { color: #000000; } [data-active-panel='right'] .menu-button .icon .line .inner, [data-active-panel='right'] .mobile-menu-button .icon .line .inner { background-color: #231f20; } .menu-button.open .icon .line:nth-child(1) { -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .menu-button.open .icon .line:nth-child(1) .inner { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; } .menu-button.open .icon .line:nth-child(2) { opacity: 0; } .menu-button.open .icon .line:nth-child(3) { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); } .menu-button.open .icon .line:nth-child(3) .inner { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: center center; } .mobile-menu-button .icon .line { -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; transition: opacity 500ms; opacity: 1; } .mobile-menu-button .icon .line .inner { background-color: #000000; } .mobile-menu-button.open .icon { background-image: url(../images/menu-button-close.png); background-repeat: no-repeat; background-position: center center; } .mobile-menu-button.open .icon .line { -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; transition: opacity 300ms; opacity: 0; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .mobile-menu-button.open .icon .line { -webkit-transition: -webkit-transform 150ms, opacity 150ms; -moz-transition: -moz-transform 150ms, opacity 150ms; transition: transform 150ms, opacity 150ms; opacity: 1; } .mobile-menu-button.open .icon .line .inner { -webkit-transition: -webkit-transform 150ms, background-color 150ms linear 200ms; -moz-transition: -moz-transform 150ms, background-color 150ms linear 200ms; transition: transform 150ms, background-color 150ms linear 200ms; background-color: #ffffff; } .mobile-menu-button.open .icon .line:nth-child(1) { -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .mobile-menu-button.open .icon .line:nth-child(1) .inner { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; } .mobile-menu-button.open .icon .line:nth-child(2) { opacity: 0; } .mobile-menu-button.open .icon .line:nth-child(3) { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); } .mobile-menu-button.open .icon .line:nth-child(3) .inner { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: center center; } } .breadcrumbs { margin-bottom: 30px; } @media (max-width: 550px) { .breadcrumbs { margin-bottom: 20px; border-bottom: 1px solid rgba(150, 150, 150, 0.3); margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); padding: 0 5% 10px; } .has-submenu .breadcrumbs { border-bottom: none; margin-left: 0; margin-right: 0; padding: 0; width: 50%; } .front .breadcrumbs { border-bottom: none; } } .views-top .breadcrumbs { margin-bottom: 0; } .breadcrumbs span { display: inline-block; line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Light", sans-serif; font-weight: 400; text-decoration: none; font-size: 24px; line-height: 29px; -webkit-transition: color 150ms; -moz-transition: color 150ms; transition: color 150ms; } @media (max-width: 550px) { .breadcrumbs span { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Bold", sans-serif; font-weight: 400; text-decoration: none; font-size: 16px; line-height: 22px; } } .breadcrumbs a { display: inline-block; line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Light", sans-serif; font-weight: 400; text-decoration: none; font-size: 24px; line-height: 29px; color: #919396; -webkit-transition: all 150ms; -moz-transition: all 150ms; transition: all 150ms; } @media (max-width: 550px) { .breadcrumbs a { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 16px; line-height: 22px; color: #919396; } } .breadcrumbs a:hover { color: #000000; } .breadcrumbs a:after { content: '\2192'; padding: 0 15px; color: #919396; } .breadcrumbs a:last-child:after { display: none; } .node-type-event .group-info > :first-child { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Light", sans-serif; font-weight: 400; text-decoration: none; font-size: 24px; line-height: 29px; padding-bottom: 10px; border-bottom: 1px solid rgba(150, 150, 150, 0.3); margin-bottom: 20px; } .group-info .group-program-info, .group-info .group-partner-info, .group-info .group-event-info, .group-info .group-news-info, .group-info .group-article-info, .group-info .field-informations { width: 100%; float: left; border-bottom: 1px solid rgba(150, 150, 150, 0.3); margin-bottom: 30px; } .group-info .group-program-info > .field, .group-info .group-program-info > .items > .item, .group-info .group-partner-info > .field, .group-info .group-partner-info > .items > .item, .group-info .group-event-info > .field, .group-info .group-event-info > .items > .item, .group-info .group-news-info > .field, .group-info .group-news-info > .items > .item, .group-info .group-article-info > .field, .group-info .group-article-info > .items > .item, .group-info .field-informations > .field, .group-info .field-informations > .items > .item { width: 32.07547%; margin-right: 1.88679%; float: left; margin-bottom: 20px; } .group-info .group-program-info > .field:nth-child(3n), .group-info .group-program-info > .items > .item:nth-child(3n), .group-info .group-partner-info > .field:nth-child(3n), .group-info .group-partner-info > .items > .item:nth-child(3n), .group-info .group-event-info > .field:nth-child(3n), .group-info .group-event-info > .items > .item:nth-child(3n), .group-info .group-news-info > .field:nth-child(3n), .group-info .group-news-info > .items > .item:nth-child(3n), .group-info .group-article-info > .field:nth-child(3n), .group-info .group-article-info > .items > .item:nth-child(3n), .group-info .field-informations > .field:nth-child(3n), .group-info .field-informations > .items > .item:nth-child(3n) { margin-right: 0; } .group-info .group-program-info > .field:nth-child(3n+1), .group-info .group-program-info > .items > .item:nth-child(3n+1), .group-info .group-partner-info > .field:nth-child(3n+1), .group-info .group-partner-info > .items > .item:nth-child(3n+1), .group-info .group-event-info > .field:nth-child(3n+1), .group-info .group-event-info > .items > .item:nth-child(3n+1), .group-info .group-news-info > .field:nth-child(3n+1), .group-info .group-news-info > .items > .item:nth-child(3n+1), .group-info .group-article-info > .field:nth-child(3n+1), .group-info .group-article-info > .items > .item:nth-child(3n+1), .group-info .field-informations > .field:nth-child(3n+1), .group-info .field-informations > .items > .item:nth-child(3n+1) { clear: left; } @media (max-width: 900px) { .group-info .group-program-info > .field, .group-info .group-program-info > .items > .item, .group-info .group-partner-info > .field, .group-info .group-partner-info > .items > .item, .group-info .group-event-info > .field, .group-info .group-event-info > .items > .item, .group-info .group-news-info > .field, .group-info .group-news-info > .items > .item, .group-info .group-article-info > .field, .group-info .group-article-info > .items > .item, .group-info .field-informations > .field, .group-info .field-informations > .items > .item { width: 48.57143%; margin-right: 2.85714%; float: left; } .group-info .group-program-info > .field:nth-child(3n), .group-info .group-program-info > .items > .item:nth-child(3n), .group-info .group-partner-info > .field:nth-child(3n), .group-info .group-partner-info > .items > .item:nth-child(3n), .group-info .group-event-info > .field:nth-child(3n), .group-info .group-event-info > .items > .item:nth-child(3n), .group-info .group-news-info > .field:nth-child(3n), .group-info .group-news-info > .items > .item:nth-child(3n), .group-info .group-article-info > .field:nth-child(3n), .group-info .group-article-info > .items > .item:nth-child(3n), .group-info .field-informations > .field:nth-child(3n), .group-info .field-informations > .items > .item:nth-child(3n) { margin-right: 2.85714%; } .group-info .group-program-info > .field:nth-child(3n+1), .group-info .group-program-info > .items > .item:nth-child(3n+1), .group-info .group-partner-info > .field:nth-child(3n+1), .group-info .group-partner-info > .items > .item:nth-child(3n+1), .group-info .group-event-info > .field:nth-child(3n+1), .group-info .group-event-info > .items > .item:nth-child(3n+1), .group-info .group-news-info > .field:nth-child(3n+1), .group-info .group-news-info > .items > .item:nth-child(3n+1), .group-info .group-article-info > .field:nth-child(3n+1), .group-info .group-article-info > .items > .item:nth-child(3n+1), .group-info .field-informations > .field:nth-child(3n+1), .group-info .field-informations > .items > .item:nth-child(3n+1) { clear: none; } .group-info .group-program-info > .field:nth-child(2n), .group-info .group-program-info > .items > .item:nth-child(2n), .group-info .group-partner-info > .field:nth-child(2n), .group-info .group-partner-info > .items > .item:nth-child(2n), .group-info .group-event-info > .field:nth-child(2n), .group-info .group-event-info > .items > .item:nth-child(2n), .group-info .group-news-info > .field:nth-child(2n), .group-info .group-news-info > .items > .item:nth-child(2n), .group-info .group-article-info > .field:nth-child(2n), .group-info .group-article-info > .items > .item:nth-child(2n), .group-info .field-informations > .field:nth-child(2n), .group-info .field-informations > .items > .item:nth-child(2n) { margin-right: 0; } .group-info .group-program-info > .field:nth-child(2n+1), .group-info .group-program-info > .items > .item:nth-child(2n+1), .group-info .group-partner-info > .field:nth-child(2n+1), .group-info .group-partner-info > .items > .item:nth-child(2n+1), .group-info .group-event-info > .field:nth-child(2n+1), .group-info .group-event-info > .items > .item:nth-child(2n+1), .group-info .group-news-info > .field:nth-child(2n+1), .group-info .group-news-info > .items > .item:nth-child(2n+1), .group-info .group-article-info > .field:nth-child(2n+1), .group-info .group-article-info > .items > .item:nth-child(2n+1), .group-info .field-informations > .field:nth-child(2n+1), .group-info .field-informations > .items > .item:nth-child(2n+1) { clear: left; } } @media (max-width: 550px) { .group-info .group-program-info > .field, .group-info .group-program-info > .items > .item, .group-info .group-partner-info > .field, .group-info .group-partner-info > .items > .item, .group-info .group-event-info > .field, .group-info .group-event-info > .items > .item, .group-info .group-news-info > .field, .group-info .group-news-info > .items > .item, .group-info .group-article-info > .field, .group-info .group-article-info > .items > .item, .group-info .field-informations > .field, .group-info .field-informations > .items > .item { width: 47.5%; margin-right: 5%; float: left; } .group-info .group-program-info > .field:nth-child(3n), .group-info .group-program-info > .items > .item:nth-child(3n), .group-info .group-partner-info > .field:nth-child(3n), .group-info .group-partner-info > .items > .item:nth-child(3n), .group-info .group-event-info > .field:nth-child(3n), .group-info .group-event-info > .items > .item:nth-child(3n), .group-info .group-news-info > .field:nth-child(3n), .group-info .group-news-info > .items > .item:nth-child(3n), .group-info .group-article-info > .field:nth-child(3n), .group-info .group-article-info > .items > .item:nth-child(3n), .group-info .field-informations > .field:nth-child(3n), .group-info .field-informations > .items > .item:nth-child(3n) { margin-right: 5%; } .group-info .group-program-info > .field:nth-child(3n+1), .group-info .group-program-info > .items > .item:nth-child(3n+1), .group-info .group-partner-info > .field:nth-child(3n+1), .group-info .group-partner-info > .items > .item:nth-child(3n+1), .group-info .group-event-info > .field:nth-child(3n+1), .group-info .group-event-info > .items > .item:nth-child(3n+1), .group-info .group-news-info > .field:nth-child(3n+1), .group-info .group-news-info > .items > .item:nth-child(3n+1), .group-info .group-article-info > .field:nth-child(3n+1), .group-info .group-article-info > .items > .item:nth-child(3n+1), .group-info .field-informations > .field:nth-child(3n+1), .group-info .field-informations > .items > .item:nth-child(3n+1) { clear: none; } .group-info .group-program-info > .field:nth-child(2n), .group-info .group-program-info > .items > .item:nth-child(2n), .group-info .group-partner-info > .field:nth-child(2n), .group-info .group-partner-info > .items > .item:nth-child(2n), .group-info .group-event-info > .field:nth-child(2n), .group-info .group-event-info > .items > .item:nth-child(2n), .group-info .group-news-info > .field:nth-child(2n), .group-info .group-news-info > .items > .item:nth-child(2n), .group-info .group-article-info > .field:nth-child(2n), .group-info .group-article-info > .items > .item:nth-child(2n), .group-info .field-informations > .field:nth-child(2n), .group-info .field-informations > .items > .item:nth-child(2n) { margin-right: 5%; } .group-info .group-program-info > .field:nth-child(2n+1), .group-info .group-program-info > .items > .item:nth-child(2n+1), .group-info .group-partner-info > .field:nth-child(2n+1), .group-info .group-partner-info > .items > .item:nth-child(2n+1), .group-info .group-event-info > .field:nth-child(2n+1), .group-info .group-event-info > .items > .item:nth-child(2n+1), .group-info .group-news-info > .field:nth-child(2n+1), .group-info .group-news-info > .items > .item:nth-child(2n+1), .group-info .group-article-info > .field:nth-child(2n+1), .group-info .group-article-info > .items > .item:nth-child(2n+1), .group-info .field-informations > .field:nth-child(2n+1), .group-info .field-informations > .items > .item:nth-child(2n+1) { clear: none; } .group-info .group-program-info > .field:nth-child(2n), .group-info .group-program-info > .items > .item:nth-child(2n), .group-info .group-partner-info > .field:nth-child(2n), .group-info .group-partner-info > .items > .item:nth-child(2n), .group-info .group-event-info > .field:nth-child(2n), .group-info .group-event-info > .items > .item:nth-child(2n), .group-info .group-news-info > .field:nth-child(2n), .group-info .group-news-info > .items > .item:nth-child(2n), .group-info .group-article-info > .field:nth-child(2n), .group-info .group-article-info > .items > .item:nth-child(2n), .group-info .field-informations > .field:nth-child(2n), .group-info .field-informations > .items > .item:nth-child(2n) { margin-right: 0; } .group-info .group-program-info > .field:nth-child(2n+1), .group-info .group-program-info > .items > .item:nth-child(2n+1), .group-info .group-partner-info > .field:nth-child(2n+1), .group-info .group-partner-info > .items > .item:nth-child(2n+1), .group-info .group-event-info > .field:nth-child(2n+1), .group-info .group-event-info > .items > .item:nth-child(2n+1), .group-info .group-news-info > .field:nth-child(2n+1), .group-info .group-news-info > .items > .item:nth-child(2n+1), .group-info .group-article-info > .field:nth-child(2n+1), .group-info .group-article-info > .items > .item:nth-child(2n+1), .group-info .field-informations > .field:nth-child(2n+1), .group-info .field-informations > .items > .item:nth-child(2n+1) { clear: left; } } .group-info .group-employee-info { width: 100%; float: left; border-bottom: 1px solid rgba(150, 150, 150, 0.3); margin-bottom: 30px; } .group-info .group-employee-info > .field, .group-info .group-employee-info > .items > .item { width: 23.58491%; margin-right: 1.88679%; float: left; margin-bottom: 20px; } .group-info .group-employee-info > .field:nth-child(4n), .group-info .group-employee-info > .items > .item:nth-child(4n) { margin-right: 0; } .group-info .group-employee-info > .field:nth-child(4n+1), .group-info .group-employee-info > .items > .item:nth-child(4n+1) { clear: left; } @media (max-width: 900px) { .group-info .group-employee-info > .field, .group-info .group-employee-info > .items > .item { width: 48.57143%; margin-right: 2.85714%; float: left; } .group-info .group-employee-info > .field:nth-child(4n), .group-info .group-employee-info > .items > .item:nth-child(4n) { margin-right: 2.85714%; } .group-info .group-employee-info > .field:nth-child(4n+1), .group-info .group-employee-info > .items > .item:nth-child(4n+1) { clear: none; } .group-info .group-employee-info > .field:nth-child(2n), .group-info .group-employee-info > .items > .item:nth-child(2n) { margin-right: 0; } .group-info .group-employee-info > .field:nth-child(2n+1), .group-info .group-employee-info > .items > .item:nth-child(2n+1) { clear: left; } } @media (max-width: 550px) { .group-info .group-employee-info > .field, .group-info .group-employee-info > .items > .item { width: 47.5%; margin-right: 5%; float: left; } .group-info .group-employee-info > .field:nth-child(4n), .group-info .group-employee-info > .items > .item:nth-child(4n) { margin-right: 5%; } .group-info .group-employee-info > .field:nth-child(4n+1), .group-info .group-employee-info > .items > .item:nth-child(4n+1) { clear: none; } .group-info .group-employee-info > .field:nth-child(2n), .group-info .group-employee-info > .items > .item:nth-child(2n) { margin-right: 5%; } .group-info .group-employee-info > .field:nth-child(2n+1), .group-info .group-employee-info > .items > .item:nth-child(2n+1) { clear: none; } .group-info .group-employee-info > .field:nth-child(2n), .group-info .group-employee-info > .items > .item:nth-child(2n) { margin-right: 0; } .group-info .group-employee-info > .field:nth-child(2n+1), .group-info .group-employee-info > .items > .item:nth-child(2n+1) { clear: left; } } .group-info .group-program-info > .field .label, .group-info .group-partner-info > .field .label, .group-info .group-employee-info > .field .label, .group-info .group-event-info > .field .label, .group-info .group-news-info > .field .label, .group-info .group-article-info > .field .label, .group-info .field-informations > .field .label { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 13px; line-height: 18px; color: #919396; } .group-info .group-program-info > .field .item, .group-info .group-program-info > .field .item a, .group-info .group-partner-info > .field .item, .group-info .group-partner-info > .field .item a, .group-info .group-employee-info > .field .item, .group-info .group-employee-info > .field .item a, .group-info .group-event-info > .field .item, .group-info .group-event-info > .field .item a, .group-info .group-news-info > .field .item, .group-info .group-news-info > .field .item a, .group-info .group-article-info > .field .item, .group-info .group-article-info > .field .item a, .group-info .field-informations > .field .item, .group-info .field-informations > .field .item a { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 16px; line-height: 22px; } .green-purple .group-info .group-program-info > .field .item, .green-purple .group-info .group-program-info > .field .item a, .green-purple .group-info .group-partner-info > .field .item, .green-purple .group-info .group-partner-info > .field .item a, .green-purple .group-info .group-employee-info > .field .item, .green-purple .group-info .group-employee-info > .field .item a, .green-purple .group-info .group-event-info > .field .item, .green-purple .group-info .group-event-info > .field .item a, .green-purple .group-info .group-news-info > .field .item, .green-purple .group-info .group-news-info > .field .item a, .green-purple .group-info .group-article-info > .field .item, .green-purple .group-info .group-article-info > .field .item a, .green-purple .group-info .field-informations > .field .item, .green-purple .group-info .field-informations > .field .item a { color: #3FB498; } .purple-green .group-info .group-program-info > .field .item, .purple-green .group-info .group-program-info > .field .item a, .purple-green .group-info .group-partner-info > .field .item, .purple-green .group-info .group-partner-info > .field .item a, .purple-green .group-info .group-employee-info > .field .item, .purple-green .group-info .group-employee-info > .field .item a, .purple-green .group-info .group-event-info > .field .item, .purple-green .group-info .group-event-info > .field .item a, .purple-green .group-info .group-news-info > .field .item, .purple-green .group-info .group-news-info > .field .item a, .purple-green .group-info .group-article-info > .field .item, .purple-green .group-info .group-article-info > .field .item a, .purple-green .group-info .field-informations > .field .item, .purple-green .group-info .field-informations > .field .item a { color: #544595; } .yellow-red .group-info .group-program-info > .field .item, .yellow-red .group-info .group-program-info > .field .item a, .yellow-red .group-info .group-partner-info > .field .item, .yellow-red .group-info .group-partner-info > .field .item a, .yellow-red .group-info .group-employee-info > .field .item, .yellow-red .group-info .group-employee-info > .field .item a, .yellow-red .group-info .group-event-info > .field .item, .yellow-red .group-info .group-event-info > .field .item a, .yellow-red .group-info .group-news-info > .field .item, .yellow-red .group-info .group-news-info > .field .item a, .yellow-red .group-info .group-article-info > .field .item, .yellow-red .group-info .group-article-info > .field .item a, .yellow-red .group-info .field-informations > .field .item, .yellow-red .group-info .field-informations > .field .item a { color: #FBBC42; } .red-purple .group-info .group-program-info > .field .item, .red-purple .group-info .group-program-info > .field .item a, .red-purple .group-info .group-partner-info > .field .item, .red-purple .group-info .group-partner-info > .field .item a, .red-purple .group-info .group-employee-info > .field .item, .red-purple .group-info .group-employee-info > .field .item a, .red-purple .group-info .group-event-info > .field .item, .red-purple .group-info .group-event-info > .field .item a, .red-purple .group-info .group-news-info > .field .item, .red-purple .group-info .group-news-info > .field .item a, .red-purple .group-info .group-article-info > .field .item, .red-purple .group-info .group-article-info > .field .item a, .red-purple .group-info .field-informations > .field .item, .red-purple .group-info .field-informations > .field .item a { color: #E7333F; } .red-yellow .group-info .group-program-info > .field .item, .red-yellow .group-info .group-program-info > .field .item a, .red-yellow .group-info .group-partner-info > .field .item, .red-yellow .group-info .group-partner-info > .field .item a, .red-yellow .group-info .group-employee-info > .field .item, .red-yellow .group-info .group-employee-info > .field .item a, .red-yellow .group-info .group-event-info > .field .item, .red-yellow .group-info .group-event-info > .field .item a, .red-yellow .group-info .group-news-info > .field .item, .red-yellow .group-info .group-news-info > .field .item a, .red-yellow .group-info .group-article-info > .field .item, .red-yellow .group-info .group-article-info > .field .item a, .red-yellow .group-info .field-informations > .field .item, .red-yellow .group-info .field-informations > .field .item a { color: #E7333F; } .group-info .group-program-info > .field .item a, .group-info .group-partner-info > .field .item a, .group-info .group-employee-info > .field .item a, .group-info .group-event-info > .field .item a, .group-info .group-news-info > .field .item a, .group-info .group-article-info > .field .item a, .group-info .field-informations > .field .item a { position: relative; -webkit-transition: color 150ms; -moz-transition: color 150ms; transition: color 150ms; text-decoration: underline; } .group-info .group-program-info > .field .item a:hover, .group-info .group-partner-info > .field .item a:hover, .group-info .group-employee-info > .field .item a:hover, .group-info .group-event-info > .field .item a:hover, .group-info .group-news-info > .field .item a:hover, .group-info .group-article-info > .field .item a:hover, .group-info .field-informations > .field .item a:hover { color: #919396 !important; } .group-info .group-program-info > .field .item a:hover:after, .group-info .group-partner-info > .field .item a:hover:after, .group-info .group-employee-info > .field .item a:hover:after, .group-info .group-event-info > .field .item a:hover:after, .group-info .group-news-info > .field .item a:hover:after, .group-info .group-article-info > .field .item a:hover:after, .group-info .field-informations > .field .item a:hover:after { background-color: #919396; } .green-purple .group-info .group-program-info > .field .item a:after, .green-purple .group-info .group-partner-info > .field .item a:after, .green-purple .group-info .group-employee-info > .field .item a:after, .green-purple .group-info .group-event-info > .field .item a:after, .green-purple .group-info .group-news-info > .field .item a:after, .green-purple .group-info .group-article-info > .field .item a:after, .green-purple .group-info .field-informations > .field .item a:after { background-color: #3FB498; } .purple-green .group-info .group-program-info > .field .item a:after, .purple-green .group-info .group-partner-info > .field .item a:after, .purple-green .group-info .group-employee-info > .field .item a:after, .purple-green .group-info .group-event-info > .field .item a:after, .purple-green .group-info .group-news-info > .field .item a:after, .purple-green .group-info .group-article-info > .field .item a:after, .purple-green .group-info .field-informations > .field .item a:after { background-color: #544595; } .yellow-red .group-info .group-program-info > .field .item a:after, .yellow-red .group-info .group-partner-info > .field .item a:after, .yellow-red .group-info .group-employee-info > .field .item a:after, .yellow-red .group-info .group-event-info > .field .item a:after, .yellow-red .group-info .group-news-info > .field .item a:after, .yellow-red .group-info .group-article-info > .field .item a:after, .yellow-red .group-info .field-informations > .field .item a:after { background-color: #FBBC42; } .red-purple .group-info .group-program-info > .field .item a:after, .red-purple .group-info .group-partner-info > .field .item a:after, .red-purple .group-info .group-employee-info > .field .item a:after, .red-purple .group-info .group-event-info > .field .item a:after, .red-purple .group-info .group-news-info > .field .item a:after, .red-purple .group-info .group-article-info > .field .item a:after, .red-purple .group-info .field-informations > .field .item a:after { background-color: #E7333F; } .red-yellow .group-info .group-program-info > .field .item a:after, .red-yellow .group-info .group-partner-info > .field .item a:after, .red-yellow .group-info .group-employee-info > .field .item a:after, .red-yellow .group-info .group-event-info > .field .item a:after, .red-yellow .group-info .group-news-info > .field .item a:after, .red-yellow .group-info .group-article-info > .field .item a:after, .red-yellow .group-info .field-informations > .field .item a:after { background-color: #E7333F; } .group-info .group-program-info > .field.field-theme .item a, .group-info .group-partner-info > .field.field-theme .item a, .group-info .group-employee-info > .field.field-theme .item a, .group-info .group-event-info > .field.field-theme .item a, .group-info .group-news-info > .field.field-theme .item a, .group-info .group-article-info > .field.field-theme .item a, .group-info .field-informations > .field.field-theme .item a { text-decoration: none; } .group-info .group-program-info > .field.field-theme .item a:before, .group-info .group-partner-info > .field.field-theme .item a:before, .group-info .group-employee-info > .field.field-theme .item a:before, .group-info .group-event-info > .field.field-theme .item a:before, .group-info .group-news-info > .field.field-theme .item a:before, .group-info .group-article-info > .field.field-theme .item a:before, .group-info .field-informations > .field.field-theme .item a:before { -webkit-transition: -webkit-transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: -moz-transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); content: '\2192'; display: inline-block; margin-right: 10px; } .group-info .group-program-info > .field.field-theme .item a:hover:before, .group-info .group-partner-info > .field.field-theme .item a:hover:before, .group-info .group-employee-info > .field.field-theme .item a:hover:before, .group-info .group-event-info > .field.field-theme .item a:hover:before, .group-info .group-news-info > .field.field-theme .item a:hover:before, .group-info .group-article-info > .field.field-theme .item a:hover:before, .group-info .field-informations > .field.field-theme .item a:hover:before { -webkit-transform: translate(5px, -1px); -moz-transform: translate(5px, -1px); -ms-transform: translate(5px, -1px); -o-transform: translate(5px, -1px); transform: translate(5px, -1px); } .preloader { width: 100%; height: 100vh; z-index: 10; position: absolute; top: 0; left: 0; -webkit-transition: all 150ms; -moz-transition: all 150ms; transition: all 150ms; opacity: 0; background-color: rgba(255, 255, 255, 0.8); pointer-events: none; } .loading .preloader { opacity: 1; } .preloader #preloader-icon { width: 150px; height: 150px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } ul.pager:not(.pager-load-more) { position: relative; margin-top: 0; border-top: 1px solid rgba(150, 150, 150, 0.3); padding: 40px 40px 0; text-align: center; box-sizing: border-box; } ul.pager:not(.pager-load-more) li { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Light", sans-serif; font-weight: 400; text-decoration: none; font-size: 40px; line-height: 44px; display: inline-block; margin: 0 10px; } @media (max-width: 550px) { ul.pager:not(.pager-load-more) li { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Light", sans-serif; font-weight: 400; text-decoration: none; font-size: 24px; line-height: 29px; margin: 0 5px; } } ul.pager:not(.pager-load-more) li a { -webkit-transition: color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); color: #919396; } ul.pager:not(.pager-load-more) li a:hover { color: #000000; } ul.pager:not(.pager-load-more) li.pager-current { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Bold", sans-serif; font-weight: 400; text-decoration: none; font-size: 40px; line-height: 44px; } @media (max-width: 550px) { ul.pager:not(.pager-load-more) li.pager-current { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Bold", sans-serif; font-weight: 400; text-decoration: none; font-size: 24px; line-height: 29px; } } ul.pager:not(.pager-load-more) li.pager-previous, ul.pager:not(.pager-load-more) li.pager-next { position: absolute; margin: 0; } ul.pager:not(.pager-load-more) li.pager-previous a, ul.pager:not(.pager-load-more) li.pager-next a { display: block; width: 40px; height: 40px; text-indent: -9999px; } @media (max-width: 550px) { ul.pager:not(.pager-load-more) li.pager-previous a, ul.pager:not(.pager-load-more) li.pager-next a { width: 30px; height: 30px; } } ul.pager:not(.pager-load-more) li.pager-previous a:before, ul.pager:not(.pager-load-more) li.pager-next a:before { -webkit-transition: color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); position: absolute; display: block; width: 100%; height: 100%; text-indent: 0; } ul.pager:not(.pager-load-more) li.pager-previous a:hover::before, ul.pager:not(.pager-load-more) li.pager-next a:hover::before { color: #000000; } ul.pager:not(.pager-load-more) li.pager-previous { left: 0; } ul.pager:not(.pager-load-more) li.pager-previous a { position: relative; } ul.pager:not(.pager-load-more) li.pager-previous a:before { font-family: 'icomoon'; font-size: 40px; color: #919396; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 550px) { ul.pager:not(.pager-load-more) li.pager-previous a:before { font-size: 30px; } } .no-touch ul.pager:not(.pager-load-more) li.pager-previous a:hover::before { -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } ul.pager:not(.pager-load-more) li.pager-next { right: 0; } ul.pager:not(.pager-load-more) li.pager-next a { position: relative; } ul.pager:not(.pager-load-more) li.pager-next a:before { font-family: 'icomoon'; font-size: 40px; color: #919396; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 550px) { ul.pager:not(.pager-load-more) li.pager-next a:before { font-size: 30px; } } .no-touch ul.pager:not(.pager-load-more) li.pager-next a:hover::before { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } ul.pager-load-more { width: 100%; float: left; margin-top: 0; } ul.pager-load-more .pager-next { width: 100%; float: left; border-bottom: 1px solid rgba(150, 150, 150, 0.3); margin-bottom: 65px; } ul.pager-load-more .pager-next a { position: relative; -webkit-transition: color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: color 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Light", sans-serif; font-weight: 400; text-decoration: none; font-size: 24px; line-height: 29px; display: block; padding-left: 50px; padding-bottom: 30px; } ul.pager-load-more .pager-next a:before { font-family: 'icomoon'; font-size: 32px; color: #919396; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul.pager-load-more .pager-next a:before { -webkit-transition: -webkit-transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: -moz-transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .no-touch ul.pager-load-more .pager-next a:hover { color: #919396; } .no-touch ul.pager-load-more .pager-next a:hover:before { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } .background { position: absolute; width: 100%; height: calc(100vh - 65px); z-index: 1; overflow: hidden; } .background .layer { width: 300px; height: 300px; /* &:nth-child(1) { margin-top: -100px; margin-left: 0; } &:nth-child(2) { margin-top: 200px; margin-left: 350px; } &:nth-child(3) { margin-top: 250px; margin-left: 0; } &:nth-child(4) { margin-top: 50px; margin-left: 700px; } &:nth-child(5) { margin-top: 600px; margin-left: 800px; } &:nth-child(6) { margin-top: 600px; margin-left: 550px; } &:nth-child(7) { margin-top: 800px; margin-left: 100px; } */ } .slidepanel.middle .background .layer { width: 180px; height: 180px; } .background .layer:nth-child(1) { -webkit-transition: opacity 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 250ms; -moz-transition: opacity 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 250ms; transition: opacity 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 250ms; opacity: 0; } .background .layer:nth-child(2) { -webkit-transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 300ms; -moz-transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 300ms; transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 300ms; opacity: 0; } .background .layer:nth-child(3) { -webkit-transition: opacity 700ms cubic-bezier(0.39, 0.575, 0.565, 1) 350ms; -moz-transition: opacity 700ms cubic-bezier(0.39, 0.575, 0.565, 1) 350ms; transition: opacity 700ms cubic-bezier(0.39, 0.575, 0.565, 1) 350ms; opacity: 0; } .background .layer:nth-child(4) { -webkit-transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 400ms; -moz-transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 400ms; transition: opacity 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 400ms; opacity: 0; } .background .layer:nth-child(5) { -webkit-transition: opacity 900ms cubic-bezier(0.39, 0.575, 0.565, 1) 450ms; -moz-transition: opacity 900ms cubic-bezier(0.39, 0.575, 0.565, 1) 450ms; transition: opacity 900ms cubic-bezier(0.39, 0.575, 0.565, 1) 450ms; opacity: 0; } .background .layer:nth-child(6) { -webkit-transition: opacity 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) 500ms; -moz-transition: opacity 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) 500ms; transition: opacity 1000ms cubic-bezier(0.39, 0.575, 0.565, 1) 500ms; opacity: 0; } .background .layer:nth-child(7) { -webkit-transition: opacity 1100ms cubic-bezier(0.39, 0.575, 0.565, 1) 550ms; -moz-transition: opacity 1100ms cubic-bezier(0.39, 0.575, 0.565, 1) 550ms; transition: opacity 1100ms cubic-bezier(0.39, 0.575, 0.565, 1) 550ms; opacity: 0; } .background .layer:nth-child(8) { -webkit-transition: opacity 1200ms cubic-bezier(0.39, 0.575, 0.565, 1) 600ms; -moz-transition: opacity 1200ms cubic-bezier(0.39, 0.575, 0.565, 1) 600ms; transition: opacity 1200ms cubic-bezier(0.39, 0.575, 0.565, 1) 600ms; opacity: 0; } .background .layer:nth-child(9) { -webkit-transition: opacity 1300ms cubic-bezier(0.39, 0.575, 0.565, 1) 650ms; -moz-transition: opacity 1300ms cubic-bezier(0.39, 0.575, 0.565, 1) 650ms; transition: opacity 1300ms cubic-bezier(0.39, 0.575, 0.565, 1) 650ms; opacity: 0; } .background .layer:nth-child(10) { -webkit-transition: opacity 1400ms cubic-bezier(0.39, 0.575, 0.565, 1) 700ms; -moz-transition: opacity 1400ms cubic-bezier(0.39, 0.575, 0.565, 1) 700ms; transition: opacity 1400ms cubic-bezier(0.39, 0.575, 0.565, 1) 700ms; opacity: 0; } .background .layer:nth-child(11) { -webkit-transition: opacity 1500ms cubic-bezier(0.39, 0.575, 0.565, 1) 750ms; -moz-transition: opacity 1500ms cubic-bezier(0.39, 0.575, 0.565, 1) 750ms; transition: opacity 1500ms cubic-bezier(0.39, 0.575, 0.565, 1) 750ms; opacity: 0; } .background .layer:nth-child(12) { -webkit-transition: opacity 1600ms cubic-bezier(0.39, 0.575, 0.565, 1) 800ms; -moz-transition: opacity 1600ms cubic-bezier(0.39, 0.575, 0.565, 1) 800ms; transition: opacity 1600ms cubic-bezier(0.39, 0.575, 0.565, 1) 800ms; opacity: 0; } .background .layer:nth-child(13) { -webkit-transition: opacity 1700ms cubic-bezier(0.39, 0.575, 0.565, 1) 850ms; -moz-transition: opacity 1700ms cubic-bezier(0.39, 0.575, 0.565, 1) 850ms; transition: opacity 1700ms cubic-bezier(0.39, 0.575, 0.565, 1) 850ms; opacity: 0; } .background .layer:nth-child(14) { -webkit-transition: opacity 1800ms cubic-bezier(0.39, 0.575, 0.565, 1) 900ms; -moz-transition: opacity 1800ms cubic-bezier(0.39, 0.575, 0.565, 1) 900ms; transition: opacity 1800ms cubic-bezier(0.39, 0.575, 0.565, 1) 900ms; opacity: 0; } .background .layer:nth-child(15) { -webkit-transition: opacity 1900ms cubic-bezier(0.39, 0.575, 0.565, 1) 950ms; -moz-transition: opacity 1900ms cubic-bezier(0.39, 0.575, 0.565, 1) 950ms; transition: opacity 1900ms cubic-bezier(0.39, 0.575, 0.565, 1) 950ms; opacity: 0; } .background .layer:nth-child(16) { -webkit-transition: opacity 2000ms cubic-bezier(0.39, 0.575, 0.565, 1) 1000ms; -moz-transition: opacity 2000ms cubic-bezier(0.39, 0.575, 0.565, 1) 1000ms; transition: opacity 2000ms cubic-bezier(0.39, 0.575, 0.565, 1) 1000ms; opacity: 0; } .background .layer:nth-child(17) { -webkit-transition: opacity 2100ms cubic-bezier(0.39, 0.575, 0.565, 1) 1050ms; -moz-transition: opacity 2100ms cubic-bezier(0.39, 0.575, 0.565, 1) 1050ms; transition: opacity 2100ms cubic-bezier(0.39, 0.575, 0.565, 1) 1050ms; opacity: 0; } .background .layer:nth-child(18) { -webkit-transition: opacity 2200ms cubic-bezier(0.39, 0.575, 0.565, 1) 1100ms; -moz-transition: opacity 2200ms cubic-bezier(0.39, 0.575, 0.565, 1) 1100ms; transition: opacity 2200ms cubic-bezier(0.39, 0.575, 0.565, 1) 1100ms; opacity: 0; } .background .layer:nth-child(19) { -webkit-transition: opacity 2300ms cubic-bezier(0.39, 0.575, 0.565, 1) 1150ms; -moz-transition: opacity 2300ms cubic-bezier(0.39, 0.575, 0.565, 1) 1150ms; transition: opacity 2300ms cubic-bezier(0.39, 0.575, 0.565, 1) 1150ms; opacity: 0; } .background .layer:nth-child(20) { -webkit-transition: opacity 2400ms cubic-bezier(0.39, 0.575, 0.565, 1) 1200ms; -moz-transition: opacity 2400ms cubic-bezier(0.39, 0.575, 0.565, 1) 1200ms; transition: opacity 2400ms cubic-bezier(0.39, 0.575, 0.565, 1) 1200ms; opacity: 0; } .background .layer:nth-child(1) { margin-top: 20%; margin-left: 20%; } .slidepanel.right .background .layer:nth-child(1) { margin-top: 10%; margin-left: 10%; } .slidepanel.middle .background .layer:nth-child(1) { margin-top: -1%; margin-left: 10%; } .background .layer:nth-child(2) { margin-top: 10%; margin-left: 80%; } .slidepanel.right .background .layer:nth-child(2) { margin-top: 5%; margin-left: 60%; } .slidepanel.middle .background .layer:nth-child(2) { margin-top: 10%; margin-left: 30%; } .background .layer:nth-child(3) { margin-top: 80%; margin-left: 40%; } .slidepanel.right .background .layer:nth-child(3) { margin-top: 60%; margin-left: 20%; } .slidepanel.middle .background .layer:nth-child(3) { margin-top: 4%; margin-left: 60%; } svg .default { opacity: 1; } svg .hover { opacity: 0; } #sliding-popup.sliding-popup-bottom { width: 100% !important; left: 0 !important; padding: 0 80px !important; box-sizing: border-box; pointer-events: none; } @media (max-width: 900px) { #sliding-popup.sliding-popup-bottom { padding: 0 !important; background-color: #000000; } } #sliding-popup.sliding-popup-bottom #popup-text { padding-bottom: 20px 0 !important; } #sliding-popup.sliding-popup-bottom #popup-buttons { clear: both; float: left; margin-top: 20px; } #sliding-popup.sliding-popup-bottom .text-container { width: 57.54717%; float: left; float: right; padding: 20px calc(50vw - 50%) 20px 1.88679%; margin-right: calc(-50vw + 50%); margin-left: -1.88679%; background-color: #000000; pointer-events: auto; } @media (max-width: 900px) { #sliding-popup.sliding-popup-bottom .text-container { width: 100%; float: left; padding: 20px 0 100px; margin-left: 0; } } #sliding-popup.sliding-popup-bottom strong { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Bold", sans-serif; font-weight: 400; text-decoration: none; font-size: 24px; line-height: 29px; text-transform: uppercase; color: #ffffff; } #sliding-popup.sliding-popup-bottom p { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 16px; line-height: 22px; margin: 10px 0; color: #919396; } #sliding-popup.sliding-popup-bottom a { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-size: 13px; line-height: 18px; position: relative; background: transparent !important; margin: 0; padding: 0 0 0 25px; border: none; color: #919396; clear: both; float: left; cursor: pointer; -webkit-transition: all 150ms; -moz-transition: all 150ms; transition: all 150ms; } #sliding-popup.sliding-popup-bottom a:before { font-family: 'icomoon'; font-size: 13px; color: #919396; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #sliding-popup.sliding-popup-bottom a:before { -webkit-transition: -webkit-transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: -moz-transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1); top: 3px; } .no-touch #sliding-popup.sliding-popup-bottom a:hover { color: #ffffff; } .no-touch #sliding-popup.sliding-popup-bottom a:hover:before { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } #sliding-popup.sliding-popup-bottom a:first-child { margin-bottom: 10px; } .select2-container { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 13px; line-height: 18px; line-height: 16px; } .select2-container *:focus { outline: 0; } .select2-container.select2-container--focus .select2-selection.select2-selection--multiple, .select2-container.select2-container--focus .select2-selection.select2-selection--single { border: 1px solid rgba(150, 150, 150, 0.3); } .select2-container .select2-selection.select2-selection--multiple, .select2-container .select2-selection.select2-selection--single { background-color: #ffffff; border: 1px solid rgba(150, 150, 150, 0.3); border-radius: 0; min-height: 45px; } .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered, .select2-container .select2-selection.select2-selection--single .select2-selection__rendered { line-height: 40px; padding: 0 0 0 7px; } .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice, .select2-container .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__choice { line-height: normal; padding: 5px; background-color: #EBEBEB; border: 1px solid #EBEBEB; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 160px; margin-top: 7px; border-radius: 0; } .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove, .select2-container .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { font-size: 18px; line-height: 16px; margin-right: 5px; } .select2-container .select2-selection.select2-selection--multiple .select2-selection__arrow, .select2-container .select2-selection.select2-selection--single .select2-selection__arrow { height: 40px; } .select2-container .select2-dropdown { border: 1px solid #EBEBEB; border-radius: 0; } .select2-container .select2-dropdown .select2-results .select2-results__option { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 13px; line-height: 18px; } .select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted { background-color: #EBEBEB; } .newsletter-popup { -webkit-transition: -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 1s; -moz-transition: -moz-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 1s; transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 1s; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); position: fixed; z-index: 2; top: 100%; width: 100%; left: 0; padding: 0 80px; box-sizing: border-box; pointer-events: none; } @media (max-width: 900px) { .newsletter-popup { display: none; } } .newsletter-popup.hide { -webkit-transition: -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: -moz-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .newsletter-popup .text-container { background-color: #544595; background-image: -webkit-linear-gradient(left, #544595, #3FB498); background-image: linear-gradient(to right,#544595, #3FB498); width: 40.56604%; margin-right: 1.88679%; float: left; position: relative; display: block; margin-left: calc(-50vw + 50%); padding-left: calc(50vw - 50%); padding-top: 30px; padding-bottom: 40px; color: #ffffff; pointer-events: auto; } @media (max-width: 900px) { .newsletter-popup .text-container { margin-left: -5%; padding-left: 5%; } } .newsletter-popup .hide-button { -webkit-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1); position: relative; position: absolute; z-index: 1; width: 16px; height: 16px; top: 30px; right: 30px; opacity: 0.5; cursor: pointer; } .newsletter-popup .hide-button:before { font-family: 'icomoon'; font-size: 16px; color: #ffffff; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .newsletter-popup .hide-button:hover { opacity: 1; } .newsletter-popup .title { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Light", sans-serif; font-weight: 400; text-decoration: none; font-size: 40px; line-height: 44px; margin-bottom: 10px; padding-right: 50px; color: #ffffff; } .newsletter-popup .text { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Light", sans-serif; font-weight: 400; text-decoration: none; font-size: 24px; line-height: 29px; margin-bottom: 20px; padding-right: 30px; color: #ffffff; } .newsletter-popup .signup-link { -webkit-transition: color 200ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: color 200ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: color 200ms cubic-bezier(0.165, 0.84, 0.44, 1); line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-size: 13px; line-height: 18px; position: relative; display: inline-block; padding-right: 30px; padding-left: 25px; color: #ffffff; } .newsletter-popup .signup-link:before { font-family: 'icomoon'; font-size: 13px; color: #ffffff; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 0; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .newsletter-popup .signup-link:before { -webkit-transition: -webkit-transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: -moz-transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1); top: 3px; } .no-touch .newsletter-popup .signup-link:hover { color: #B2B2B1; } .no-touch .newsletter-popup .signup-link:hover:before { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } /*# sourceMappingURL=style.css.map */