*,
*::before,
*::after {
box-sizing: border-box;
}
body {
min-height: 100vh;
line-height: 1;
width: 100%;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
}
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;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
button, textarea, input {
border: none;
outline: none;
background: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
display: block;
}
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;
}
img {
display: block;
width: 100%;
height: auto;
}
em {
font-style: italic;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica-Thin.ttf);
font-weight: 100;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica-ExtraLight.ttf);
font-weight: 200;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica-Light.ttf);
font-weight: 300;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica-Regular.ttf);
font-weight: 400;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica-Medium.ttf);
font-weight: 500;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica-SemiBold.ttf);
font-weight: 600;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica-Bold.ttf);
font-weight: 700;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica-ExtraBold.ttf);
font-weight: 800;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica-Black.ttf);
font-weight: 900;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica_Cursive-Thin.ttf);
font-weight: 100;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica_Cursive-ExtraLight.ttf);
font-weight: 200;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica_Cursive-Light.ttf);
font-weight: 300;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica_Cursive-Regular.ttf);
font-weight: 400;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica_Cursive-Medium.ttf);
font-weight: 500;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica_Cursive-SemiBold.ttf);
font-weight: 600;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica_Cursive-Bold.ttf);
font-weight: 700;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica_Cursive-ExtraBold.ttf);
font-weight: 800;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: "Geologica";
src: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../fonts/Geologica_Cursive-Black.ttf);
font-weight: 900;
font-style: italic;
font-display: fallback;
} html {
scroll-behavior: smooth;
scroll-padding-top: 180px;
}
html * {
font-family: "Geologica", sans-serif;
}
body {
background: #FFFFFF;
}
header h1, header h2, header h3, header h4, header h5, header h6, header p, header li, header a, header span, header td, header input, header textarea, header button, header label, main h1, main h2, main h3, main h4, main h5, main h6, main p, main li, main a, main span, main td, main input, main textarea, main button, main label, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer li, footer a, footer span, footer td, footer input, footer textarea, footer button, footer label, .modal-window h1, .modal-window h2, .modal-window h3, .modal-window h4, .modal-window h5, .modal-window h6, .modal-window p, .modal-window li, .modal-window a, .modal-window span, .modal-window td, .modal-window input, .modal-window textarea, .modal-window button, .modal-window label {
color: #36414d;
font-weight: 400;
}
header sup, main sup, footer sup, .modal-window sup {
font-size: 65%;
vertical-align: top;
line-height: 0;
}
header sub, main sub, footer sub, .modal-window sub {
font-size: 65%;
vertical-align: sub;
line-height: 0;
}
header a, main a, footer a, .modal-window a {
color: inherit;
text-decoration: none;
}
header .is--bold,
header strong, main .is--bold,
main strong, footer .is--bold,
footer strong, .modal-window .is--bold,
.modal-window strong {
font-weight: 700;
}
header .orange-text, main .orange-text, footer .orange-text, .modal-window .orange-text {
color: #FF6700;
font-weight: inherit;
}
.gp-back-to-top {
position: fixed;
right: 0;
bottom: 80px;
width: 43px;
height: 42px;
background: #36414d url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/back-to-top.svg) center/contain no-repeat;
border-radius: 25px 0 0 25px;
transition: transform 300ms;
transform: translateX(50px);
z-index: 1111;
cursor: pointer;
}
html.is--scrolled .gp-back-to-top {
transform: translateX(10px);
}
html.is--scrolled .gp-back-to-top:hover {
transform: translateX(0);
}
.gp-spacer .space-tablet,
.gp-spacer .space-mobile {
display: none;
}
@media only screen and (max-width: 1024px) {
.gp-spacer .space-desktop {
display: none;
}
.gp-spacer .space-tablet {
display: block;
}
}
@media only screen and (max-width: 767px) {
html {
scroll-behavior: smooth;
scroll-padding-top: 110px;
}
.wp-block-spacer {
height: 20px !important;
}
main {
padding-top: 0;
}
.gp-spacer .space-tablet {
display: none;
}
.gp-spacer .space-mobile {
display: block;
}
}
body .ccm-modal.ccm-show .ccm-modal-inner {
border-radius: 25px;
border: 2px solid #E4E7E9;
overflow: hidden;
box-shadow: 0 30px 60px 40px rgba(0, 0, 0, 0.15);
}
body .ccm-widget .ccm-dismiss-button {
opacity: 1;
}
body .ccm-widget .ccm-dismiss-button:after {
opacity: 1;
font-size: 1.3em;
}
body .ccm-widget .ccm-widget--text .ccm-widget--title {
text-align: center;
color: #FF6700;
}
body .ccm-widget .ccm-widget--text .ccm-widget--title:before {
content: "";
display: block;
margin: 0 auto 15px;
width: 60px;
min-width: 60px;
height: 60px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/cookie-icon.svg) no-repeat;
background-position: center;
background-size: 100%;
}
body .ccm-widget .ccm-modal--footer .ccm-link-container a,
body .ccm-widget .ccm-modal--footer .ccm-powered-by a {
font-size: 14px;
font-weight: 400;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
body .ccm-widget .ccm-widget--buttons {
padding: 10px 0 40px;
}
body .ccm-widget .ccm-widget--buttons button.button {
font-size: 14px;
text-shadow: none;
text-transform: none;
font-weight: 600;
border-radius: 30px;
}
body .ccm-modal:not(.ccm-widget) .ccm-modal--footer > button,
body .ccm-modal:not(.ccm-widget) .ccm-modal--footer > .button {
font-size: 14px;
text-shadow: none;
text-transform: none;
font-weight: 600;
border-radius: 30px;
}
.top-button {
position: fixed;
right: 65px;
bottom: 65px;
width: 55px;
height: 55px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/jump-up.svg) no-repeat;
background-position: center;
background-size: 100%;
z-index: 1;
transition: 0.2s;
cursor: pointer;
opacity: 0;
visibility: hidden;
}
.top-button:hover {
transform: scale(1.05);
}
.is--scrolled .top-button {
opacity: 1;
visibility: visible;
}
@media only screen and (max-width: 767px) {
.top-button {
position: fixed;
right: 30px;
bottom: 30px;
width: 40px;
height: 40px;
}
} header {
position: sticky;
top: 0;
z-index: 5555;
background-color: #FFFFFF;
transition: 0.3s;
}
header.is--open {
z-index: 7777;
}
header .header-inner {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
display: flex;
align-items: center;
height: 120px;
padding: 0 40px;
}
header .header-inner .project-button a,
header .header-inner .chat-button,
header .header-inner .nav-button {
z-index: 7779;
}
header .header-inner .lang-button {
padding: 25px;
}
header .header-inner .lang-button a {
color: #36414d;
font-size: 16px;
font-weight: 600;
transition: 0.15s;
}
header .header-inner .lang-button a:hover {
color: #FF6700;
}
header .header-inner .header-logo {
flex-grow: 1;
display: flex;
justify-content: flex-start;
}
header .header-inner .header-logo a {
display: flex;
height: 100%;
padding-bottom: 20px;
}
header .header-inner .header-logo a img {
width: auto;
}
header .header-inner .header-logo a img:first-child {
height: 100px;
}
header .header-inner .header-logo a img:last-child {
height: 50px;
margin: 25px 20px;
}
header .header-inner .project-button a {
position: relative;
padding: 18px 24px;
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
line-height: normal;
border-radius: 30px;
background: #FF6700;
text-decoration: none;
transition: 0.25s;
}
header .header-inner .project-button a:hover {
background-color: #36414d;
}
header .header-inner .chat-button,
header .header-inner .nav-button {
position: relative;
margin-left: 15px;
width: 57px;
height: 57px;
transition: 0.25s;
cursor: pointer;
}
header .header-inner .chat-button:hover,
header .header-inner .nav-button:hover {
transform: scale(1.05);
}
header .header-inner .chat-button:after, header .header-inner .chat-button:before,
header .header-inner .nav-button:after,
header .header-inner .nav-button:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 57px;
height: 57px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
transition: 0.35s;
}
header .header-inner .chat-button:before,
header .header-inner .nav-button:before {
background-image: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/icon-menu-close.svg);
opacity: 0;
}
header .header-inner .chat-button:after {
background-image: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/icon-chat.svg);
}
header .header-inner .nav-button:after {
background-image: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/icon-menu.svg);
}
header .header-inner nav {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #36414d;
z-index: 7778;
}
header .header-inner nav .nav-container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
header .header-inner nav .nav-container ul li {
text-align: center;
}
header .header-inner nav .nav-container ul li a {
color: rgba(255, 255, 255, 0.5);
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-align: center;
transition: 0.35s;
}
header .header-inner nav .nav-container ul li:hover a {
color: rgb(255, 255, 255);
font-size: 77px;
}
header .header-inner nav .nav-container ul li:hover + li a, header .header-inner nav .nav-container ul li:has(+ li:hover) a {
color: rgba(255, 255, 255, 0.75);
}
header.chat--is--open .header-inner .chat-button:before {
opacity: 1;
}
header.chat--is--open .header-inner .chat-button:after {
opacity: 0;
}
header.nav--is--open .header-inner .nav-button:before {
opacity: 1;
}
header.nav--is--open .header-inner .nav-button:after {
opacity: 0;
}
body.is--scrolled header {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 767px) {
header .header-inner {
padding: 0 15px;
height: 80px;
}
header .header-inner .header-logo {
align-self: start;
}
header .header-inner .header-logo a {
padding: 0;
}
header .header-inner .header-logo a img:first-child {
height: 70px;
}
header .header-inner .header-logo a img:last-child {
height: 32px;
margin: 18px 15px;
}
header .header-inner .chat-button,
header .header-inner .nav-button {
width: 42px;
height: 42px;
}
header .header-inner .chat-button:after, header .header-inner .chat-button:before,
header .header-inner .nav-button:after,
header .header-inner .nav-button:before {
width: 42px;
height: 42px;
}
header .header-inner .lang-button {
padding: 0;
}
header .header-inner .project-button a {
display: none;
}
header .header-inner nav .nav-container ul li {
padding: 10px 0;
}
header .header-inner nav .nav-container ul li a {
color: rgba(255, 255, 255, 0.9);
font-size: 28px;
}
}
footer {
position: relative;
width: 100%;
background-color: #36414d;
}
footer .footer-inner {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 0 40px 40px;
}
footer .footer-inner .footer-logo {
padding: 0 0 35px;
}
footer .footer-inner .footer-logo img {
width: 62px;
}
footer .footer-inner p {
color: #92989F;
text-align: center;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.257px;
}
footer .footer-inner .footer-menu-container {
display: flex;
align-items: center;
padding: 75px 0 15px;
}
footer .footer-inner .footer-menu-container ul {
display: flex;
align-items: center;
}
footer .footer-inner .footer-menu-container ul li {
padding: 0 12px;
}
footer .footer-inner .footer-menu-container ul li a,
footer .footer-inner .footer-menu-container ul li span {
display: block;
color: #FFFFFF;
text-align: center;
font-size: 16px;
font-weight: 300;
border-bottom: 1px solid transparent;
cursor: pointer;
}
footer .footer-inner .footer-menu-container ul li a:hover,
footer .footer-inner .footer-menu-container ul li span:hover {
border-color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
footer .footer-inner {
padding: 0 20px 20px;
}
footer .footer-inner .footer-menu-container {
flex-direction: column;
padding: 40px 0 20px;
}
footer .footer-inner .footer-menu-container ul {
flex-direction: column;
}
footer .footer-inner .footer-menu-container ul li {
width: 100%;
padding: 5px;
text-align: center;
}
} .wp-block-media-text {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
display: flex;
padding: 0 175px;
}
.wp-block-media-text .wp-block-media-text__content {
display: block;
padding: 0;
width: 54%;
align-self: auto;
}
.wp-block-media-text .wp-block-media-text__content h2 {
padding: 0 0 30px;
font-size: 64px;
font-weight: 500;
line-height: 1;
}
.wp-block-media-text .wp-block-media-text__content h3 {
font-size: 24px;
font-weight: 700;
line-height: 1.4;
}
.wp-block-media-text .wp-block-media-text__content p {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
}
.wp-block-media-text .wp-block-media-text__content ul {
padding: 0 0 30px 15px;
text-align: left;
}
.wp-block-media-text .wp-block-media-text__content ul li {
position: relative;
padding-left: 20px;
font-size: 16px;
line-height: 1.4;
}
.wp-block-media-text .wp-block-media-text__content ul li:before {
content: "";
position: absolute;
top: 8px;
left: 5px;
width: 5px;
height: 5px;
background-color: #36414d;
border-radius: 100%;
}
.wp-block-media-text .wp-block-media-text__content a {
margin: 20px 10px 0 0;
display: inline-flex;
align-items: center;
padding: 17px 25px;
font-size: 16px;
line-height: 1;
font-weight: 600;
transition: 0.15s;
z-index: 121;
border-radius: 30px;
border: 2px solid #36414d;
cursor: pointer;
}
.wp-block-media-text .wp-block-media-text__content a:hover {
background-color: #36414d;
color: #FFFFFF;
}
.wp-block-media-text .wp-block-media-text__content a:hover:after {
filter: brightness(0) invert(1);
}
.wp-block-media-text .wp-block-media-text__content a:after {
content: "";
width: 16px;
min-width: 16px;
height: 16px;
margin-left: 10px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small.svg) no-repeat;
background-position: center;
background-size: 100%;
transition: 0.05s;
}
.wp-block-media-text .wp-block-media-text__content a:nth-child(2) {
color: #FFFFFF;
background-color: #36414d;
}
.wp-block-media-text .wp-block-media-text__content a:nth-child(2):after {
display: none;
}
.wp-block-media-text .wp-block-media-text__content a:nth-child(2):hover {
background-color: #FF6700;
color: #FFFFFF;
border-color: #FF6700;
}
.wp-block-media-text .wp-block-media-text__media {
position: relative;
padding: 0;
width: 46%;
align-self: auto;
}
.wp-block-media-text .wp-block-media-text__media img {
display: block;
width: 100%;
height: auto;
border-radius: 25px;
box-shadow: 0 60px 40px -30px rgba(0, 0, 0, 0.25);
}
.wp-block-media-text .wp-block-media-text__media .video-container {
box-shadow: 0 60px 40px -30px rgba(0, 0, 0, 0.25);
}
.wp-block-media-text .wp-block-media-text__media:has(.video-container) img {
opacity: 0;
}
.wp-block-media-text.template-orange .wp-block-media-text__content {
padding: 15px 0;
}
.wp-block-media-text.template-orange .wp-block-media-text__content img {
width: 80%;
padding: 10px 0 60px;
transform: translateX(-45px);
}
.wp-block-media-text.template-orange .wp-block-media-text__content h3, .wp-block-media-text.template-orange .wp-block-media-text__content p, .wp-block-media-text.template-orange .wp-block-media-text__content ul {
padding: 0 145px 20px 0;
}
.wp-block-media-text.template-orange .wp-block-media-text__content a {
color: #FF6700;
border-color: #FF6700;
}
.wp-block-media-text.template-orange .wp-block-media-text__content a:hover {
color: #FFFFFF;
background-color: #FF6700;
border-color: #FF6700;
}
.wp-block-media-text.template-orange .wp-block-media-text__content a:after {
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-orange.svg) no-repeat;
}
.wp-block-media-text.template-orange .wp-block-media-text__content a:nth-child(2) {
color: #FFFFFF;
background-color: #FF6700;
}
.wp-block-media-text.template-orange .wp-block-media-text__content a:nth-child(2):hover {
color: #FFFFFF;
background-color: #36414d;
border-color: #36414d;
}
.wp-block-media-text.template-green .wp-block-media-text__content img {
padding: 0 30px 50px 80px;
}
.wp-block-media-text.template-green .wp-block-media-text__content h3, .wp-block-media-text.template-green .wp-block-media-text__content p, .wp-block-media-text.template-green .wp-block-media-text__content ul {
padding: 0 20px 20px 125px;
}
.wp-block-media-text.template-green .wp-block-media-text__content a {
color: #00D519;
border-color: #00D519;
}
.wp-block-media-text.template-green .wp-block-media-text__content a:hover {
color: #FFFFFF;
background-color: #00D519;
border-color: #00D519;
}
.wp-block-media-text.template-green .wp-block-media-text__content a:after {
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-green.svg) no-repeat;
}
.wp-block-media-text.template-green .wp-block-media-text__content a:nth-child(2) {
color: #FFFFFF;
background-color: #00D519;
}
.wp-block-media-text.template-green .wp-block-media-text__content a:nth-child(2):hover {
color: #FFFFFF;
background-color: #36414d;
border-color: #36414d;
}
.wp-block-media-text.template-purple .wp-block-media-text__content img {
padding: 60px 140px 35px 0;
transform: translateX(-15px);
}
.wp-block-media-text.template-purple .wp-block-media-text__content h3, .wp-block-media-text.template-purple .wp-block-media-text__content p, .wp-block-media-text.template-purple .wp-block-media-text__content ul {
padding: 0 150px 20px 15px;
}
.wp-block-media-text.template-purple .wp-block-media-text__content a {
color: #B900DA;
border-color: #B900DA;
}
.wp-block-media-text.template-purple .wp-block-media-text__content a:hover {
color: #FFFFFF;
background-color: #B900DA;
border-color: #B900DA;
}
.wp-block-media-text.template-purple .wp-block-media-text__content a:after {
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-purple.svg) no-repeat;
}
.wp-block-media-text.template-purple .wp-block-media-text__content a:nth-child(2) {
color: #FFFFFF;
background-color: #B900DA;
}
.wp-block-media-text.template-purple .wp-block-media-text__content a:nth-child(2):hover {
color: #FFFFFF;
background-color: #36414d;
border-color: #36414d;
}
.wp-block-media-text.template-blue .wp-block-media-text__content img {
padding: 35px 40px 45px 125px;
}
.wp-block-media-text.template-blue .wp-block-media-text__content h3, .wp-block-media-text.template-blue .wp-block-media-text__content p, .wp-block-media-text.template-blue .wp-block-media-text__content ul {
padding: 0 40px 20px 125px;
}
.wp-block-media-text.template-blue .wp-block-media-text__content a {
color: #009FE3;
border-color: #009FE3;
}
.wp-block-media-text.template-blue .wp-block-media-text__content a:hover {
color: #FFFFFF;
background-color: #009FE3;
border-color: #009FE3;
}
.wp-block-media-text.template-blue .wp-block-media-text__content a:after {
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-blue.svg) no-repeat;
}
.wp-block-media-text.template-blue .wp-block-media-text__content a:nth-child(2) {
color: #FFFFFF;
background-color: #009FE3;
}
.wp-block-media-text.template-blue .wp-block-media-text__content a:nth-child(2):hover {
color: #FFFFFF;
background-color: #36414d;
border-color: #36414d;
}
.wp-block-media-text .image-container {
position: relative;
}
.wp-block-media-text .video-container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-media-text .video-container video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 25px;
will-change: transform;
backface-visibility: hidden;
transform: translateZ(0);
}
@media only screen and (max-width: 1512px) {
.wp-block-media-text {
padding: 0 100px;
}
}
@media only screen and (max-width: 1366px) {
.wp-block-media-text .wp-block-media-text__content h2 {
font-size: 48px;
}
.wp-block-media-text.template-orange .wp-block-media-text__content h2, .wp-block-media-text.template-orange .wp-block-media-text__content h3, .wp-block-media-text.template-orange .wp-block-media-text__content p, .wp-block-media-text.template-orange .wp-block-media-text__content ul {
padding: 0 100px 20px 20px;
}
.wp-block-media-text.template-green .wp-block-media-text__content h2, .wp-block-media-text.template-green .wp-block-media-text__content h3, .wp-block-media-text.template-green .wp-block-media-text__content p, .wp-block-media-text.template-green .wp-block-media-text__content ul {
padding: 0 20px 20px 100px;
}
.wp-block-media-text.template-purple .wp-block-media-text__content h2, .wp-block-media-text.template-purple .wp-block-media-text__content h3, .wp-block-media-text.template-purple .wp-block-media-text__content p, .wp-block-media-text.template-purple .wp-block-media-text__content ul {
padding: 0 100px 20px 20px;
}
.wp-block-media-text.template-blue .wp-block-media-text__content h2, .wp-block-media-text.template-blue .wp-block-media-text__content h3, .wp-block-media-text.template-blue .wp-block-media-text__content p, .wp-block-media-text.template-blue .wp-block-media-text__content ul {
padding: 0 20px 20px 100px;
}
}
@media only screen and (max-width: 1024px) {
.wp-block-media-text {
padding: 0 50px;
}
.wp-block-media-text .wp-block-media-text__content h2 {
font-size: 36px;
line-height: 1.2;
}
.wp-block-media-text .wp-block-media-text__content h3 {
font-size: 22px;
}
.wp-block-media-text.template-orange .wp-block-media-text__content h2, .wp-block-media-text.template-orange .wp-block-media-text__content h3, .wp-block-media-text.template-orange .wp-block-media-text__content p, .wp-block-media-text.template-orange .wp-block-media-text__content ul {
padding: 0 50px 20px 0;
}
.wp-block-media-text.template-green .wp-block-media-text__content h2, .wp-block-media-text.template-green .wp-block-media-text__content h3, .wp-block-media-text.template-green .wp-block-media-text__content p, .wp-block-media-text.template-green .wp-block-media-text__content ul {
padding: 0 0 20px 50px;
}
.wp-block-media-text.template-purple .wp-block-media-text__content h2, .wp-block-media-text.template-purple .wp-block-media-text__content h3, .wp-block-media-text.template-purple .wp-block-media-text__content p, .wp-block-media-text.template-purple .wp-block-media-text__content ul {
padding: 0 50px 20px 0;
}
.wp-block-media-text.template-blue .wp-block-media-text__content h2, .wp-block-media-text.template-blue .wp-block-media-text__content h3, .wp-block-media-text.template-blue .wp-block-media-text__content p, .wp-block-media-text.template-blue .wp-block-media-text__content ul {
padding: 0 0 20px 50px;
}
}
@media only screen and (max-width: 767px) {
.wp-block-media-text {
padding: 0 15px 40px;
flex-wrap: wrap;
}
.wp-block-media-text.template-orange .wp-block-media-text__content, .wp-block-media-text.template-green .wp-block-media-text__content, .wp-block-media-text.template-purple .wp-block-media-text__content, .wp-block-media-text.template-blue .wp-block-media-text__content {
padding: 0 0 20px;
order: 1;
width: 100%;
}
.wp-block-media-text.template-orange .wp-block-media-text__content h2, .wp-block-media-text.template-green .wp-block-media-text__content h2, .wp-block-media-text.template-purple .wp-block-media-text__content h2, .wp-block-media-text.template-blue .wp-block-media-text__content h2 {
font-size: 32px;
line-height: 1.3;
text-align: center;
}
.wp-block-media-text.template-orange .wp-block-media-text__content h3, .wp-block-media-text.template-green .wp-block-media-text__content h3, .wp-block-media-text.template-purple .wp-block-media-text__content h3, .wp-block-media-text.template-blue .wp-block-media-text__content h3 {
font-size: 20px;
}
.wp-block-media-text.template-orange .wp-block-media-text__content h2, .wp-block-media-text.template-orange .wp-block-media-text__content h3, .wp-block-media-text.template-orange .wp-block-media-text__content p, .wp-block-media-text.template-orange .wp-block-media-text__content ul, .wp-block-media-text.template-green .wp-block-media-text__content h2, .wp-block-media-text.template-green .wp-block-media-text__content h3, .wp-block-media-text.template-green .wp-block-media-text__content p, .wp-block-media-text.template-green .wp-block-media-text__content ul, .wp-block-media-text.template-purple .wp-block-media-text__content h2, .wp-block-media-text.template-purple .wp-block-media-text__content h3, .wp-block-media-text.template-purple .wp-block-media-text__content p, .wp-block-media-text.template-purple .wp-block-media-text__content ul, .wp-block-media-text.template-blue .wp-block-media-text__content h2, .wp-block-media-text.template-blue .wp-block-media-text__content h3, .wp-block-media-text.template-blue .wp-block-media-text__content p, .wp-block-media-text.template-blue .wp-block-media-text__content ul {
padding: 0 0 20px;
}
.wp-block-media-text.template-orange .wp-block-media-text__content img, .wp-block-media-text.template-green .wp-block-media-text__content img, .wp-block-media-text.template-purple .wp-block-media-text__content img, .wp-block-media-text.template-blue .wp-block-media-text__content img {
padding: 40px 30px;
transform: none;
width: 100%;
}
.wp-block-media-text.template-orange .wp-block-media-text__content a, .wp-block-media-text.template-green .wp-block-media-text__content a, .wp-block-media-text.template-purple .wp-block-media-text__content a, .wp-block-media-text.template-blue .wp-block-media-text__content a {
display: flex;
justify-content: center;
width: 100%;
}
.wp-block-media-text.template-orange .wp-block-media-text__media, .wp-block-media-text.template-green .wp-block-media-text__media, .wp-block-media-text.template-purple .wp-block-media-text__media, .wp-block-media-text.template-blue .wp-block-media-text__media {
order: 2;
width: 100%;
}
}
.gp-image {
position: relative;
}
.gp-image .content-element-container {
position: relative;
}
.gp-image .content-element-container .content-element-inner {
position: relative;
}
.gp-image .content-element-container .content-element-inner .video-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 25px;
z-index: 1;
}
.gp-image .content-element-container .content-element-inner .video-inner video {
width: 100%;
}
.gp-image.template-medium .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 0 165px;
}
.gp-image.template-medium .content-element-container img {
border-radius: 25px;
box-shadow: 0 60px 40px -30px rgba(0, 0, 0, 0.25);
}
.gp-image.template-mediastage:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 150px;
background: linear-gradient(180deg, transparent 0%, #FFFFFF 100%), linear-gradient(180deg, transparent 0%, #FFFFFF 100%);
z-index: 1;
}
.gp-image.template-mediastage .scroll-to-form {
width: 100%;
position: relative;
padding: 5px;
}
.gp-image.template-mediastage .scroll-to-form .scroll-to-form-inner {
position: absolute;
top: 20px;
left: calc(50% - 30px);
transition: 0.2s;
z-index: 2;
}
.gp-image.template-mediastage .scroll-to-form .scroll-to-form-inner:hover {
padding-top: 15px;
}
.gp-image.template-mediastage .scroll-to-form .scroll-to-form-inner:hover a {
background-color: #36414d;
animation: none;
transform: translate(0);
}
.gp-image.template-mediastage .scroll-to-form .scroll-to-form-inner a {
position: relative;
display: block;
width: 60px;
height: 80px;
border-radius: 30px;
transition: 0.2s;
background-color: #FF6700;
}
.gp-image.template-mediastage .scroll-to-form .scroll-to-form-inner a:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-white.svg) no-repeat;
background-position: center;
background-size: 34px 24px;
transform: rotate(90deg);
}
@keyframes vibrate {
0% {
transform: translate(0);
}
1% {
transform: translate(2px, -2px);
}
2% {
transform: translate(-2px, 2px);
}
3% {
transform: translate(2px, 2px);
}
4% {
transform: translate(-2px, -2px);
}
5% {
transform: translate(0);
}
6% {
transform: translate(2px, -2px);
}
7% {
transform: translate(-2px, 2px);
}
8% {
transform: translate(2px, 2px);
}
9% {
transform: translate(-2px, -2px);
}
10% {
transform: translate(0);
}
11% {
transform: translate(2px, -2px);
}
12% {
transform: translate(-2px, 2px);
}
13% {
transform: translate(2px, 2px);
}
14% {
transform: translate(-2px, -2px);
}
15% {
transform: translate(0);
}
100% {
transform: translate(0);
}
}
@media only screen and (max-width: 1512px) {
.gp-image.template-medium .content-element-container {
padding: 0 10%;
}
}
@media only screen and (max-width: 1024px) {
.gp-image.template-medium .content-element-container {
padding: 0 50px;
}
}
@media only screen and (max-width: 767px) {
.gp-image.template-medium .content-element-container {
padding: 15px;
}
.gp-image.template-mediastage .content-element-container img,
.gp-image.template-mediastage .content-element-container video {
height: 400px;
object-fit: cover;
object-position: 80% center;
}
.gp-image.template-mediastage .scroll-to-form .scroll-to-form-inner {
left: calc(50% - 22px);
top: 0;
}
.gp-image.template-mediastage .scroll-to-form .scroll-to-form-inner a {
width: 47px;
height: 63px;
}
}
.gp-form-stage {
position: relative;
padding: 190px 0 325px;
min-height: 100vh;
background-color: #FF6700;
z-index: 6666;
overflow: hidden;
display: flex;
align-items: center;
}
.gp-form-stage:first-child {
z-index: 1;
}
.gp-form-stage .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
}
.gp-form-stage .content-element-container p {
color: #FFFFFF;
line-height: 0.9;
font-weight: 500;
}
.gp-form-stage .content-element-container p:nth-child(1) {
padding: 0 30px;
font-size: 92px;
}
.gp-form-stage .content-element-container p:nth-child(2) {
padding: 0 0 0 115px;
font-size: 225px;
}
.gp-form-stage .content-element-container p:nth-child(3) {
padding: 0;
transform: translate(30px, -15px);
font-size: 345px;
text-align: right;
}
.gp-form-stage:after {
content: "";
position: absolute;
bottom: 150px;
left: calc(50% + 160px);
width: 165px;
height: 117px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-white.svg) no-repeat;
background-position: center;
background-size: 100%;
z-index: 2;
transform: rotate(90deg);
}
.gp-form-anchor {
overflow: hidden;
padding: 0 0 100px;
}
.gp-form-anchor .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 0 200px 0 130px;
}
.gp-form-anchor .content-element-container .content-element-inner {
position: relative;
padding: 35px 325px 30px 35px;
border-radius: 15px;
border: 1px solid #E4E7E9;
background: #F3F5F6;
}
.gp-form-anchor .content-element-container .content-element-inner:after {
content: "";
position: absolute;
top: 0;
right: -140px;
width: 466px;
height: 314px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/form-accept-background.png) no-repeat;
background-position: center;
background-size: 100%;
}
.gp-form-anchor .content-element-container .content-element-inner h2, .gp-form-anchor .content-element-container .content-element-inner h3, .gp-form-anchor .content-element-container .content-element-inner h4 {
padding: 0 0 25px;
font-size: 36px;
font-weight: 500;
line-height: 1;
}
.gp-form-anchor .content-element-container .content-element-inner p {
padding: 0 0 5px;
font-size: 16px;
line-height: 1.4;
}
.gp-form-anchor .content-element-container .content-element-inner .wp-block-button {
padding: 20px 0 5px;
}
.gp-form-anchor .content-element-container .content-element-inner .wp-block-button + p {
padding: 20px 0 5px;
}
.gp-form-anchor .content-element-container .content-element-inner a {
padding: 17px 25px;
color: #FFFFFF;
font-size: 16px;
line-height: 1;
font-weight: 600;
transition: 0.15s;
border-radius: 30px;
border: 2px solid #FF6700;
background-color: #FF6700;
cursor: pointer;
}
.gp-form-anchor .content-element-container .content-element-inner a:hover {
color: #FFFFFF;
border-color: #36414d;
background-color: #36414d;
}
@media only screen and (max-width: 1512px) {
.gp-form-stage .content-element-container p:nth-child(3) {
transform: none;
font-size: 320px;
}
.gp-form-anchor .content-element-container {
padding: 0 100px;
}
}
@media only screen and (max-width: 1366px) {
.gp-form-stage {
padding: 150px 0 300px;
}
.gp-form-stage .content-element-container p:nth-child(1) {
font-size: 80px;
}
.gp-form-stage .content-element-container p:nth-child(2) {
font-size: 200px;
}
.gp-form-stage .content-element-container p:nth-child(3) {
font-size: 250px;
}
.gp-form-stage:after {
bottom: 100px;
transform: scale(0.9) rotate(90deg);
}
}
@media only screen and (max-width: 1024px) {
.gp-form-stage {
padding: 100px 0 200px;
}
.gp-form-stage .content-element-container p:nth-child(1) {
padding: 0 50px 20px;
font-size: 60px;
}
.gp-form-stage .content-element-container p:nth-child(2) {
padding: 0 50px 20px;
font-size: 100px;
text-align: center;
}
.gp-form-stage .content-element-container p:nth-child(3) {
padding: 0 50px;
font-size: 150px;
}
.gp-form-stage:after {
left: 50%;
bottom: 50px;
transform: scale(0.7) rotate(90deg);
}
.gp-form-anchor .content-element-container {
padding: 0 50px;
}
.gp-form-anchor .content-element-container .content-element-inner {
padding: 30px 200px 30px 25px;
}
.gp-form-anchor .content-element-container .content-element-inner:after {
right: -50px;
width: 250px;
height: 200px;
}
}
@media only screen and (max-width: 767px) {
.gp-form-stage {
padding: 80px 0 180px;
}
.gp-form-stage .content-element-container p:nth-child(1) {
padding: 0 15px 20px;
font-size: 40px;
}
.gp-form-stage .content-element-container p:nth-child(2) {
padding: 0 15px 20px;
font-size: 60px;
}
.gp-form-stage .content-element-container p:nth-child(3) {
padding: 0 15px;
font-size: 80px;
}
.gp-form-stage:after {
bottom: 20px;
transform: scale(0.5) rotate(90deg);
}
.gp-form-anchor {
padding: 0;
}
.gp-form-anchor .content-element-container {
padding: 0 15px;
}
.gp-form-anchor .content-element-container .content-element-inner {
padding: 15px;
}
.gp-form-anchor .content-element-container .content-element-inner:after {
display: none;
}
.gp-form-anchor .content-element-container .content-element-inner a {
width: 100%;
}
}
.gp-text .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 0 410px;
}
.gp-text .content-element-container h1, .gp-text .content-element-container h2 {
padding: 0 0 30px;
font-size: 36px;
font-weight: 500;
line-height: 1;
transform: translateX(-40px);
}
.gp-text .content-element-container h3, .gp-text .content-element-container h4 {
padding: 0 0 20px;
font-size: 24px;
font-weight: 700;
line-height: 1.4;
}
.gp-text .content-element-container p {
padding: 0 0 20px;
font-size: 16px;
line-height: 1.4;
}
.gp-text .content-element-container ul {
padding: 0 0 30px 15px;
text-align: left;
}
.gp-text .content-element-container ul li {
position: relative;
padding-left: 16px;
font-size: 16px;
line-height: 1.4;
}
.gp-text .content-element-container ul li:before {
content: "";
position: absolute;
top: 9px;
left: 0;
width: 5px;
height: 5px;
background-color: #36414d;
border-radius: 100%;
}
.gp-text .content-element-container p + h2, .gp-text .content-element-container ul + h2 {
padding: 30px 0;
}
.gp-text .content-element-container p + h3,
.gp-text .content-element-container p + h4, .gp-text .content-element-container ul + h3,
.gp-text .content-element-container ul + h4 {
padding: 20px 0;
}
.erecht24-legal-texts,
.gp-text.template-full-size .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 0 285px;
}
.erecht24-legal-texts h1,
.gp-text.template-full-size .content-element-container h1 {
padding: 0 0 50px;
font-size: 64px;
font-weight: 500;
line-height: 1;
}
.erecht24-legal-texts h2,
.gp-text.template-full-size .content-element-container h2 {
padding: 0 0 20px;
font-size: 36px;
font-weight: 500;
line-height: 1;
}
.erecht24-legal-texts h1, .erecht24-legal-texts h2,
.gp-text.template-full-size .content-element-container h1,
.gp-text.template-full-size .content-element-container h2 {
transform: none;
}
.erecht24-legal-texts h3, .erecht24-legal-texts h4,
.gp-text.template-full-size .content-element-container h3,
.gp-text.template-full-size .content-element-container h4 {
padding: 0 0 20px;
font-size: 24px;
font-weight: 700;
line-height: 1.4;
}
.erecht24-legal-texts p,
.gp-text.template-full-size .content-element-container p {
padding: 0 0 20px;
font-size: 16px;
line-height: 1.4;
}
.erecht24-legal-texts p + h2,
.gp-text.template-full-size .content-element-container p + h2 {
padding: 30px 0 20px;
}
.erecht24-legal-texts p + h3,
.erecht24-legal-texts p + h4,
.gp-text.template-full-size .content-element-container p + h3,
.gp-text.template-full-size .content-element-container p + h4 {
padding: 20px 0;
}
.erecht24-legal-texts ul,
.gp-text.template-full-size .content-element-container ul {
padding: 0 0 30px 15px;
text-align: left;
}
.erecht24-legal-texts ul li,
.gp-text.template-full-size .content-element-container ul li {
position: relative;
padding-left: 16px;
font-size: 16px;
line-height: 1.4;
}
.erecht24-legal-texts ul li:before,
.gp-text.template-full-size .content-element-container ul li:before {
content: "";
position: absolute;
top: 9px;
left: 0;
width: 5px;
height: 5px;
background-color: #36414d;
border-radius: 100%;
}
.gp-headline .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 0 270px 15px;
}
.gp-headline .content-element-container h1, .gp-headline .content-element-container h2 {
padding: 0 0 10px;
color: #36414d;
font-size: 64px;
font-weight: 500;
line-height: 1;
text-align: center;
}
.gp-headline .content-element-container h3, .gp-headline .content-element-container h4 {
padding: 0 130px 10px;
color: #36414d;
font-size: 24px;
font-weight: 700;
line-height: 1.4;
text-align: center;
}
.gp-headline .content-element-container p {
padding: 0 220px 20px;
color: #36414d;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
text-align: center;
}
.gp-headline .content-element-container p:first-child {
padding: 0 120px 5px;
font-size: 22px;
}
.gp-headline .content-element-container p:has(a) {
margin: 55px 0 0;
}
.gp-headline .content-element-container p a {
padding: 17px 24px;
color: #FFFFFF;
font-size: 22px;
line-height: 1;
font-weight: 600;
transition: 0.15s;
border-radius: 30px;
background-color: #FF6700;
cursor: pointer;
}
.gp-headline .content-element-container p a:hover {
color: #FFFFFF;
background-color: #36414d;
}
.gp-text-columns .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
display: flex;
}
.gp-text-columns .content-element-container .wp-block-group {
width: 25%;
}
.gp-text-columns .content-element-container .wp-block-group p {
font-size: 96px;
font-weight: 500;
line-height: 1;
text-align: center;
}
.gp-text-columns .content-element-container .wp-block-group p:last-child {
font-size: 24px;
font-weight: 700;
line-height: 1.4;
}
.gp-text-columns .content-element-container .wp-block-group p em {
display: inline-block;
font-style: normal;
font-weight: 500;
opacity: 0;
max-width: 0;
}
.gp-text-columns .content-element-container .wp-block-group p em.is--ready {
opacity: 1;
max-width: none;
}
@media only screen and (max-width: 1512px) {
.gp-text .content-element-container {
padding: 0 27%;
}
.erecht24-legal-texts,
.gp-text.template-full-size .content-element-container {
padding: 0 25%;
}
.gp-headline .content-element-container {
padding: 0 15% 15px;
}
.gp-headline .content-element-container h1, .gp-headline .content-element-container h2 {
font-size: 56px;
}
.gp-headline .content-element-container h3, .gp-headline .content-element-container h4 {
padding: 0 15% 10px;
}
.gp-headline .content-element-container p {
padding: 0 15% 20px;
}
}
@media only screen and (max-width: 1366px) {
.gp-text .content-element-container {
padding: 0 22%;
}
.erecht24-legal-texts,
.gp-text.template-full-size .content-element-container {
padding: 0 20%;
}
.erecht24-legal-texts h1,
.gp-text.template-full-size .content-element-container h1 {
font-size: 56px;
}
.gp-headline .content-element-container {
padding: 0 20%;
}
.gp-text-columns .content-element-container .wp-block-group p {
font-size: 72px;
}
.gp-text-columns .content-element-container .wp-block-group p:last-child {
font-size: 22px;
}
}
@media only screen and (max-width: 1024px) {
.gp-text .content-element-container {
padding: 0 50px;
}
.gp-text .content-element-container h1, .gp-text .content-element-container h2 {
font-size: 36px;
font-weight: 500;
line-height: 1;
transform: none;
}
.gp-text .content-element-container h3, .gp-text .content-element-container h4 {
font-size: 22px;
}
.erecht24-legal-texts,
.gp-text.template-full-size .content-element-container {
padding: 0 50px;
}
.erecht24-legal-texts h1,
.gp-text.template-full-size .content-element-container h1 {
padding: 0 0 30px;
font-size: 48px;
}
.erecht24-legal-texts h2,
.gp-text.template-full-size .content-element-container h2 {
font-size: 30px;
}
.erecht24-legal-texts h3, .erecht24-legal-texts h4,
.gp-text.template-full-size .content-element-container h3,
.gp-text.template-full-size .content-element-container h4 {
padding: 0 0 20px;
font-size: 22px;
}
.gp-headline .content-element-container {
padding: 0 50px;
}
.gp-headline .content-element-container h1, .gp-headline .content-element-container h2 {
font-size: 42px;
}
.gp-headline .content-element-container h3, .gp-headline .content-element-container h4 {
padding: 0 0 20px;
font-size: 22px;
}
.gp-headline .content-element-container p {
padding: 0 0 5px;
}
.gp-headline .content-element-container p:first-child {
padding: 0 0 5px;
}
.gp-text-columns .content-element-container .wp-block-group p {
font-size: 40px;
}
.gp-text-columns .content-element-container .wp-block-group p:last-child {
font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
.gp-text .content-element-container {
padding: 0 15px;
}
.gp-text .content-element-container h1, .gp-text .content-element-container h2 {
font-size: 28px;
}
.gp-text .content-element-container h3, .gp-text .content-element-container h4 {
font-size: 20px;
}
.gp-text .content-element-container ul {
padding: 0 0 20px 5px;
}
.gp-text .content-element-container p {
font-size: 15px;
}
.erecht24-legal-texts,
.gp-text.template-full-size .content-element-container {
padding: 0 15px;
}
.erecht24-legal-texts h1,
.gp-text.template-full-size .content-element-container h1 {
padding: 0 0 20px;
font-size: 38px;
}
.erecht24-legal-texts h2,
.gp-text.template-full-size .content-element-container h2 {
font-size: 28px;
}
.erecht24-legal-texts h3, .erecht24-legal-texts h4,
.gp-text.template-full-size .content-element-container h3,
.gp-text.template-full-size .content-element-container h4 {
font-size: 20px;
}
.erecht24-legal-texts ul,
.gp-text.template-full-size .content-element-container ul {
padding: 0 0 20px 5px;
}
.erecht24-legal-texts p,
.gp-text.template-full-size .content-element-container p {
font-size: 15px;
}
.gp-headline .content-element-container {
padding: 0 15px;
}
.gp-headline .content-element-container h1, .gp-headline .content-element-container h2 {
font-size: 32px;
}
.gp-headline .content-element-container h3, .gp-headline .content-element-container h4 {
font-size: 20px;
text-align: left;
}
.gp-headline .content-element-container p {
font-size: 15px;
text-align: left;
}
.gp-headline .content-element-container p:first-child,
.gp-headline .content-element-container p a {
display: block;
width: 100%;
text-align: center;
font-size: 18px;
}
.gp-text-columns .content-element-container {
flex-wrap: wrap;
}
.gp-text-columns .content-element-container .wp-block-group {
width: 100%;
padding: 0 0 40px;
}
.gp-text-columns .content-element-container .wp-block-group p {
font-size: 64px;
}
.gp-text-columns .content-element-container .wp-block-group p:last-child {
font-size: 16px;
}
}
.gp-downloads .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 0 410px;
}
.gp-downloads .content-element-container h3 {
padding: 0 0 20px;
font-size: 24px;
font-weight: 700;
line-height: 1.4;
}
.gp-downloads .content-element-container .link-item-list {
padding: 0 0 35px;
}
.gp-downloads .content-element-container .link-item-list a {
margin-bottom: 10px;
position: relative;
padding: 16px 22px;
display: block;
width: 100%;
border-radius: 15px;
background: #F3F5F6;
color: #36414d;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
transition: 0.2s;
}
.gp-downloads .content-element-container .link-item-list a:hover {
background: #FF6700;
color: #FFFFFF;
}
.gp-downloads .content-element-container .link-item-list a:hover:after {
filter: brightness(0) invert(1);
}
.gp-downloads .content-element-container .link-item-list a:after {
content: "";
position: absolute;
top: calc(50% - 8px);
right: 20px;
width: 16px;
min-width: 16px;
height: 16px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-orange.svg) no-repeat;
background-position: center;
background-size: 100%;
transform: rotate(90deg);
transition: 0.05s;
}
.gp-downloads .content-element-container .link-item-list ul a:after {
transform: none;
}
@media only screen and (max-width: 1512px) {
.gp-downloads .content-element-container {
padding: 0 27%;
}
}
@media only screen and (max-width: 1366px) {
.gp-downloads .content-element-container {
padding: 0 20%;
}
}
@media only screen and (max-width: 1024px) {
.gp-downloads .content-element-container {
padding: 0 50px;
}
}
@media only screen and (max-width: 767px) {
.gp-downloads .content-element-container {
padding: 15px;
}
}
.gp-map .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 0 165px;
}
.gp-map .content-element-container .map-container {
border-radius: 25px;
overflow: hidden;
width: 100%;
}
.gp-map .content-element-container .map-container .ym-map-container {
width: 100%;
height: 700px;
}
.gp-map .content-element-container .map-container .ym-map-container .leaflet-popup-content {
margin: 8px 13px;
}
.gp-map .content-element-container .map-container .ym-map-container .map-popup-title {
margin: 0;
padding: 5px 0;
font-size: 16px;
}
.gp-map .content-element-container .map-container .ym-map-container .map-popup-text {
margin: 0;
padding: 0 0 5px;
}
.gp-map .content-element-container .map-container .ym-map-container .map-popup-text span {
padding: 3px 0 0;
display: block;
}
.gp-map .content-element-container .map-container .ym-map-container .map-popup-text a {
display: inline;
}
.gp-map .content-element-container .map-container .ym-map-container .map-popup-text a:hover {
text-decoration: none;
}
@media only screen and (max-width: 1512px) {
.gp-map .content-element-container {
padding: 0 10%;
}
}
@media only screen and (max-width: 1024px) {
.gp-map .content-element-container {
padding: 0 50px;
}
}
@media only screen and (max-width: 767px) {
.gp-map .content-element-container {
padding: 15px;
}
.gp-map .content-element-container .map-container .ym-map-container {
height: 500px;
}
}
.gp-image-text .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
display: grid;
grid-template-columns: 54fr 46fr;
grid-template-rows: auto 1fr;
grid-template-areas: "headline image" "text     image";
padding: 0 175px;
}
.gp-image-text .content-element-container h2 {
padding: 0 0 30px;
font-size: 64px;
font-weight: 500;
line-height: 1;
}
.gp-image-text .content-element-container .headline-container {
grid-area: headline;
}
.gp-image-text .content-element-container .text-container {
grid-area: text;
}
.gp-image-text .content-element-container .text-container h3 {
font-size: 24px;
font-weight: 700;
line-height: 1.4;
}
.gp-image-text .content-element-container .text-container p {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
}
.gp-image-text .content-element-container .text-container ul {
padding: 0 0 30px 15px;
text-align: left;
}
.gp-image-text .content-element-container .text-container ul li {
position: relative;
padding-left: 20px;
font-size: 16px;
line-height: 1.4;
}
.gp-image-text .content-element-container .text-container ul li:before {
content: "";
position: absolute;
top: 8px;
left: 5px;
width: 5px;
height: 5px;
background-color: #36414d;
border-radius: 100%;
}
.gp-image-text .content-element-container .text-container a {
margin: 20px 10px 0 0;
display: inline-flex;
align-items: center;
padding: 17px 25px;
font-size: 16px;
line-height: 1;
font-weight: 600;
transition: 0.15s;
z-index: 121;
border-radius: 30px;
border: 2px solid #36414d;
cursor: pointer;
}
.gp-image-text .content-element-container .text-container a:hover {
background-color: #36414d;
color: #FFFFFF;
}
.gp-image-text .content-element-container .text-container a:hover:after {
filter: brightness(0) invert(1);
}
.gp-image-text .content-element-container .text-container a:after {
content: "";
width: 16px;
min-width: 16px;
height: 16px;
margin-left: 10px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small.svg) no-repeat;
background-position: center;
background-size: 100%;
transition: 0.05s;
}
.gp-image-text .content-element-container .text-container a:nth-child(2) {
color: #FFFFFF;
background-color: #36414d;
}
.gp-image-text .content-element-container .text-container a:nth-child(2):after {
display: none;
}
.gp-image-text .content-element-container .text-container a:nth-child(2):hover {
background-color: #FF6700;
color: #FFFFFF;
border-color: #FF6700;
}
.gp-image-text .content-element-container .image-container {
grid-area: image;
position: relative;
}
.gp-image-text .content-element-container .image-container .image-inner {
position: relative;
}
.gp-image-text .content-element-container .image-container .image-inner img {
display: block;
width: 100%;
height: auto;
border-radius: 25px;
box-shadow: 0 60px 40px -30px rgba(0, 0, 0, 0.25);
}
.gp-image-text .content-element-container .image-container .image-inner .video-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
.gp-image-text .content-element-container .image-container .image-inner .video-inner video {
border-radius: 25px;
width: 100%;
}
.gp-image-text.template-orange .content-element-container .headline-container img {
width: 80%;
padding: 10px 0 60px;
transform: translateX(-45px);
}
.gp-image-text.template-orange .content-element-container .text-container h3, .gp-image-text.template-orange .content-element-container .text-container p, .gp-image-text.template-orange .content-element-container .text-container ul {
padding: 0 145px 20px 0;
}
.gp-image-text.template-orange .content-element-container .text-container a {
color: #FF6700;
border-color: #FF6700;
}
.gp-image-text.template-orange .content-element-container .text-container a:hover {
color: #FFFFFF;
background-color: #FF6700;
border-color: #FF6700;
}
.gp-image-text.template-orange .content-element-container .text-container a:after {
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-orange.svg) no-repeat;
}
.gp-image-text.template-orange .content-element-container .text-container a:nth-child(2) {
color: #FFFFFF;
background-color: #FF6700;
}
.gp-image-text.template-orange .content-element-container .text-container a:nth-child(2):hover {
color: #FFFFFF;
background-color: #36414d;
border-color: #36414d;
}
.gp-image-text.template-green .content-element-container .headline-container img {
padding: 0 30px 50px 80px;
}
.gp-image-text.template-green .content-element-container .text-container h3, .gp-image-text.template-green .content-element-container .text-container p, .gp-image-text.template-green .content-element-container .text-container ul {
padding: 0 20px 20px 125px;
}
.gp-image-text.template-green .content-element-container .text-container a {
color: #00D519;
border-color: #00D519;
}
.gp-image-text.template-green .content-element-container .text-container a:hover {
color: #FFFFFF;
background-color: #00D519;
border-color: #00D519;
}
.gp-image-text.template-green .content-element-container .text-container a:after {
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-green.svg) no-repeat;
}
.gp-image-text.template-green .content-element-container .text-container a:nth-child(2) {
color: #FFFFFF;
background-color: #00D519;
}
.gp-image-text.template-green .content-element-container .text-container a:nth-child(2):hover {
color: #FFFFFF;
background-color: #36414d;
border-color: #36414d;
}
.gp-image-text.template-purple .content-element-container .headline-container img {
padding: 60px 140px 35px 0;
transform: translateX(-15px);
}
.gp-image-text.template-purple .content-element-container .text-container h3, .gp-image-text.template-purple .content-element-container .text-container p, .gp-image-text.template-purple .content-element-container .text-container ul {
padding: 0 150px 20px 15px;
}
.gp-image-text.template-purple .content-element-container .text-container a {
color: #B900DA;
border-color: #B900DA;
}
.gp-image-text.template-purple .content-element-container .text-container a:hover {
color: #FFFFFF;
background-color: #B900DA;
border-color: #B900DA;
}
.gp-image-text.template-purple .content-element-container .text-container a:after {
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-purple.svg) no-repeat;
}
.gp-image-text.template-purple .content-element-container .text-container a:nth-child(2) {
color: #FFFFFF;
background-color: #B900DA;
}
.gp-image-text.template-purple .content-element-container .text-container a:nth-child(2):hover {
color: #FFFFFF;
background-color: #36414d;
border-color: #36414d;
}
.gp-image-text.template-blue .content-element-container .headline-container img {
padding: 35px 40px 45px 125px;
}
.gp-image-text.template-blue .content-element-container .text-container h3, .gp-image-text.template-blue .content-element-container .text-container p, .gp-image-text.template-blue .content-element-container .text-container ul {
padding: 0 40px 20px 125px;
}
.gp-image-text.template-blue .content-element-container .text-container a {
color: #009FE3;
border-color: #009FE3;
}
.gp-image-text.template-blue .content-element-container .text-container a:hover {
color: #FFFFFF;
background-color: #009FE3;
border-color: #009FE3;
}
.gp-image-text.template-blue .content-element-container .text-container a:after {
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-blue.svg) no-repeat;
}
.gp-image-text.template-blue .content-element-container .text-container a:nth-child(2) {
color: #FFFFFF;
background-color: #009FE3;
}
.gp-image-text.template-blue .content-element-container .text-container a:nth-child(2):hover {
color: #FFFFFF;
background-color: #36414d;
border-color: #36414d;
}
.gp-image-text.template-blue .content-element-container, .gp-image-text.template-green .content-element-container {
grid-template-columns: 46fr 54fr;
grid-template-areas: "image headline" "image     text";
}
.gp-image-text .image-container {
position: relative;
}
.gp-image-text .video-container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.gp-image-text .video-container video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 25px;
will-change: transform;
backface-visibility: hidden;
transform: translateZ(0);
}
@media only screen and (max-width: 1512px) {
.gp-image-text .content-element-container {
padding: 0 100px;
}
}
@media only screen and (max-width: 1366px) {
.gp-image-text .content-element-container h2 {
font-size: 48px;
}
.gp-image-text.template-orange .content-element-container .text-container h2, .gp-image-text.template-orange .content-element-container .text-container h3, .gp-image-text.template-orange .content-element-container .text-container p, .gp-image-text.template-orange .content-element-container .text-container ul {
padding: 0 100px 20px 20px;
}
.gp-image-text.template-green .content-element-container .text-container h2, .gp-image-text.template-green .content-element-container .text-container h3, .gp-image-text.template-green .content-element-container .text-container p, .gp-image-text.template-green .content-element-container .text-container ul {
padding: 0 20px 20px 100px;
}
.gp-image-text.template-purple .content-element-container .text-container h2, .gp-image-text.template-purple .content-element-container .text-container h3, .gp-image-text.template-purple .content-element-container .text-container p, .gp-image-text.template-purple .content-element-container .text-container ul {
padding: 0 100px 20px 20px;
}
.gp-image-text.template-blue .content-element-container .text-container h2, .gp-image-text.template-blue .content-element-container .text-container h3, .gp-image-text.template-blue .content-element-container .text-container p, .gp-image-text.template-blue .content-element-container .text-container ul {
padding: 0 20px 20px 100px;
}
}
@media only screen and (max-width: 1024px) {
.gp-image-text .content-element-container {
padding: 0 50px;
}
.gp-image-text .content-element-container h2 {
font-size: 36px;
line-height: 1.2;
}
.gp-image-text .content-element-container .text-container h3 {
font-size: 22px;
}
.gp-image-text.template-orange .content-element-container .text-container h2, .gp-image-text.template-orange .content-element-container .text-container h3, .gp-image-text.template-orange .content-element-container .text-container p, .gp-image-text.template-orange .content-element-container .text-container ul, .gp-image-text.template-purple .content-element-container .text-container h2, .gp-image-text.template-purple .content-element-container .text-container h3, .gp-image-text.template-purple .content-element-container .text-container p, .gp-image-text.template-purple .content-element-container .text-container ul {
padding: 0 50px 20px 0;
}
.gp-image-text.template-green .content-element-container .text-container h2, .gp-image-text.template-green .content-element-container .text-container h3, .gp-image-text.template-green .content-element-container .text-container p, .gp-image-text.template-green .content-element-container .text-container ul, .gp-image-text.template-blue .content-element-container .text-container h2, .gp-image-text.template-blue .content-element-container .text-container h3, .gp-image-text.template-blue .content-element-container .text-container p, .gp-image-text.template-blue .content-element-container .text-container ul {
padding: 0 0 20px 50px;
}
}
@media only screen and (max-width: 767px) {
.gp-image-text.template-orange .content-element-container, .gp-image-text.template-green .content-element-container, .gp-image-text.template-purple .content-element-container, .gp-image-text.template-blue .content-element-container {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.gp-image-text.template-orange .content-element-container .headline-container,
.gp-image-text.template-orange .content-element-container .text-container,
.gp-image-text.template-orange .content-element-container .image-container, .gp-image-text.template-green .content-element-container .headline-container,
.gp-image-text.template-green .content-element-container .text-container,
.gp-image-text.template-green .content-element-container .image-container, .gp-image-text.template-purple .content-element-container .headline-container,
.gp-image-text.template-purple .content-element-container .text-container,
.gp-image-text.template-purple .content-element-container .image-container, .gp-image-text.template-blue .content-element-container .headline-container,
.gp-image-text.template-blue .content-element-container .text-container,
.gp-image-text.template-blue .content-element-container .image-container {
width: 100%;
order: 1;
}
.gp-image-text.template-orange .content-element-container h2, .gp-image-text.template-green .content-element-container h2, .gp-image-text.template-purple .content-element-container h2, .gp-image-text.template-blue .content-element-container h2 {
font-size: 32px;
line-height: 1.3;
text-align: center;
}
.gp-image-text.template-orange .content-element-container .headline-container, .gp-image-text.template-green .content-element-container .headline-container, .gp-image-text.template-purple .content-element-container .headline-container, .gp-image-text.template-blue .content-element-container .headline-container {
padding: 0 15px;
}
.gp-image-text.template-orange .content-element-container .headline-container img, .gp-image-text.template-green .content-element-container .headline-container img, .gp-image-text.template-purple .content-element-container .headline-container img, .gp-image-text.template-blue .content-element-container .headline-container img {
padding: 0 0 40px;
transform: none;
width: 100%;
}
.gp-image-text.template-orange .content-element-container .text-container, .gp-image-text.template-green .content-element-container .text-container, .gp-image-text.template-purple .content-element-container .text-container, .gp-image-text.template-blue .content-element-container .text-container {
padding: 40px 15px 0;
order: 3;
width: 100%;
}
.gp-image-text.template-orange .content-element-container .text-container h3, .gp-image-text.template-green .content-element-container .text-container h3, .gp-image-text.template-purple .content-element-container .text-container h3, .gp-image-text.template-blue .content-element-container .text-container h3 {
font-size: 20px;
}
.gp-image-text.template-orange .content-element-container .text-container h2, .gp-image-text.template-orange .content-element-container .text-container h3, .gp-image-text.template-orange .content-element-container .text-container p, .gp-image-text.template-orange .content-element-container .text-container ul, .gp-image-text.template-green .content-element-container .text-container h2, .gp-image-text.template-green .content-element-container .text-container h3, .gp-image-text.template-green .content-element-container .text-container p, .gp-image-text.template-green .content-element-container .text-container ul, .gp-image-text.template-purple .content-element-container .text-container h2, .gp-image-text.template-purple .content-element-container .text-container h3, .gp-image-text.template-purple .content-element-container .text-container p, .gp-image-text.template-purple .content-element-container .text-container ul, .gp-image-text.template-blue .content-element-container .text-container h2, .gp-image-text.template-blue .content-element-container .text-container h3, .gp-image-text.template-blue .content-element-container .text-container p, .gp-image-text.template-blue .content-element-container .text-container ul {
padding: 0 0 20px;
}
.gp-image-text.template-orange .content-element-container .text-container a, .gp-image-text.template-green .content-element-container .text-container a, .gp-image-text.template-purple .content-element-container .text-container a, .gp-image-text.template-blue .content-element-container .text-container a {
display: flex;
justify-content: center;
width: 100%;
}
.gp-image-text.template-orange .content-element-container .image-container, .gp-image-text.template-green .content-element-container .image-container, .gp-image-text.template-purple .content-element-container .image-container, .gp-image-text.template-blue .content-element-container .image-container {
order: 2;
width: 100%;
}
.gp-image-text.template-orange .content-element-container .image-container img, .gp-image-text.template-green .content-element-container .image-container img, .gp-image-text.template-purple .content-element-container .image-container img, .gp-image-text.template-blue .content-element-container .image-container img {
padding: 0;
box-shadow: none;
border-radius: 0;
}
.gp-image-text.template-orange .content-element-container .image-container .video-inner, .gp-image-text.template-green .content-element-container .image-container .video-inner, .gp-image-text.template-purple .content-element-container .image-container .video-inner, .gp-image-text.template-blue .content-element-container .image-container .video-inner {
border-radius: 0;
}
}
.ext_team-list .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 0 390px;
}
.ext_team-list .content-element-container .team-item-list {
display: flex;
flex-wrap: wrap;
}
.ext_team-list .content-element-container .team-item-list .team-item {
position: relative;
width: calc(33.3333333333% - 40px);
margin: 0 20px 70px;
transition: 0.3s;
}
.ext_team-list .content-element-container .team-item-list .team-item img {
width: 100%;
border-radius: 25px;
box-shadow: 0 60px 40px -30px rgba(0, 0, 0, 0.25);
}
.ext_team-list .content-element-container .team-item-list .team-item .text-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 22px 18px;
background-color: rgba(255, 255, 255, 0.8);
display: flex;
flex-direction: column;
border-radius: 25px;
opacity: 0;
z-index: 1;
transition: 0.3s;
}
.ext_team-list .content-element-container .team-item-list .team-item .text-inner h4, .ext_team-list .content-element-container .team-item-list .team-item .text-inner p, .ext_team-list .content-element-container .team-item-list .team-item .text-inner span {
padding: 0;
font-size: 16px;
line-height: 1.25;
}
.ext_team-list .content-element-container .team-item-list .team-item .text-inner h4 {
font-weight: 600;
}
.ext_team-list .content-element-container .team-item-list .team-item .text-inner .v-card-export-link {
display: flex;
justify-content: space-between;
align-items: center;
margin: auto 0 0;
padding: 0;
font-size: 16px;
line-height: 1.25;
cursor: pointer;
}
.ext_team-list .content-element-container .team-item-list .team-item .text-inner .v-card-export-link:after {
content: "";
display: block;
width: 16px;
min-width: 16px;
height: 16px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-orange.svg) no-repeat;
background-position: center;
background-size: 100%;
transform: rotate(90deg);
}
.ext_team-list .content-element-container .team-item-list .team-item .text-inner .v-card-export-link:hover {
text-decoration: underline;
text-underline-offset: 4px;
}
.ext_team-list .content-element-container .team-item-list .team-item:hover {
transform: translateY(-10px);
}
.ext_team-list .content-element-container .team-item-list .team-item:hover .text-inner {
opacity: 1;
}
@media only screen and (max-width: 1512px) {
.ext_team-list .content-element-container {
padding: 0 calc(27% - 20px);
}
}
@media only screen and (max-width: 1366px) {
.ext_team-list .content-element-container {
padding: 0 calc(22% - 20px);
}
}
@media only screen and (max-width: 1024px) {
.ext_team-list .content-element-container {
padding: 0 30px;
}
}
@media only screen and (max-width: 767px) {
.ext_team-list .content-element-container {
padding: 0;
}
.ext_team-list .content-element-container .team-item-list .team-item {
position: relative;
width: calc(50% - 30px);
margin: 0 15px 50px;
}
}
.ext_client-teaser .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 0 170px;
}
.ext_client-teaser .content-element-container .client-item-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.ext_client-teaser .content-element-container .client-item-list .client-item {
margin: 10px;
display: flex;
align-items: center;
padding: 17px 25px;
color: #36414d;
font-size: 16px;
line-height: 1;
font-weight: 600;
transition: 0.15s;
z-index: 121;
border-radius: 25px;
border: 2px solid #36414d;
cursor: pointer;
}
.ext_client-teaser .content-element-container .client-item-list .client-item:hover {
color: #FFFFFF;
background-color: #36414d;
}
.ext_client-teaser .content-element-container .client-item-list .client-item:hover:after {
filter: brightness(0) invert(1);
}
.ext_client-teaser .content-element-container .client-item-list .client-item:after {
content: "";
width: 16px;
min-width: 16px;
height: 16px;
margin-left: 10px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small.svg) no-repeat;
background-position: center;
background-size: 100%;
transition: 0.05s;
}
.ext_client-teaser .content-element-container .client-item-list .client-item.archive-link {
border-color: #FF6700;
color: #FF6700;
}
.ext_client-teaser .content-element-container .client-item-list .client-item.archive-link:after {
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-orange.svg) no-repeat;
}
.ext_client-teaser .content-element-container .client-item-list .client-item.archive-link:hover {
background-color: #FF6700;
color: #FFFFFF;
}
.ext_client-teaser .content-element-container .client-item-list .client-item.project-link {
background-color: #FF6700;
color: #FFFFFF;
border-color: #FF6700;
}
.ext_client-teaser .content-element-container .client-item-list .client-item.project-link:after {
display: none;
}
.ext_client-teaser .content-element-container .client-item-list .client-item.project-link:hover {
border-color: #36414d;
background-color: #36414d;
}
@media only screen and (max-width: 1512px) {
.ext_client-teaser .content-element-container {
padding: 0 10%;
}
}
@media only screen and (max-width: 1024px) {
.ext_client-teaser .content-element-container {
padding: 0 40px;
}
}
@media only screen and (max-width: 767px) {
.ext_client-teaser .content-element-container {
padding: 0 15px;
}
.ext_client-teaser .content-element-container .client-item-list .client-item {
width: 100%;
margin: 0 0 15px;
padding: 12px 15px;
justify-content: space-between;
}
.ext_client-teaser .content-element-container .client-item-list .client-item.project-link {
justify-content: center;
}
}
.ext_client-list .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 0 285px;
}
.ext_client-list .content-element-container .client-item-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.ext_client-list .content-element-container .client-item-list .client-item {
width: 100%;
}
.ext_client-list .content-element-container .client-item-list .client-item .text-headline {
position: relative;
width: 100%;
}
.ext_client-list .content-element-container .client-item-list .client-item .text-headline h4 {
display: block;
margin-bottom: 10px;
padding: 16px 25px;
width: 100%;
border-radius: 15px;
background: #F3F5F6;
color: #36414d;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
transition: 0.2s;
cursor: pointer;
}
.ext_client-list .content-element-container .client-item-list .client-item .text-headline:after {
content: "";
position: absolute;
top: calc(50% - 8px);
right: 20px;
width: 16px;
min-width: 16px;
height: 16px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-orange.svg) no-repeat;
background-position: center;
background-size: 100%;
transform: rotate(90deg);
transition: 0.1;
}
.ext_client-list .content-element-container .client-item-list .client-item .text-headline:hover h4, .ext_client-list .content-element-container .client-item-list .client-item .text-headline.is--open h4 {
background: #FF6700;
color: #FFFFFF;
}
.ext_client-list .content-element-container .client-item-list .client-item .text-headline:hover:after, .ext_client-list .content-element-container .client-item-list .client-item .text-headline.is--open:after {
filter: brightness(0) invert(1);
}
.ext_client-list .content-element-container .client-item-list .client-item .text-headline.is--open:after {
transform: rotate(90deg) scale(-1);
}
.ext_client-list .content-element-container .client-item-list .client-item .text-inner {
display: none;
padding: 25px 25px 50px;
}
.ext_client-list .gp-client-description p {
padding: 25px 0 0;
font-size: 16px;
}
.ext_client-list .gp-client-description ul {
padding: 15px 0 0;
}
.ext_client-list .gp-client-description ul li {
padding-left: 30px;
font-size: 16px;
}
.ext_client-list .gp-client-description ul li:before {
content: "";
position: absolute;
top: 6px;
left: 0;
width: 18px;
height: 18px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/list-marker.svg) no-repeat;
background-position: center;
background-size: 100%;
}
.gp-client-description p {
padding: 45px 0 0;
font-size: 24px;
line-height: 1.4;
}
.gp-client-description p a {
border-bottom: 1px solid #36414d;
transition: 0.15s;
}
.gp-client-description p a:hover {
border-color: transparent;
}
.gp-client-description p:first-child {
padding: 0;
}
.gp-client-description ul {
padding: 25px 0 0;
text-align: left;
}
.gp-client-description ul li {
padding: 5px 0;
position: relative;
padding-left: 40px;
font-size: 24px;
line-height: 1.4;
}
.gp-client-description ul li:before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 24px;
height: 24px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/list-marker.svg) no-repeat;
background-position: center;
background-size: 100%;
}
@media only screen and (max-width: 1512px) {
.ext_client-list .content-element-container {
padding: 0 27%;
}
}
@media only screen and (max-width: 1366px) {
.ext_client-list .content-element-container {
padding: 0 20%;
}
}
@media only screen and (max-width: 1024px) {
.ext_client-list .content-element-container {
padding: 0 50px;
}
.gp-client-description p {
padding: 35px 0 0;
font-size: 20px;
}
.gp-client-description ul li {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.ext_client-list .content-element-container {
padding: 15px;
}
.ext_client-list .content-element-container .client-item-list .client-item .text-headline h4 {
padding: 12px 15px;
}
.ext_client-list .content-element-container .client-item-list .client-item .text-inner {
padding: 10px 10px 40px;
}
.gp-client-description p {
padding: 25px 0 0;
font-size: 16px;
}
.gp-client-description ul li {
font-size: 16px;
}
}
.ext_news-teaser {
position: relative;
overflow: hidden;
}
.ext_news-teaser .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 20px 245px 150px 145px;
overflow: hidden;
}
.ext_news-teaser .content-element-container:after, .ext_news-teaser .content-element-container:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 165px;
z-index: 1;
background: linear-gradient(90deg, transparent 0%, #FFFFFF 100%), linear-gradient(90deg, transparent 0%, #FFFFFF 100%);
}
.ext_news-teaser .content-element-container:after {
right: 0;
}
.ext_news-teaser .content-element-container:before {
left: 0;
transform: rotate(180deg);
}
.ext_news-teaser .content-element-container .news-item-list {
display: flex;
}
.ext_news-teaser .content-element-container .news-item-list .news-item {
position: relative;
width: calc(33.3333333333% - 40px);
min-width: calc(33.3333333333% - 40px);
padding: 25px 25px 35px;
border-radius: 30px;
margin: 0 20px;
border: 1px solid #E4E7E9;
background: #F3F5F6;
left: 0;
transition: 0.4s;
text-decoration: none;
}
.ext_news-teaser .content-element-container .news-item-list .news-item:hover {
transform: translateY(-20px);
}
.ext_news-teaser .content-element-container .news-item-list .news-item img {
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
object-position: top;
border-radius: 20px 20px 6px 6px;
}
.ext_news-teaser .content-element-container .news-item-list .news-item .news-date {
padding: 20px 0 10px;
font-size: 15px;
opacity: 0.5;
}
.ext_news-teaser .content-element-container .news-item-list .news-item h3 {
padding: 0 0 15px;
font-size: 15px;
font-weight: 700;
line-height: 1.4;
}
.ext_news-teaser .content-element-container .news-item-list .news-item p {
font-size: 14px;
font-weight: 400;
line-height: 1.4;
}
.ext_news-teaser .slider-buttons .button-prev-container,
.ext_news-teaser .slider-buttons .button-next-container {
position: absolute;
bottom: 0;
display: flex;
}
.ext_news-teaser .slider-buttons .button-prev-container {
left: 165px;
}
.ext_news-teaser .slider-buttons .button-next-container {
right: 45px;
}
.ext_news-teaser .slider-buttons .button-prev,
.ext_news-teaser .slider-buttons .button-next,
.ext_news-teaser .slider-buttons .archive-link {
opacity: 0.5;
display: flex;
align-items: center;
padding: 17px 25px;
color: #FF6700;
font-size: 16px;
line-height: 1;
font-weight: 600;
transition: 0.15s;
z-index: 121;
border-radius: 30px;
border: 2px solid #FF6700;
cursor: pointer;
pointer-events: none;
}
.ext_news-teaser .slider-buttons .button-prev:hover,
.ext_news-teaser .slider-buttons .button-next:hover,
.ext_news-teaser .slider-buttons .archive-link:hover {
color: #FFFFFF;
background-color: #FF6700;
border-color: #FF6700;
}
.ext_news-teaser .slider-buttons .button-prev:hover:before, .ext_news-teaser .slider-buttons .button-prev:hover:after,
.ext_news-teaser .slider-buttons .button-next:hover:before,
.ext_news-teaser .slider-buttons .button-next:hover:after,
.ext_news-teaser .slider-buttons .archive-link:hover:before,
.ext_news-teaser .slider-buttons .archive-link:hover:after {
filter: brightness(0) invert(1);
}
.ext_news-teaser .slider-buttons .button-prev.is--active,
.ext_news-teaser .slider-buttons .button-next.is--active,
.ext_news-teaser .slider-buttons .archive-link.is--active {
opacity: 1;
pointer-events: all;
}
.ext_news-teaser .slider-buttons .archive-link {
background-color: #FF6700;
color: #FFFFFF;
border-color: #FF6700;
margin-right: 20px;
}
.ext_news-teaser .slider-buttons .archive-link:hover {
border-color: #36414d;
background-color: #36414d;
}
.ext_news-teaser .slider-buttons .button-prev::before,
.ext_news-teaser .slider-buttons .button-next::after {
content: "";
width: 16px;
min-width: 16px;
height: 16px;
margin-right: 10px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-orange.svg) no-repeat;
background-position: center;
background-size: 100%;
transition: 0.05s;
}
.ext_news-teaser .slider-buttons .button-prev {
left: 165px;
z-index: 122;
}
.ext_news-teaser .slider-buttons .button-prev:before {
margin-right: 10px;
transform: rotate(180deg);
}
.ext_news-teaser .slider-buttons .button-next {
right: 45px;
}
.ext_news-teaser .slider-buttons .button-next:after {
margin-left: 10px;
}
@media only screen and (max-width: 1512px) {
.ext_news-teaser .content-element-container {
padding: 20px 10% 130px;
}
.ext_news-teaser .content-element-container:after, .ext_news-teaser .content-element-container:before {
width: 10%;
}
.ext_news-teaser .content-element-container .slider-buttons .button-prev-container {
left: calc(10% + 20px);
}
.ext_news-teaser .content-element-container .slider-buttons .button-next-container {
right: calc(10% + 20px);
}
}
@media only screen and (max-width: 1366px) {
.ext_news-teaser .content-element-container {
padding: 20px 6% 110px;
}
.ext_news-teaser .content-element-container:after, .ext_news-teaser .content-element-container:before {
width: 6%;
}
.ext_news-teaser .content-element-container .news-item-list .news-item {
width: calc(33.3333333333% - 30px);
min-width: calc(33.3333333333% - 30px);
padding: 20px 20px 30px;
margin: 0 15px;
}
.ext_news-teaser .content-element-container .slider-buttons .button-prev-container {
left: calc(6% + 15px);
}
.ext_news-teaser .content-element-container .slider-buttons .button-next-container {
right: calc(6% + 15px);
}
}
@media only screen and (max-width: 1024px) {
.ext_news-teaser .content-element-container {
padding: 20px 35px 90px;
}
.ext_news-teaser .content-element-container:after, .ext_news-teaser .content-element-container:before {
display: none;
}
.ext_news-teaser .content-element-container .news-item-list .news-item {
width: calc(50% - 30px);
min-width: calc(50% - 30px);
}
.ext_news-teaser .content-element-container .slider-buttons .button-prev-container {
left: 45px;
}
.ext_news-teaser .content-element-container .slider-buttons .button-next-container {
right: 45px;
}
}
@media only screen and (max-width: 767px) {
.ext_news-teaser .content-element-container {
padding: 20px 0 150px;
}
.ext_news-teaser .content-element-container .news-item-list .news-item {
width: calc(100% - 30px);
min-width: calc(100% - 30px);
padding: 15px 15px 25px;
}
.ext_news-teaser .content-element-container .slider-buttons .button-prev-container {
left: 15px;
bottom: 75px;
}
.ext_news-teaser .content-element-container .slider-buttons .button-next-container {
left: 15px;
right: 15px;
bottom: 75px;
justify-content: flex-end;
}
.ext_news-teaser .content-element-container .slider-buttons .button-next-container .archive-link {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 15px);
margin: 0;
justify-content: center;
}
}
.ext_news-list {
position: relative;
overflow: hidden;
}
.ext_news-list .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 20px 165px;
overflow: hidden;
}
.ext_news-list .content-element-container .news-item-list {
display: flex;
flex-wrap: wrap;
}
.ext_news-list .content-element-container .news-item-list .news-item {
position: relative;
width: calc(33.3333333333% - 40px);
min-width: calc(33.3333333333% - 40px);
padding: 25px 25px 35px;
margin: 0 20px 60px;
border-radius: 30px;
border: 1px solid #E4E7E9;
background: #F3F5F6;
left: 0;
transition: 0.4s;
text-decoration: none;
}
.ext_news-list .content-element-container .news-item-list .news-item:hover {
transform: translateY(-20px);
}
.ext_news-list .content-element-container .news-item-list .news-item img {
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
object-position: top;
border-radius: 20px 20px 6px 6px;
}
.ext_news-list .content-element-container .news-item-list .news-item .news-date {
padding: 20px 0 10px;
font-size: 15px;
opacity: 0.5;
}
.ext_news-list .content-element-container .news-item-list .news-item h3 {
padding: 0 0 15px;
font-size: 15px;
font-weight: 700;
line-height: 1.4;
}
.ext_news-list .content-element-container .news-item-list .news-item p {
font-size: 14px;
font-weight: 400;
line-height: 1.4;
}
@media only screen and (max-width: 1512px) {
.ext_news-list .content-element-container {
padding: 20px 10%;
}
}
@media only screen and (max-width: 1366px) {
.ext_news-list .content-element-container {
padding: 20px 6%;
}
.ext_news-list .content-element-container .news-item-list .news-item {
width: calc(33.3333333333% - 30px);
min-width: calc(33.3333333333% - 30px);
padding: 20px 20px 30px;
margin: 0 15px 60px;
}
}
@media only screen and (max-width: 1024px) {
.ext_news-list .content-element-container {
padding: 20px 35px;
}
.ext_news-list .content-element-container .news-item-list .news-item {
width: calc(50% - 30px);
min-width: calc(50% - 30px);
}
}
@media only screen and (max-width: 767px) {
.ext_news-list .content-element-container {
padding: 20px 15px;
}
.ext_news-list .content-element-container .news-item-list .news-item {
width: 100%;
min-width: 100%;
padding: 15px 15px 25px;
margin: 0 0 40px;
}
}
.ext_news-single {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 70px 0 135px;
}
.ext_news-single .news-title {
padding: 0 180px 50px;
}
.ext_news-single .news-title h1 {
font-size: 48px;
font-weight: 700;
line-height: 1.1;
text-align: center;
}
.ext_news-single .news-image {
padding: 40px 165px 70px;
}
.ext_news-single .news-image img {
border-radius: 25px;
}
main:has(.ext_news-single) {
padding-bottom: 200px;
}
@media only screen and (max-width: 1512px) {
.ext_news-single .news-title {
padding: 0 10% 50px;
}
.ext_news-single .news-image {
padding: 40px 10% 70px;
}
}
@media only screen and (max-width: 1024px) {
.ext_news-single .news-title {
padding: 0 50px 40px;
}
.ext_news-single .news-title h1 {
font-size: 38px;
}
.ext_news-single .news-image {
padding: 30px 50px 40px;
}
main:has(.ext_news-single) {
padding-bottom: 100px;
}
}
@media only screen and (max-width: 767px) {
.ext_news-single {
padding: 30px 0 50px;
}
.ext_news-single .news-title {
padding: 0 15px 30px;
}
.ext_news-single .news-title h1 {
font-size: 28px;
}
.ext_news-single .news-image {
padding: 10px 15px 30px;
}
}
.ext_project-teaser {
position: relative;
overflow: hidden;
}
.ext_project-teaser .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 20px 200px 150px 140px;
overflow: hidden;
}
.ext_project-teaser .content-element-container:after, .ext_project-teaser .content-element-container:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 165px;
z-index: 1;
background: linear-gradient(90deg, transparent 0%, #FFFFFF 100%), linear-gradient(90deg, transparent 0%, #FFFFFF 100%);
}
.ext_project-teaser .content-element-container:after {
right: 0;
}
.ext_project-teaser .content-element-container:before {
left: 0;
transform: rotate(180deg);
}
.ext_project-teaser .project-item-list {
display: flex;
}
.ext_project-teaser .project-item-list a:hover {
transform: translateY(-20px);
}
.ext_project-teaser .project-item-list .project-item {
position: relative;
width: calc(50% - 50px);
min-width: calc(50% - 50px);
margin: 0 25px;
left: 0;
transition: 0.4s;
text-decoration: none;
border-radius: 25px;
overflow: hidden;
box-shadow: 0 60px 40px -30px rgba(0, 0, 0, 0.25);
}
.ext_project-teaser .project-item-list .project-item .text-inner {
position: absolute;
bottom: 0;
width: 100%;
padding: 18px 21px 23px;
background: rgba(54, 65, 77, 0.83);
}
.ext_project-teaser .project-item-list .project-item .text-inner h3 {
padding: 0 0 7px;
color: #FFFFFF;
font-size: 24px;
font-weight: 700;
line-height: 1.4;
}
.ext_project-teaser .project-item-list .project-item .text-inner p {
color: #FFFFFF;
font-size: 15px;
font-weight: 700;
line-height: 1.4;
}
.ext_project-teaser .project-item-list .project-item .project-logo {
position: absolute;
top: 30px;
left: 40px;
}
.ext_project-teaser .project-item-list .project-item .project-logo img {
width: 110px;
}
.ext_project-teaser .slider-buttons .button-prev,
.ext_project-teaser .slider-buttons .button-next {
opacity: 0.5;
position: absolute;
bottom: 0;
display: flex;
align-items: center;
padding: 17px 25px;
color: #FF6700;
font-size: 16px;
line-height: 1;
font-weight: 600;
transition: 0.15s;
z-index: 121;
border-radius: 30px;
border: 2px solid #FF6700;
cursor: pointer;
pointer-events: none;
}
.ext_project-teaser .slider-buttons .button-prev:hover,
.ext_project-teaser .slider-buttons .button-next:hover {
color: #FFFFFF;
background-color: #FF6700;
border-color: #FF6700;
}
.ext_project-teaser .slider-buttons .button-prev:hover:before, .ext_project-teaser .slider-buttons .button-prev:hover:after,
.ext_project-teaser .slider-buttons .button-next:hover:before,
.ext_project-teaser .slider-buttons .button-next:hover:after {
filter: brightness(0) invert(1);
}
.ext_project-teaser .slider-buttons .button-prev.is--active,
.ext_project-teaser .slider-buttons .button-next.is--active {
opacity: 1;
pointer-events: all;
}
.ext_project-teaser .slider-buttons .button-prev::before,
.ext_project-teaser .slider-buttons .button-next::after {
content: "";
width: 16px;
min-width: 16px;
height: 16px;
margin-right: 10px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/arrow-right-small-orange.svg) no-repeat;
background-position: center;
background-size: 100%;
transition: 0.05s;
}
.ext_project-teaser .slider-buttons .button-prev {
left: 165px;
}
.ext_project-teaser .slider-buttons .button-prev:before {
margin-right: 10px;
transform: rotate(180deg);
}
.ext_project-teaser .slider-buttons .button-next {
right: 45px;
}
.ext_project-teaser .slider-buttons .button-next:after {
margin-left: 10px;
}
@media only screen and (max-width: 1512px) {
.ext_project-teaser .content-element-container {
padding: 20px 10% 130px;
}
.ext_project-teaser .content-element-container:after, .ext_project-teaser .content-element-container:before {
width: 10%;
}
.ext_project-teaser .content-element-container .slider-buttons .button-prev {
left: calc(10% + 20px);
}
.ext_project-teaser .content-element-container .slider-buttons .button-next {
right: calc(10% + 20px);
}
}
@media only screen and (max-width: 1366px) {
.ext_project-teaser .content-element-container {
padding: 20px 6% 110px;
}
.ext_project-teaser .content-element-container:after, .ext_project-teaser .content-element-container:before {
width: 6%;
}
.ext_project-teaser .content-element-container .project-item-list .project-item {
width: calc(50% - 40px);
min-width: calc(50% - 40px);
margin: 0 20px;
}
.ext_project-teaser .content-element-container .slider-buttons .button-prev {
left: calc(6% + 15px);
}
.ext_project-teaser .content-element-container .slider-buttons .button-next {
right: calc(6% + 15px);
}
}
@media only screen and (max-width: 1024px) {
.ext_project-teaser .content-element-container {
padding: 20px 35px 90px;
}
.ext_project-teaser .content-element-container:after, .ext_project-teaser .content-element-container:before {
display: none;
}
.ext_project-teaser .content-element-container .project-item-list .project-item {
width: calc(50% - 30px);
min-width: calc(50% - 30px);
margin: 0 15px;
}
.ext_project-teaser .content-element-container .project-item-list .project-item .text-inner {
padding: 15px 15px 20px;
}
.ext_project-teaser .content-element-container .project-item-list .project-item .text-inner h3 {
font-size: 22px;
}
.ext_project-teaser .content-element-container .slider-buttons .button-prev {
left: 45px;
}
.ext_project-teaser .content-element-container .slider-buttons .button-next {
right: 45px;
}
}
@media only screen and (max-width: 767px) {
.ext_project-teaser .content-element-container {
padding: 20px 0 90px;
}
.ext_project-teaser .content-element-container .project-item-list .project-item {
width: calc(100% - 30px);
min-width: calc(100% - 30px);
}
.ext_project-teaser .content-element-container .project-item-list .project-item .text-inner h3 {
font-size: 20px;
}
.ext_project-teaser .content-element-container .project-item-list .project-item .text-inner p {
font-size: 14px;
}
.ext_project-teaser .content-element-container .slider-buttons .button-prev {
left: 15px;
}
.ext_project-teaser .content-element-container .slider-buttons .button-next {
right: 15px;
}
}
.ext_project-single {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 70px 0 200px;
}
.ext_project-single .project-title {
padding: 0 180px 50px;
}
.ext_project-single .project-title h1, .ext_project-single .project-title h2 {
font-size: 64px;
font-weight: 500;
line-height: 1;
text-align: center;
}
.ext_project-single .project-title h1 span, .ext_project-single .project-title h2 span {
color: #FF6700;
}
.ext_project-single .project-title + .project-slideshow .content-element-container {
padding-top: 0;
}
.ext_project-single .project-link {
padding: 30px 0 0;
}
.ext_project-single .project-link a {
display: inline-block;
padding: 17px 24px;
color: #FFFFFF;
font-size: 18px;
line-height: 1;
font-weight: 600;
transition: 0.15s;
border-radius: 30px;
background-color: #FF6700;
cursor: pointer;
}
.ext_project-single .project-link a:hover {
color: #FFFFFF;
background-color: #36414d;
}
.ext_project-single .ext_project-teaser .content-element-container {
padding-bottom: 120px;
margin: 20px 0 100px;
}
@media only screen and (max-width: 1512px) {
.ext_project-single .project-title {
padding: 0 10% 50px;
}
}
@media only screen and (max-width: 1024px) {
.ext_project-single .project-title {
padding: 0 50px 40px;
}
.ext_project-single .project-title h1, .ext_project-single .project-title h2 {
font-size: 38px;
}
.ext_project-single .ext_project-teaser .content-element-container {
margin: 20px 0 80px;
}
}
@media only screen and (max-width: 767px) {
.ext_project-single {
padding: 30px 0 50px;
}
.ext_project-single .project-title {
padding: 0 15px 30px;
}
.ext_project-single .project-title h1, .ext_project-single .project-title h2 {
font-size: 28px;
}
.ext_project-single .project-link {
padding: 20px 0 0;
width: 100%;
text-align: center;
}
.ext_project-single .ext_project-teaser .content-element-container {
margin: 20px 0 60px;
}
}
.project-slideshow {
position: relative;
overflow: hidden;
}
.project-slideshow .content-element-container {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 40px 165px 140px;
}
.project-slideshow .content-element-container .project-item-list {
display: flex;
overflow: hidden;
border-radius: 25px;
box-shadow: 0 60px 40px -30px rgba(0, 0, 0, 0.25);
}
.project-slideshow .content-element-container .project-item-list .project-item {
position: relative;
width: 100%;
min-width: 100%;
overflow: hidden;
aspect-ratio: 1.7/1;
transition: 0.5s;
}
.project-slideshow .content-element-container .project-item-list .project-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.project-slideshow .content-element-container .project-item-list .project-item .project-logo {
position: absolute;
top: 35px;
left: 35px;
}
.project-slideshow .content-element-container .project-item-list .project-item .project-logo img {
width: 110px;
}
.project-slideshow .content-element-container .slideshow-nav {
position: absolute;
bottom: 0;
left: 0;
bottom: 85px;
right: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
.project-slideshow .content-element-container .slideshow-nav .slideshow-nav-inner {
display: flex;
}
.project-slideshow .content-element-container .slideshow-nav .slideshow-nav-inner div {
width: 9px;
height: 9px;
border-radius: 50%;
background: #36414d;
margin: 0 0 0 7px;
transition: 0.3s;
cursor: pointer;
}
.project-slideshow .content-element-container .slideshow-nav .slideshow-nav-inner div:hover {
background: #FF6700;
}
.project-slideshow .content-element-container .slideshow-nav .slideshow-nav-inner div.is--active {
width: 37px;
background: #FF6700;
border-radius: 5px;
}
@media only screen and (max-width: 1512px) {
.project-slideshow .content-element-container {
padding: 40px 10% 140px;
}
}
@media only screen and (max-width: 1024px) {
.project-slideshow .content-element-container {
padding: 30px 50px 100px;
}
.project-slideshow .content-element-container .slideshow-nav {
bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.project-slideshow .content-element-container {
padding: 10px 15px 70px;
}
.project-slideshow .content-element-container .project-item-list .project-item .project-logo {
top: 25px;
left: 25px;
}
.project-slideshow .content-element-container .project-item-list .project-item .project-logo img {
width: 60px;
}
.project-slideshow .content-element-container .slideshow-nav {
bottom: 40px;
}
}
.wp-block-contact-form-7-contact-form-selector {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
padding: 0 195px 0 135px;
overflow: hidden;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form {
width: 100%;
padding: 0 2px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form select {
display: none;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-form-control-wrap {
position: relative;
display: block;
margin: 0 0 5px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p {
position: relative;
padding: 40px 0 0;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p input, .wp-block-contact-form-7-contact-form-selector form.wpcf7-form p textarea {
padding: 15px 25px;
width: 100%;
outline: none;
border-radius: 15px;
background: #F3F5F6;
border: 1px solid #E4E7E9;
font-size: 22px;
line-height: 1;
font-weight: 500;
transition: 0.25s;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p input::placeholder, .wp-block-contact-form-7-contact-form-selector form.wpcf7-form p textarea::placeholder {
color: rgba(54, 65, 77, 0.4);
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p input:focus, .wp-block-contact-form-7-contact-form-selector form.wpcf7-form p textarea:focus {
border-color: #818181;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p textarea {
resize: none;
height: 340px;
line-height: 1.4;
padding: 15px 300px 15px 25px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p:has(textarea):after {
content: "";
position: absolute;
bottom: -30px;
right: -90px;
width: 466px;
height: 314px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/form-accept-background.png) no-repeat;
background-position: center;
background-size: 100%;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p label {
padding: 0 4px 4px;
font-size: 32px;
font-weight: 500;
line-height: 140%;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance {
position: relative;
display: block;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label {
position: relative;
display: block;
padding: 0;
min-height: 52px;
cursor: pointer;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label input {
display: none;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label input:checked + .wpcf7-list-item-label:after {
background-image: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/form-accept.svg);
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label {
position: relative;
display: block;
padding: 0 0 0 90px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label span {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label span a {
text-decoration: underline;
text-underline-offset: 3px;
transition: 0.15s;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label span a:hover {
text-decoration-color: transparent;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label:before {
content: "";
position: absolute;
left: 0;
top: calc(50% - 31px);
width: 62px;
height: 62px;
border-radius: 15px;
border: 1px solid #E4E7E9;
background: #F3F5F6;
z-index: 1;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label:after {
content: "";
position: absolute;
left: 0;
top: calc(50% - 30px);
margin: 10px 0 0 10px;
width: 41px;
height: 41px;
transition: 0.1s;
border-radius: 6px;
border: 1px solid #969696;
background: #FFFFFF;
background-repeat: no-repeat;
background-position: center;
background-size: 32px;
z-index: 2;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-form-control-wrap[data-name=accept_nl] .wpcf7-acceptance {
border: 1px solid #E4E7E9;
border-radius: 15px;
background: #F3F5F6;
transition: 0.25s;
margin-top: 30px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-form-control-wrap[data-name=accept_nl] .wpcf7-acceptance:hover {
border-color: #818181;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-form-control-wrap[data-name=accept_nl] .wpcf7-acceptance label {
padding: 45px 320px 40px 125px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-submit {
padding: 17px 24px;
color: #FFFFFF;
font-size: 24px;
line-height: 1;
font-weight: 600;
transition: 0.15s;
border-radius: 30px;
background-color: #FF6700;
cursor: pointer;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-submit:hover {
color: #FFFFFF;
background-color: #36414d;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-spinner {
display: none !important;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .has--error label input,
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .has--error input,
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .has--error textarea,
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .has--error .gp-custom-select__node .gp-custom-select__value,
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .has--error .wpcf7-acceptance label span:before,
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .has--error .gp-captcha .captcha-inner input,
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .has--error label textarea {
border-color: red;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .has--error .error-message {
color: red;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .field-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .field-row p:first-child {
width: 60%;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha {
display: flex;
margin: 0 0 5px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha label {
padding: 0 4px 4px;
color: #36414d;
font-size: 32px;
font-weight: 500;
line-height: 140%;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha .captcha-inner {
width: 50%;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha .captcha-inner input {
padding: 15px 25px;
width: 100%;
outline: none;
border-radius: 15px;
background: #F3F5F6;
border: 1px solid #E4E7E9;
font-size: 22px;
line-height: 1;
font-weight: 500;
transition: 0.25s;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha .captcha-inner input::placeholder {
color: rgba(54, 65, 77, 0.4);
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha .captcha-inner input:focus {
border-color: #818181;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha .captcha-image {
margin: 0 0 0 20px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha .captcha-image img {
width: auto;
height: 58px;
border-radius: 15px;
}
@media only screen and (max-width: 1366px) {
.wp-block-contact-form-7-contact-form-selector {
padding: 0 10%;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha .captcha-inner {
width: 65%;
}
}
@media only screen and (max-width: 1024px) {
.wp-block-contact-form-7-contact-form-selector {
padding: 0 50px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p label {
font-size: 28px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .field-row p:first-child {
width: auto;
margin-right: 100px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p:has(textarea):after {
right: -50px;
width: 250px;
height: 200px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha .captcha-inner {
width: auto;
flex-grow: 1;
}
}
@media only screen and (max-width: 767px) {
.wp-block-contact-form-7-contact-form-selector {
padding: 0 15px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .field-row {
flex-wrap: wrap;
justify-content: flex-end;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .field-row p {
width: 100%;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .field-row p:first-child {
width: 100%;
margin: 0 0 20px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha {
padding: 0 0 20px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha label {
font-size: 20px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .gp-captcha .captcha-image {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p {
padding: 0 0 20px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p input, .wp-block-contact-form-7-contact-form-selector form.wpcf7-form p textarea {
padding: 15px;
font-size: 20px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p textarea {
height: 400px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form p label {
font-size: 20px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-submit {
font-size: 20px;
width: 100%;
text-align: center;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label {
padding: 0 0 0 70px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label:before {
top: calc(50% - 26px);
width: 52px;
height: 52px;
}
.wp-block-contact-form-7-contact-form-selector form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label:after {
top: calc(50% - 26px);
margin: 10px 0 0 10px;
width: 32px;
height: 32px;
background-size: 25px;
}
}
.girachat-container {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #36414d;
z-index: 5554;
}
.girachat-container:has(.extern-cookie-banner) .girachat-outer {
display: none;
}
.girachat-container:has(.extern-cookie-banner) .extern-cookie-banner {
height: 100%;
}
.girachat-container:has(.extern-cookie-banner) .extern-cookie-banner .extern-banner-inner {
padding: 100px 25px 75px;
}
.girachat-container:has(.extern-cookie-banner) .extern-cookie-banner .extern-banner-inner:after {
top: 20px;
}
.girachat-container .girachat-outer {
position: relative;
max-width: 1512px;
width: 100%;
margin: auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
height: 100%;
margin: auto;
padding: 100px 40px;
}
.girachat-container .girachat-outer .girachat-inner {
width: 100%;
}
.girachat-container .girachat-outer .girachat-inner .girachat-message-list .girachat-message {
padding: 5px 0;
display: flex;
width: 100%;
}
.girachat-container .girachat-outer .girachat-inner .girachat-message-list .girachat-message p {
max-width: 45%;
color: #FFFFFF;
padding: 18px 24px;
font-size: 16px;
font-weight: 500;
line-height: normal;
border-radius: 30px;
background: rgba(255, 255, 255, 0.3);
}
.girachat-container .girachat-outer .girachat-inner .girachat-message-list .girachat-message.from--user {
justify-content: flex-end;
}
.girachat-container .girachat-outer .girachat-inner .girachat-message-list .girachat-message.from--chat {
justify-content: flex-start;
}
.girachat-container .girachat-outer .girachat-inner .girachat-message-list .girachat-message:nth-child(odd) p {
background: rgba(255, 255, 255, 0.15);
}
.girachat-container .girachat-outer .girachat-inner .girachat-message-list .girachat-loading,
.girachat-container .girachat-outer .girachat-inner .girachat-message-list .error-message {
color: rgba(255, 255, 255, 0.7);
padding: 15px 0;
font-size: 16px;
font-weight: 400;
line-height: normal;
}
.girachat-container .girachat-outer .girachat-footer {
padding: 40px 40px 0 52%;
width: 100%;
}
.girachat-container .girachat-outer .girachat-footer form {
border-bottom: 2px solid #FFFFFF;
padding: 10px 0;
display: flex;
}
.girachat-container .girachat-outer .girachat-footer form input {
flex-grow: 1;
padding: 0;
color: #FFFFFF;
font-size: 24px;
font-weight: 100;
line-height: 1;
text-align: left;
}
.girachat-container .girachat-outer .girachat-footer form input::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.girachat-container .girachat-outer .girachat-footer form .send-button {
position: relative;
display: block;
height: 34px;
width: 34px;
padding: 0;
margin: 0 3px 0 30px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/chat-send.svg) no-repeat;
background-position: center;
background-size: 100%;
cursor: pointer;
}
@media only screen and (max-width: 1024px) {
.girachat-container .girachat-outer .girachat-inner .girachat-message-list .girachat-message p {
max-width: 65%;
}
.girachat-container .girachat-outer .girachat-footer {
padding: 40px 40px 0 35%;
}
}
@media only screen and (max-width: 767px) {
.girachat-container .girachat-outer {
padding: 100px 15px 30px;
}
.girachat-container .girachat-outer .girachat-inner .girachat-message-list .girachat-message p {
padding: 15px 20px;
max-width: 90%;
}
.girachat-container .girachat-outer .girachat-footer {
padding: 30px 0 0;
}
.girachat-container .girachat-outer .girachat-footer form input {
font-size: 20px;
}
}
.gp-custom-select {
position: relative;
}
.gp-custom-select.has--error input,
.gp-custom-select.has--error .gp-custom-select__node .gp-custom-select__value {
border-color: #36414d;
}
.gp-custom-select select {
display: none;
}
.gp-custom-select.is--open input {
border-color: #36414d;
}
.gp-custom-select.is--open .gp-custom-select__node .gp-custom-select__value {
border-color: #818181;
border-radius: 15px 15px 0 0;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.gp-custom-select.is--open .gp-custom-select__node .gp-custom-select__value:after,
.gp-custom-select.is--open .gp-custom-select__node .gp-custom-select__button:after {
transform: scale(-1);
}
.gp-custom-select .gp-custom-select__node {
cursor: pointer;
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__button:after,
.gp-custom-select .gp-custom-select__node .gp-custom-select__value:after {
content: "";
position: absolute;
top: calc(50% - 15px);
right: 20px;
width: 30px;
height: 30px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/select-arrow.svg) no-repeat;
background-position: center;
background-size: 100%;
transition: 0.2s;
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__button[value=""],
.gp-custom-select .gp-custom-select__node .gp-custom-select__value[value=""] {
color: rgba(54, 65, 77, 0.3);
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__button {
position: absolute;
width: 40px;
height: 100%;
top: 0;
right: 0;
z-index: 1;
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__value {
position: relative;
width: 100%;
padding: 18px 25px;
border-radius: 15px;
background: #F3F5F6;
border: 1px solid #E4E7E9;
color: #36414d;
font-size: 24px;
line-height: 1;
font-weight: 500;
transition: 0.2s;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__value:hover {
border-color: #818181;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__options {
display: none;
position: absolute;
top: 100%;
width: 100%;
left: 0;
z-index: 5;
max-height: 386px;
overflow: auto;
border: 1px solid #818181;
border-top: none;
background-color: #FFFFFF;
border-radius: 0 0 15px 15px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__options div {
position: relative;
width: 100%;
padding: 23px 21px;
background: #FFFFFF;
border-bottom: 1px solid #CCC;
color: rgba(54, 65, 77, 0.3);
font-size: 20px;
font-weight: 500;
line-height: 1;
transition: 0.2s;
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__options div.is--selected, .gp-custom-select .gp-custom-select__node .gp-custom-select__options div:hover {
background-color: #F5F5F5;
color: rgba(54, 65, 77, 0.6);
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__options div:last-child {
border-bottom: none;
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__options div:first-child {
border-top: none;
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__options::-webkit-scrollbar {
width: 8px;
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__options::-webkit-scrollbar-track {
background: rgba(54, 65, 77, 0.2);
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__options::-webkit-scrollbar-thumb {
background: rgba(54, 65, 77, 0.6);
}
@media only screen and (max-width: 767px) {
.gp-custom-select .gp-custom-select__node .gp-custom-select__options {
position: relative;
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__value {
padding: 15px;
font-size: 20px;
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__value:after {
top: calc(50% - 12px);
right: 15px;
width: 24px;
height: 24px;
}
.gp-custom-select .gp-custom-select__node .gp-custom-select__options div {
padding: 15px;
}
}
.modal-window {
position: fixed;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 6666;
background: rgba(255, 255, 255, 0.9);
-webkit-overflow-scrolling: touch;
overflow: auto;
scroll-behavior: smooth;
}
.modal-window .modal-background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.modal-window .modal-container {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modal-window .modal-container .modal-outer {
max-width: 1200px;
width: 100%;
margin: auto;
z-index: 21;
}
.modal-window .modal-container .modal-outer .modal-inner {
position: relative;
margin: 60px;
max-width: 1000px;
padding: 50px 45px 120px;
background-color: #FFFFFF;
box-shadow: 0 30px 60px 40px rgba(0, 0, 0, 0.15);
border-radius: 25px;
border: 2px solid #E4E7E9;
}
.modal-window .modal-container .modal-outer .modal-inner .modal-content {
position: relative;
display: block;
overflow: hidden;
}
.modal-window .modal-container .modal-outer .modal-inner .modal-content h2 {
padding: 0 0 30px;
color: #FF6700;
font-size: 40px;
line-height: 1;
font-weight: 500;
}
.modal-window .modal-container .modal-outer .modal-inner .modal-close {
position: absolute;
bottom: 35px;
right: 35px;
display: flex;
align-items: center;
padding: 17px 25px;
color: #FF6700;
font-size: 16px;
line-height: 1;
font-weight: 600;
transition: 0.15s;
z-index: 121;
border-radius: 30px;
border: 2px solid #FF6700;
cursor: pointer;
}
.modal-window .modal-container .modal-outer .modal-inner .modal-close:hover {
color: #FFFFFF;
background-color: #FF6700;
}
.modal-window .modal-container .modal-outer .modal-inner .modal-close:hover:after {
filter: brightness(0) invert(1);
}
.modal-window .modal-container .modal-outer .modal-inner .modal-close:after {
content: "";
width: 16px;
min-width: 16px;
height: 16px;
margin-left: 10px;
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/modal-close.svg) no-repeat;
background-position: center;
background-size: 100%;
transition: 0.05s;
}
@media only screen and (max-width: 1024px) {
.modal-window .modal-container .modal-outer .modal-inner {
margin: 40px;
}
.modal-window .modal-container .modal-outer .modal-inner .modal-content h2 {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.modal-window .modal-container .modal-outer .modal-inner {
margin: 15px;
padding: 30px 15px 110px;
}
.modal-window .modal-container .modal-outer .modal-inner .modal-content h2 {
font-size: 28px;
}
.modal-window .modal-container .modal-outer .modal-inner .modal-close {
bottom: 15px;
right: 15px;
justify-content: center;
width: calc(100% - 30px);
}
}
.gp-spinner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: rgba(255, 255, 255, 0.8);
--spinner-color: #FF6700;
}
.gp-spinner .spinner-outer {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.gp-spinner .spinner-outer .spinner-inner {
width: 40px;
height: 40px;
border: 4px transparent solid;
border-top: 4px var(--spinner-color) solid;
border-radius: 50%;
animation: sp-anime 0.8s infinite linear;
}
@keyframes blink {
0% {
opacity: 0.2;
}
20% {
opacity: 1;
}
100% {
opacity: 0.2;
}
}
@keyframes sp-anime {
100% {
transform: rotate(360deg);
}
}
.video-glitch-wrapper video {
transition: filter 0.15s;
}
.video-glitch-wrapper .glitch-overlay {
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0;
background: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 0px, rgba(255, 255, 255, 0.12) 2px, transparent 2px, transparent 5px);
}
.video-glitch-wrapper.is--running .glitch-overlay {
opacity: 1;
animation: noise 0.35s steps(6);
}
.video-glitch-wrapper.is--running video {
animation: glitchMove 0.35s steps(2);
filter: contrast(1.4) saturate(1.6) hue-rotate(8deg);
}
@keyframes glitchMove {
0% {
transform: translate(0);
clip-path: inset(0 0 0 0);
}
15% {
transform: translate(-4px, 2px);
clip-path: inset(8% 0 65% 0);
}
30% {
transform: translate(5px, -2px);
clip-path: inset(55% 0 20% 0);
}
45% {
transform: translate(-6px, 1px);
clip-path: inset(30% 0 35% 0);
}
60% {
transform: translate(3px, -1px);
clip-path: inset(75% 0 5% 0);
}
100% {
transform: translate(0);
clip-path: inset(0);
}
}
@keyframes noise {
0% {
opacity: 0;
transform: translateY(0);
}
20% {
opacity: 0.8;
transform: translateY(-8px);
}
40% {
transform: translateY(6px);
}
60% {
transform: translateY(-4px);
}
80% {
transform: translateY(2px);
}
100% {
opacity: 0;
transform: translateY(0);
}
}
.extern-cookie-banner {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 500px;
}
.extern-cookie-banner .extern-banner-inner {
position: relative;
width: 375px;
padding: 45px 25px 75px;
margin: 0 auto;
border-radius: 10px;
background: #F3F5F6;
text-align: center;
}
.extern-cookie-banner .extern-banner-inner:after {
display: inline-block;
content: "";
position: absolute;
left: calc(50% - 32px);
width: 75px;
background-size: 100% 100%;
}
.extern-cookie-banner .extern-banner-inner a {
color: #36414d;
font-size: 13px;
line-height: 18px;
font-weight: 400;
border-bottom: 1px solid #36414d;
text-decoration: none;
transition: 0.15s;
}
.extern-cookie-banner .extern-banner-inner a:hover {
border-color: transparent;
}
.extern-cookie-banner .extern-banner-inner h3 {
margin: 20px auto;
color: #36414d;
font-size: 22px;
font-weight: 500;
}
.extern-cookie-banner .extern-banner-inner p {
color: #36414d;
font-size: 13px;
font-weight: 400;
}
.extern-cookie-banner .extern-banner-inner p strong {
font-weight: 400;
border-bottom: 1px solid #36414d;
transition: 0.15s;
cursor: pointer;
}
.extern-cookie-banner .extern-banner-inner p strong:hover {
border-color: transparent;
}
.extern-cookie-banner .extern-banner-inner .extern-banner-accept-button {
position: absolute;
left: 0;
right: 0;
bottom: -20px;
}
.extern-cookie-banner .extern-banner-inner .extern-banner-accept-button span {
display: inline-block;
padding: 15px 30px;
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
background-color: #FF6700;
transition: 0.15s;
cursor: pointer;
}
.extern-cookie-banner .extern-banner-inner .extern-banner-accept-button span:hover {
background-color: #36414d;
}
.extern-cookie-banner.map .extern-banner-inner:after {
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/extern-banner-map.svg) no-repeat;
height: 60px;
top: -35px;
}
.extern-cookie-banner.chatgpt .extern-banner-inner:after {
background: url(//giracom.digital/wp-content/themes/giracom/assets/public/js/../icons/extern-banner-chatgpt.svg) no-repeat;
height: 75px;
top: -30px;
} .leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
} .leaflet-tile::selection {
background: transparent;
} .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
} .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}  .leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
} .leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
} .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
} .leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
} .leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
} .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto;
} .leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5);
} .leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
} .leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
} .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px "Lucida Console", Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
} .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
} .leaflet-default-icon-path { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
} .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
} .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
} .leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
} .leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
} @media print { .leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
.fullscreen-icon {
background-image: url("data:image/svg+xml,%3csvg%20viewBox=%270%200%2026%2052%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M20.6%2036.7H16a.9.9%200%200%201-.8-.8v-4.5c0-.2.2-.4.4-.4h1.4c.3%200%20.5.2.5.4v3h3c.2%200%20.4.2.4.5v1.4c0%20.2-.2.4-.4.4zm-9.9-.8v-4.5c0-.2-.2-.4-.4-.4H8.9c-.3%200-.5.2-.5.4v3h-3c-.2%200-.4.2-.4.5v1.4c0%20.2.2.4.4.4H10c.4%200%20.8-.4.8-.8zm0%2010.7V42c0-.4-.4-.8-.8-.8H5.4c-.2%200-.4.2-.4.4v1.4c0%20.3.2.5.4.5h3v3c0%20.2.2.4.5.4h1.4c.2%200%20.4-.2.4-.4zm6.9%200v-3h3c.2%200%20.4-.2.4-.5v-1.4c0-.2-.2-.4-.4-.4H16c-.4%200-.8.4-.8.8v4.5c0%20.2.2.4.4.4h1.4c.3%200%20.5-.2.5-.4zM5%2010.3V5.9c0-.5.4-.9.9-.9h4.4c.2%200%20.4.2.4.4V7c0%20.2-.2.4-.4.4h-3v3c0%20.2-.2.4-.4.4H5.4a.4.4%200%200%201-.4-.4zm10.3-4.9V7c0%20.2.2.4.4.4h3v3c0%20.2.2.4.4.4h1.5c.2%200%20.4-.2.4-.4V5.9c0-.5-.4-.9-.9-.9h-4.4c-.2%200-.4.2-.4.4zm5.3%209.9H19c-.2%200-.4.2-.4.4v3h-3c-.2%200-.4.2-.4.4v1.5c0%20.2.2.4.4.4h4.4c.5%200%20.9-.4.9-.9v-4.4c0-.2-.2-.4-.4-.4zm-9.9%205.3V19c0-.2-.2-.4-.4-.4h-3v-3c0-.2-.2-.4-.4-.4H5.4c-.2%200-.4.2-.4.4v4.4c0%20.5.4.9.9.9h4.4c.2%200%20.4-.2.4-.4z%27%20fill=%27currentColor%27/%3e%3c/svg%3e");
background-size: 26px 52px;
}
.fullscreen-icon.leaflet-fullscreen-on {
background-position: 0 -26px;
}
.leaflet-touch .fullscreen-icon {
background-position: 2px 2px;
}
.leaflet-touch .fullscreen-icon.leaflet-fullscreen-on {
background-position: 2px -24px;
} .leaflet-container:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
z-index: 99999;
}
.leaflet-container:-ms-fullscreen {
width: 100% !important;
height: 100% !important;
z-index: 99999;
}
.leaflet-container:full-screen {
width: 100% !important;
height: 100% !important;
z-index: 99999;
}
.leaflet-container:fullscreen {
width: 100% !important;
height: 100% !important;
z-index: 99999;
}
.leaflet-pseudo-fullscreen {
position: fixed !important;
width: 100% !important;
height: 100% !important;
top: 0px !important;
left: 0px !important;
z-index: 99999;
}
@-webkit-keyframes leaflet-gestures-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes leaflet-gestures-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.leaflet-container:after {
-webkit-animation: leaflet-gestures-fadein 0.8s backwards;
animation: leaflet-gestures-fadein 0.8s backwards;
color: #fff;
font-family: "Roboto", Arial, sans-serif;
font-size: 22px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 461;
pointer-events: none;
}
.leaflet-gesture-handling-touch-warning:after,
.leaflet-gesture-handling-scroll-warning:after {
-webkit-animation: leaflet-gestures-fadein 0.8s forwards;
animation: leaflet-gestures-fadein 0.8s forwards;
}
.leaflet-gesture-handling-touch-warning:after {
content: attr(data-gesture-handling-touch-content);
}
.leaflet-gesture-handling-scroll-warning:after {
content: attr(data-gesture-handling-scroll-content);
}
:root { --sm-blue: rgb(24, 52, 92);
--sm-yellow: rgb(255, 200, 0);
--sm-white: rgb(255, 255, 255);
--sm-border-radius: 4px;
--sm-black: rgb(0, 0, 0); --sm-text-dark-color: rgb(38.25, 38.25, 38.25);
--sm-text-light-color: rgb(198.9, 198.9, 198.9);
--sm-bg-dark-color: rgb(25.5, 25.5, 25.5);
--sm-bg-light-color: rgb(255, 255, 255);
--sm-alphalight-bg-color: rgba(255, 255, 255, 0.5); --sm-text-color: var(--sm-text-dark-color);
--sm-text-contrast-color: var(--sm-text-light-color);
--sm-bg-color: var(--sm-bg-light-color);
--sm-container-bg-color: rgb(224.4, 224.4, 224.4);
--sm-border-color: rgb(114.75, 114.75, 114.75);
--sm-bar-link-bg-color: rgb(242.25, 242.25, 242.25);
--sm-popup-closebtn-color: rgb(191.25, 191.25, 191.25);
--sm-popup-closebtn-hover-color: #999999;
--sm-divider-color: rgb(224.4, 224.4, 224.4); --sm-link-color: rgba(0, 121, 168, 1);
--sm-link-tap-highlight: rgba(51, 181, 229, 0.4);
--sm-link-active: rgba(255, 165, 0, 1);
--sm-zoombox-border-color: rgba(51, 136, 255, 1);
}
.sm-locate-control-button {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.leaflet-top .sm-control-brand {
margin-top: 0;
}
.leaflet-right .sm-control-brand {
margin-right: 0;
}
.leaflet-bottom .sm-control-brand {
margin-bottom: 0;
}
.leaflet-left .sm-control-brand {
margin-left: 0;
}
.sm-control-brand {
display: block;
position: relative;
cursor: pointer;
pointer-events: all;
}
.sm-control-layers {
position: relative;
color: var(--sm-text-color);
background-color: var(--sm-bg-color);
line-height: 40px;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: var(--sm-border-radius);
background-clip: padding-box;
}
.sm-control-layers-input-group {
position: relative;
display: flex;
align-items: center;
padding: 3px;
& input[type=radio] {
visibility: hidden;
position: absolute;
top: 8px;
left: 12px;
margin: 0;
}
& input:checked + label {
background-color: var(--sm-container-bg-color);
}
& label {
display: flex;
align-items: center;
min-height: 24px;
line-height: 100%;
background-position: 3px center;
padding: 0 10px 0 0;
border-radius: var(--sm-border-radius);
cursor: pointer;
& img {
border-radius: var(--sm-border-radius);
padding: 2px;
width: 24px;
max-height: 24px;
margin-right: 10px;
}
}
&.sm-control-layers-input-visible {
& input[type=radio] {
visibility: visible;
}
& label {
padding-left: 34px;
}
}
}
.sm-control-layers-toggle {
width: 32px;
height: 32px;
& img {
width: inherit;
height: inherit;
border-radius: var(--sm-border-radius);
box-sizing: border-box;
border: 1px solid rgba(98, 113, 140, 0.4);
}
}
.sm-control-layers-list {
display: none;
}
.sm-control-layers-expanded {
& .sm-control-layers-toggle {
display: none;
}
& .sm-control-layers-list {
display: block;
}
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
box-shadow: none;
}
.leaflet-pane {
z-index: 10;
}
.leaflet-div-icon {
background: none;
border: none;
}
.leaflet-bottom.leaflet-left {
display: flex;
flex-direction: column;
a {
order: 1;
}
div {
width: fit-content;
}
}