@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-regular.eot); src: local(''),
url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-regular.woff2) format('woff2'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-regular.woff) format('woff'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-regular.ttf) format('truetype'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-regular.svg#Lato) format('svg'); } @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-700.eot); src: local(''),
url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-700.woff2) format('woff2'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-700.woff) format('woff'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-700.ttf) format('truetype'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-700.svg#Lato) format('svg'); } @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-900.eot); src: local(''),
url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-900.eot?#iefix) format('embedded-opentype'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-900.woff2) format('woff2'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-900.woff) format('woff'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-900.ttf) format('truetype'), url(//www.hh-personalberatung.de/wp-content/themes/gp-sommer-hinst/fonts/lato-v23-latin-900.svg#Lato) format('svg'); } :root { --primary-clr: rgb(0, 158, 224);
--primary-clr-opacity: rgba(0, 158, 224, .8); --cta-clr: rgb(57, 72, 85); --text-clr: rgb(86, 84, 86);
--grey-clr: rgb(102, 102, 102);
--light-grey-clr: rgb(237, 237, 237);
--white-opacity: rgba(255, 255, 255, .9);
--white-hover: rgba(255, 255, 255, .7); }  body {
font-family: "Lato", sans-serif;
background-color: #fff;
}
@media(min-width: 640px) {
.grid-container {
max-width: 640px;
}
}
@media(min-width: 768px) {
.grid-container {
max-width: 768px;
}
}
@media(min-width: 1024px) {
.grid-container {
max-width: 1024px;
}
}
@media(min-width: 1280px) {
.grid-container {
max-width: 1280px;
}
}
@media(min-width: 1536px) {
.grid-container {
max-width: 1536px;
}
}
@media(min-width: 1920px) {
.grid-container {
max-width: 1920px;
}
} h1, h2, h3, h4, h5 {
font-weight: 900;
color: var(--text-clr);
text-transform: uppercase;
}
.fullwidth.fullwidth-image,
.fullwidth.bg-primary,
.fullwidth.blue {
color: #fff;
}
h1 span:not(.small),
h2 span:not(.small),
h3 span:not(.small),
h4 span:not(.small),
h5 span:not(.small),
p.headline span {
color: var(--primary-clr);
}
.fullwidth.fullwidth-image h1 span:not(.small),
.fullwidth.bg-primary h1 span:not(.small),
.fullwidth.fullwidth-cta h1 span:not(.small),
.fullwidth.fullwidth-image h2 span:not(.small),
.fullwidth.bg-primary h2 span:not(.small),
.fullwidth.fullwidth-cta h2 span:not(.small),
.fullwidth.fullwidth-image h3 span:not(.small),
.fullwidth.bg-primary h3 span:not(.small),
.fullwidth.fullwidth-cta h3 span:not(.small),
.fullwidth.fullwidth-image h4 span:not(.small),
.fullwidth.bg-primary h4 span:not(.small),
.fullwidth.fullwidth-cta h4 span:not(.small),
.fullwidth.fullwidth-image h5 span:not(.small),
.fullwidth.fullwidth-cta h5 span:not(.small),
.fullwidth.bg-primary h5 span:not(.small) {
color: var(--text-clr);
}
h1 {
font-size: 4rem;
margin-bottom: 1.5rem;
}
h2 {
font-size: 3.5rem;
margin-bottom: 1.3rem;
}
h3 {
font-size: 3rem;
margin-bottom: 1rem;
}
h4 {
font-size: 2.25rem;
margin-bottom: .9rem;
}
h5 {
font-size: 1.875rem;
margin-bottom: .75rem;
}
span.small {
text-transform: none;
}
.site-content p {
font-weight: 400;
font-size: 1.25rem;
color: var(--text-clr);
}
.site-content .lead-text > p {
font-size: 1.5rem;
}
.site-content a {
text-decoration: none;
color: var(--primary-clr);
}
.site-content a:hover {
color: var(--cta-clr);
}
.site-content ul {
margin-left: 0;
list-style: none;
}
.site-content ul li {
position: relative;
margin-bottom: .5rem;
padding-left: 1.7rem;
color: var(--text-clr);
font-size: 1.25rem;
}
.site-content ul li:before {
background-image: url(//www.hh-personalberatung.de/wp-content/uploads/2023/01/list-icon.png);
content: "";
position: absolute;
left: 0;
top: 6px;
background-repeat: no-repeat;
height: 20px;
width: 20px;
background-size: contain;
}
.site-content .fullwidth.bg-primary ul li:before,
.site-content .fullwidth-image ul li:before {
background-image: url(//www.hh-personalberatung.de/wp-content/uploads/2023/01/list-icon-white.png);
}
.site-content .fullwidth.bg-primary ul,
.site-content .fullwidth.bg-primary ul li:last-child,
.site-content .fullwidth-image ul,
.site-content .fullwidth-image ul li:last-child,
.site-content .image-content ul,
.site-content .image-content ul li:last-child {
margin-bottom: 0;
}
b, strong {
font-weight: 700;
}
h1, h2, h3, h4, h5, p, ul {
max-width: 1400px;
}
h1.has-text-align-center,
h2.has-text-align-center,
h3.has-text-align-center,
h4.has-text-align-center,
h5.has-text-align-center {
max-width: 1200px;
}
.site-content p.has-text-align-center,
.site-content ul.has-text-align-center {
max-width: 900px;
}
.has-text-align-left,
.align-left > p {
margin-left: 0;
margin-right: auto;
}
.has-text-align-center,
.align-center > p {
margin-left: auto;
margin-right: auto;
}
.has-text-align-right,
.align-right > p {
margin-right: 0;
margin-left: auto;
}
p + p {
margin-top: -.5rem;
}
@media (max-width: 1536px) {
h1, h2, h3 {
hyphens: auto;
}
}
@media (max-width: 1536px) and (min-width:1000px) {
.wp-block-column h2 {
font-size: 2.25rem;
}
}
@media(max-width: 1400px) {
h1, h2, h3, h4, h5, p, ul {
max-width: 1100px;
}
}
@media(max-width: 1000px) {
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2.25rem;
}
h3 {
font-size: 2rem;
}
h4 {
font-size: 1.75rem;
}
h5 {
font-size: 1.5rem;
}
}
@media(max-width: 1000px) {
h1 {
font-size: 1.8rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.6rem;
}
h4 {
font-size: 1.4rem;
}
h5 {
font-size: 1.3rem;
}
} hr {
color: var(--light-grey-clr);
margin-top: 6rem;
margin-bottom: 5rem;
} .button,
.btn,
input[type=submit],
a.wp-block-button__link:not(.has-background),
.footer-widget-1 .zusatztext a,
.kontaktformular .submit-button input[type="submit"] {
border-radius: 0;
padding: 8px 30px;
text-transform: uppercase;
font-weight: 900;
transition: all .2s ease-in-out;
font-size: 1.25rem;
border: 1px solid var(--cta-clr);
background: var(--cta-clr); }
.kontaktformular .submit-button input[type="submit"] {
margin-top: 2rem;
}
.button:hover,
.btn:hover,
.button:focus,
.btn:focus,
a.wp-block-button__link:not(.has-background):hover,
a.wp-block-button__link:not(.has-background):focus,
.footer-widget-1 .zusatztext a:hover,
.kontaktformular .submit-button input[type="submit"]:hover {
background: transparent;
color: var(--cta-clr);
}
.wp-block-button:nth-child(2) .wp-block-button__link:not(.has-background) {
} .wp-block-lazyblock-buttons-mit-farbwahl + .wp-block-lazyblock-buttons-mit-farbwahl,
.wp-block-lazyblock-buttons-mit-farbwahl + .wp-block-lazyblock-buttons-coloured,
.wp-block-lazyblock-buttons-coloured + .wp-block-lazyblock-buttons-coloured,
.wp-block-lazyblock-buttons-coloured + .wp-block-buttons {
margin-top: 1rem;
}
.lazy-buttons {
display: flex;
}
.lazy-buttons.align-left,
.lazy-buttons.default {
margin-left: 0;
margin-right: auto;
justify-content: flex-start;
}
.lazy-buttons.align-center {
margin-left: auto;
margin-right: auto;
justify-content: center;
}
.lazy-buttons.align-right {
margin-left: auto;
margin-right: 0;
justify-content: flex-end;
}
.lazy-buttons .wp-block-button:nth-child(2) {
margin-left: 15px;
}
.lazy-buttons.lead-button a.wp-block-button__link {
font-size: 1.5rem;
}
.lazy-buttons .wp-block-button__link.cta-outline {
background: transparent;
color: var(--cta-clr);
}
.lazy-buttons .wp-block-button__link.cta-outline:hover {
background: var(--cta-clr);
color: #fff;
}
.lazy-buttons .wp-block-button__link.white-bg {
background: #fff;
color: var(--cta-clr);
border: 1px solid #fff;
}
.lazy-buttons .wp-block-button__link.white-bg:hover {
background: transparent;
color: #fff;
border: 1px solid #fff;
}
.lazy-buttons .wp-block-button__link.white-outline {
background: transparent;
color: #fff;
border: 1px solid #fff;
}
.lazy-buttons .wp-block-button__link.white-outline:hover {
background: #fff;
color: var(--cta-clr);
border: 1px solid #fff;
}
.lazy-buttons .wp-block-button a.wp-block-button__link {
margin-bottom: 0;
}
@media (max-width: 768px) {
.lazy-buttons {
flex-direction: column;
}
.lazy-buttons .wp-block-button:first-child {
margin-bottom: 1rem;
}
.lazy-buttons .wp-block-button:nth-child(2) {
margin-left: 0;
}
.lazy-buttons.align-center .wp-block-button {
display: flex;
justify-content: center;
}
.lazy-buttons.align-right .wp-block-button {
display: flex;
justify-content: flex-end;
}
.fullwidth .lazy-buttons .wp-block-button:last-child {
margin-bottom: 0;
}
}  header.site-header {
z-index: 100;
}
header.site-header,
.sticky-enabled .main-navigation.is_stuck {
background: var(--primary-clr);
}
.site-logo img {
height: 60px;
width: auto;
object-fit: contain;
}
@media (max-width: 500px) {
.site-logo img {
width: 150px;
height: 43px;
object-fit: contain;
}
} nav#site-navigation,
nav.main-navigation {
background: transparent;
}
.main-navigation .main-nav ul li a {
color: #fff;
font-size: 1.25rem;
font-weight: 400;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
color: var(--secondary-clr);
}
.main-navigation .main-nav ul li:hover a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, 
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, 
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, 
.main-navigation .menu-bar-item:hover > a, 
.main-navigation .menu-bar-item.sfHover > a {
opacity: .7;
color: #fff;
} .main-navigation .menu-toggle,
.main-navigation .menu-toggle:hover {
background: transparent;
}
.main-navigation .menu-toggle .gp-icon {
color: #fff;
font-size: 35px;
}
.main-navigation .menu-toggle .gp-icon svg {
top: 0;
}
@media (max-width: 1100px) {
.main-navigation .menu-toggle {
display: flex;
}
}
#generate-slideout-menu {
background: var(--cta-clr);
}
.slideout-navigation button.slideout-exit {
padding: 10px 20px;
}
.slideout-navigation button.slideout-exit .gp-icon {
font-size: 24px;
}
.slideout-navigation button.slideout-exit .gp-icon svg {
color: #fff;
}
.main-navigation.slideout-navigation .main-nav ul.slideout-menu li:hover a {
opacity: 1;
background: var(--text-clr);
}
#generate-slideout-menu ul.slideout-menu li.current-menu-item a {
background: var(--primary-clr);
color: #fff;
} .fullwidth-hero {
margin-top: -4rem;
position: relative;
z-index: 1;
margin-bottom: 7rem;
}
.fullwidth-hero.full-height img {
height: 75vh;
}
.fullwidth-hero img {
height: 100%;
width: 100%;
display: block;
object-fit: cover;
height: 600px;
}
.fullwidth-hero .grid-container {
position: absolute;
width: 100%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
padding-left: 40px;
padding-right: 40px;
}
.fullwidth-hero .grid-container {
bottom: 4rem;
}
.fullwidth-hero.full-height .grid-container {
bottom: 5rem;
}
.fullwidth-hero .grid-container.align-center .text-box {
margin-left: auto;
margin-right: auto;
}
.fullwidth-hero .grid-container.align-right .text-box {
margin-left: auto;
margin-right: 0;
}
.fullwidth-hero .text-box {
max-width: 60%;
background: var(--white-opacity);
padding: 2rem;
opacity: 0;
-webkit-animation: sweep .75s ease-in-out .5s forwards;
-moz-animation: sweep .75s ease-in-out .5s forwards;
-o-animation: sweep .75s ease-in-out .5s forwards;
animation: sweep .75s ease-in-out .5s forwards;
}
.fullwidth-hero .align-center .text-box .box-content > * {
text-align: center;
}
.fullwidth-hero .align-center .text-box .wp-block-buttons {
display: flex;
justify-content: center;
}
.fullwidth-hero .text-box p.headline {
font-size: 2.25rem;
margin-bottom: 1rem;
text-transform: uppercase;
font-weight: 700;
color: var(--text-clr);
line-height: 2.5rem;
}
@media (max-width: 1500px) {
.fullwidth-hero .text-box {
max-width: 75%;
}
}
@media (max-width: 1280px) {
.fullwidth-hero .grid-container.align-left .text-box,
.fullwidth-hero .grid-container.align-center .text-box,
.fullwidth-hero .grid-container.align-right .text-box {
margin-left: auto;
margin-right: auto;
}
.fullwidth-hero .text-box {
max-width: 100%;
}
.fullwidth-hero .text-box .box-content > * {
text-align: center;
}
.fullwidth-hero .text-box .wp-block-buttons {
flex-direction: column;
}
.fullwidth-hero .text-box .wp-block-button__link {
width: 100%;
}
.fullwidth-hero .text-box .wp-block-button:nth-child(2) {
margin-left: 0;
margin-top: 1rem;
}
.fullwidth-hero.full-height img {
height: 60vh;
}
.fullwidth-hero.full-height .grid-container {
bottom: 3rem;
}
}
@media (max-width: 1024px) {
.fullwidth-hero .text-box p.headline {
font-size: 2rem;
}
.fullwidth-hero:not(.full-height) .grid-container {
position: relative;
bottom: 0;
margin-top: -4rem;
padding-left: 0;
padding-right: 0;
}
.fullwidth-hero .grid-container .text-box {
background: var(--light-grey-clr);
}
}
@media (max-width: 768px) {
.fullwidth-hero.full-height .grid-container.align-left,
.fullwidth-hero.full-height .grid-container.align-center,
.fullwidth-hero.full-height .grid-container.align-right {
padding-left: 0;
padding-right: 0;
bottom: 0;
}
.fullwidth-hero {
margin-bottom: 4rem;
}
.fullwidth-hero.full-height img,
.fullwidth-hero img {
height: 100%;
}
.fullwidth-hero .text-box p.headline {
font-size: 1.75rem;
}
.fullwidth-hero .grid-container {
margin-top: 0;
position: relative;
}
.fullwidth-hero .lazy-buttons .wp-block-button:first-child {
margin-bottom: 0;
}
.fullwidth-hero img {
height: 100%;
}
}
@media (max-width: 500px) {
.fullwidth-hero .text-box p.headline {
font-size: 1.5rem;
}
}  .both-big-margin {
margin-top: 6rem;
margin-bottom: 6rem;
}
.up-big-down-small-margin {
margin-top: 6rem;
margin-bottom: 0;
}
.up-small-down-big-margin {
margin-top: 0;
margin-bottom: 6rem;
}
.both-small-margin {
margin-top: 0;
margin-bottom: 0;
} .pre-post-headline p {
font-size: 1.5rem;
text-transform: uppercase;
}
.pre-post-headline.align-left p {
text-align: left;
margin-left: 0;
margin-right: auto;
}
.pre-post-headline.align-center p {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.pre-post-headline.align-right p {
text-align: right;
margin-left: auto;
margin-right: 0;
}
.pre-post-headline p.pre-headline {
margin-bottom: .5rem;
}
.pre-post-headline p.post-headline {
margin-bottom: 1.3rem;
margin-top: -1rem;
}
@media (max-width: 768px) {
.pre-post-headline p {
font-size: 1.25rem;
}
} .lead-text p {
max-width: 1000px;
}
.lead-text.align-left p {
text-align: left;
}
.lead-text.align-center p {
text-align: center;
}
.lead-text.align-right p {
text-align: right;
} .fullwidth.bg-primary {
background: var(--primary-clr);
}
.fullwidth.bg-grey {
background: var(--light-grey-clr);
}
.fullwidth.both-big-margin {
margin-bottom: 4rem;
margin-top: 4rem;
}
.fullwidth.both-small-margin {
margin-bottom: 0;
margin-top: 0;
}
.fullwidth.up-big-down-small-margin {
margin-bottom: 0;
margin-top: 6rem;
}
.fullwidth.up-small-down-big-margin {
margin-bottom: 6rem;
margin-top: 0;
}
.fullwidth.up-big-down-minus-margin {
margin-bottom: -3.8rem;
margin-top: 6rem;
}
.fullwidth.up-small-down-minus-margin {
margin-bottom: -3.8rem;
margin-top: 0;
}
.fullwidth.both-padding {
padding-top: 6rem;
padding-bottom: 6rem;
}
.fullwidth.big-down-padding {
padding-top: 6rem;
padding-bottom: 8rem;
}
.fullwidth .fullwidth-content {
padding-left: 40px;
padding-right: 40px;
}
.fullwidth.bg-primary .fullwidth-content > *:not(.wp-block-button__link),
.fullwidth-image .fullwidth-content > *:not(.wp-block-button__link),
.fullwidth-cta .fullwidth-content h2,
.fullwidth.bg-primary .fullwidth-content h3,
.fullwidth-image .fullwidth-content h3,
.fullwidth.bg-primary .fullwidth-content h4,
.fullwidth-image .fullwidth-content h4,
.fullwidth.bg-primary .fullwidth-content h5,
.fullwidth-image .fullwidth-content h5,
.fullwidth.bg-primary .fullwidth-content h6,
.fullwidth-image .fullwidth-content h6,
.fullwidth-cta .fullwidth-content .pre-post-headline p,
.fullwidth-image .fullwidth-content .pre-post-headline p,
.fullwidth.bg-primary .fullwidth-content .pre-post-headline p,
.fullwidth-cta .fullwidth-content .extra-content > * {
color: #fff;
}
@media (max-width: 768px) {
.fullwidth.big-down-padding {
padding-top: 4rem;
padding-bottom: 4rem;
}
.fullwidth.both-padding {
padding-top: 4rem;
padding-bottom: 4rem;
}
.fullwidth.big-down-padding {
padding-top: 4rem;
padding-bottom: 8rem;
}
} .fullwidth-image {
position: relative;
background-position: center;
}
.fullwidth-image.parallax {
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.fullwidth-image .overlay {
background: var(--primary-clr-opacity);
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1;
}
.fullwidth-image .fullwidth-content {
position: relative;
z-index: 2;
}
.fullwidth-image.tablet,
.fullwidth-image.mobile {
display: none;
}
@media (max-width: 1280px) {
.fullwidth-image.desktop,
.fullwidth-image.mobile {
display: none;
}
.fullwidth-image.tablet {
display: block;
}
}
@media (max-width: 768px) {
.fullwidth-image.desktop,
.fullwidth-image.tablet {
display: none;
}
.fullwidth-image.mobile {
display: block;
}
} .fullwidth-cta.both-padding {
padding-top: 6rem;
padding-bottom: 6rem;
}
.fullwidth-cta .fullwidth-content {
display: grid;
grid-gap: 2rem;
}
.fullwidth-cta .fullwidth-content h2 {
margin-bottom: 0;
}
.fullwidth-cta .fullwidth-content p.post-headline {
margin-bottom: 0;
margin-top: .2rem;
}
.fullwidth-cta .fullwidth-content .extra-content > :first-child {
margin-top: 1.3rem;
}
.fullwidth-cta .fullwidth-content .extra-content > :last-child {
margin-bottom: 0;
}
@media(min-width: 1921px) {
.fullwidth-cta .fullwidth-content {
grid-template-columns: 1fr;
}
.fullwidth-cta .fullwidth-content h2,
.fullwidth-cta .fullwidth-content p.post-headline,
.fullwidth-cta .fullwidth-content .wp-block-button,
.fullwidth-cta .fullwidth-content .extra-content > *  {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.fullwidth-cta .fullwidth-content .wp-block-button {
display: flex;
justify-content: center;
}
}
@media(max-width: 1920px) and (min-width: 1025px) {
.fullwidth-cta .fullwidth-content {
grid-template-columns: 3.5fr 1.5fr;
}
.fullwidth-cta .fullwidth-content .button-box {
display: flex;
justify-content: flex-end;
align-items: center;
}
}
@media(max-width: 1280px) {
.fullwidth-cta .fullwidth-content {
grid-template-columns: 1fr 1fr;
}
}
@media(max-width: 1024px) {
.fullwidth-cta .fullwidth-content {
grid-template-columns: 1fr;
}
.fullwidth-cta .fullwidth-content h2,
.fullwidth-cta .fullwidth-content p.post-headline,
.fullwidth-cta .fullwidth-content .wp-block-button,
.fullwidth-cta .fullwidth-content .extra-content > *  {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.fullwidth-cta .fullwidth-content .wp-block-button {
display: flex;
justify-content: center;
}
} @media(max-width: 1920px) {
.fullwidth {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
}
} .icons-text .grid {
display: grid;
}
.icons-text.three-row .grid {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 3rem;
}
.icons-text.four-row .grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 2rem;
}
.icons-text .icon-text {
display: flex;
flex-direction: column;
align-items: center;
}
.icons-text .icon {
fill: var(--primary-clr) !important;
width: 100px;
height: 100px;
object-fit: contain;
margin-bottom: 1rem;
}
.fullwidth .icons-text {
margin-top: 0;
margin-bottom: 0;
}
.fullwidth.bg-primary .icons-text .icon {
fill: #fff !important;
}
.fullwidth.bg-primary .icons-text h2.headline,
.fullwidth.bg-primary .icons-text h3.headline,
.fullwidth.bg-primary .icons-text p {
color: #fff;
}
.icons-text h2.headline,
.icons-text h3.headline,
.icons-text p {
text-align: center;
}
.icons-text h2.headline,
.icons-text h3.headline {
font-size: 1.5rem;
font-weight: 400;
margin-bottom: .5rem;
}
.icons-text p {
max-width: 500px;
}
.icons-text p:last-child {
margin-bottom: 0;
}
@media (max-width: 1280px) {
.icons-text.four-row .grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1024px) and (min-width: 769px) {
.icons-text.three-row .grid {
grid-template-columns: 1fr 1fr;
} }
@media (max-width: 768px) {
.icons-text.three-row .grid,
.icons-text.four-row .grid {
grid-template-columns: 1fr;
grid-gap: 3rem;
}
} .text-tiles .text-tile {
background: var(--light-grey-clr);
padding: 2rem;
-webkit-box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 26%);
box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 26%);
}
.fullwidth.bg-grey .text-tiles .text-tile,
.fullwidth.bg-primary .text-tiles .text-tile,
.fullwidth-image .text-tiles .text-tile {
background: #fff;
}
.text-tiles .text-tile .headline {
margin-bottom: 0;
}
.text-tiles .text-tile p:last-child {
margin-bottom: 0;
}
@media (max-width: 1546px) {
.icons-text.text-tiles.three-row .grid {
grid-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1546px) {
.icons-text.text-tiles.three-row .grid {
grid-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1024px) {
.icons-text.text-tiles.three-row .grid {
grid-gap: 3rem;
grid-template-columns: 1fr;
}
} .accordions.both-big-margin {
margin-top: 6rem;
margin-bottom: 6rem;
}
.accordions.both-small-margin {
margin-top: 0;
margin-bottom: 0;
}
.accordions.up-big-down-small-margin {
margin-top: 6rem;
margin-bottom: 0;
}
.accordions.up-small-down-big-margin {
margin-top: 0;
margin-bottom: 6rem;
}
.accordions.align-left details,
.accordions.align-center details,
.accordions.align-right details {
max-width: 1000px;
}
.accordions.align-left details {
margin-left: 0;
margin-right: auto;
}
.accordions.align-center details {
margin-left: auto;
margin-right: auto;
}
.accordions.align-right details {
margin-left: auto;
margin-right: 0;
}
.accordions details {
border-bottom: 1px solid var(--light-grey-clr);
}
.fullwidth.bg-primary .accordions details,
.fullwidth-image .accordions details {
border-bottom: 1px solid var(--white-opacity);
}
.fullwidth.bg-grey .accordions details {
background-color: #fff;
padding: .5rem 1rem;
margin-bottom: .5rem;
}
.accordions details:last-child {
border-bottom: none;
}
.accordions details,
.accordions details summary  {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
details summary::-webkit-details-marker {
display: none;
}
.accordions details summary {
cursor: pointer;
list-style: none;
position: relative;
margin-bottom: 0px;
width: 100%;
max-width: 100%;
color: var(--primary-clr);
font-size: 1.5rem;
line-height: 2rem;
}
.accordions details summary span {
padding-left: 2rem;
padding-right: 2rem;
display: block;
}
.fullwidth.bg-primary .accordions details summary,
.fullwidth-image .accordions details summary {
color: #fff;
}
.accordions details summary:before {
content: "";
position: absolute;
left: 0;
top: 14px;
background-image: url(//www.hh-personalberatung.de/wp-content/uploads/2023/01/list-icon.png);
background-repeat: no-repeat;
height: 20px;
width: 20px;
background-size: contain;
}
.fullwidth.bg-primary .accordions details summary:before,
.fullwidth-image .accordions details summary:before {
background-image: url(//www.hh-personalberatung.de/wp-content/uploads/2023/01/list-icon-white.png);
}
.accordions details summary:after {
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
content: "+";
right: 0px;
bottom: 0;
position: absolute;
font-size: 1.5em;
top: 0;
color: var(--color-secondary);
margin-top: auto;
margin-bottom: auto;
}
.accordions details[open] summary:after {
content: "-";
}
.fullwidth.bg-primary .accordions details summary:after,
.fullwidth-image .accordions details summary:after {
color: #fff;
}
details[open] summary ~ * {
-webkit-animation: sweep .5s ease-in-out;
-moz-animation: sweep .5s ease-in-out;
-o-animation: sweep .5s ease-in-out;
animation: sweep .5s ease-in-out;
}
.accordions details div {
padding: .5rem 2rem .5rem 2rem;
}
.accordions:not(.reference-accordion) details div {
border-top: 1px solid var(--light-grey-clr);
}
.accordions details div p {
margin-bottom: 0;
}
.fullwidth.bg-primary .accordions details div p,
.fullwidth-image .accordions details div p {
color: #fff;
}
@media (max-width: 768px) {
.accordions details summary {
font-size: 1.25rem;
line-height: 2rem;
}
} .seo-accordion details.accordion,
.seo-accordion details.accordion summary {
padding-top: 0;
padding-bottom: 0;
}
.seo-accordion details.accordion summary:before,
.seo-accordion details.accordion summary:after {
content: none;
}
.seo-accordion details.accordion summary span {
padding-left: 0;
padding-right: 0;
text-align: center;
font-size: 2rem;
}
.seo-accordion details div,
.seo-accordion details div div {
border-top: none !important;
}
.seo-accordion details div.content {
border-top: 1px solid var(--light-grey-clr) !important;
margin-top: 0.5rem;
padding-left: 0;
padding-right: 0;
padding-top: 1rem;
}
.seo-accordion details div.content .wp-block-heading + .wp-block-lazyblock-pre-post-headline {
margin-top: -2rem;
padding-left: 0;
padding-right: 0;
}
.seo-accordion details div.content .wp-block-heading + .wp-block-lazyblock-pre-post-headline .pre-post-headline {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.seo-accordion details div.content .wp-block-lazyblock-landing-list,
.seo-accordion details div.content .wp-block-lazyblock-landing-list .landing-list {
padding-left: 0;
padding-right: 0;
}
.seo-accordion details div.content .landing-list {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.seo-accordion .landing-list.list-columns ul {
margin-left: auto;
margin-right: auto;
} .reference-accordion {
border-bottom: 1px solid var(--light-grey-clr);
}
.reference-accordion.hide-line {
border-bottom: none;
}
.reference-accordion div.company {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--primary-clr);
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.reference-accordion div.company:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.reference-accordion a.company-name,
.reference-accordion p.company-name {
font-size: 1.25rem;
margin-bottom: 0;
color: var(--text-clr);
}
.reference-accordion p + p {
margin-top: 0;
}
.reference-accordion a.company-name:hover {
color: var(--primary-clr);
} .wp-block-columns .list.align-left ul,
.wp-block-columns .list.align-center ul,
.wp-block-columns .list.align-right ul {
max-width: 700px;
}
.list.col-1 ul {
column-count: 1;
}
.list.align-left ul,
.list.align-center ul,
.list.align-right ul {
max-width: 1000px;
}
.list.col-2  ul{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
max-width: 100%;
}
.list.align-left ul {
margin-left: 0;
margin-right: auto;
}
.list.align-center ul {
margin-left: auto;
margin-right: auto;
}
.list.align-right ul {
margin-left: auto;
margin-right: 0;
}
.list .list-item .headline {
margin-bottom: 0.5rem;
font-size: 1.5rem;
color: var(--primary-clr);
}
.list ul li.list-item:before {
top: 8px;
}
.list.col-2  ul div p {
margin-bottom: 0;
}
.fullwidth.bg-primary .list .headline,
.fullwidth.bg-primary .list p,
.fullwidth-image .list .headline,
.fullwidth-image .list p {
color: #fff
}
@media (max-width: 1024px) {
.list.col-2 ul {
grid-template-columns: 1fr;
}
} .image-content.anchor.both-big-margin  {
padding-top: 7em;
margin-top: -4em;
}
.image-content .grid-container {
display: grid;
grid-gap: 2rem;
}
.image-content.image-left.grid-50 .grid-container,
.image-content.image-right.grid-50 .grid-container {
grid-template-columns: 1fr 1fr;
}
.image-content.image-left.grid-4-6 .grid-container {
grid-template-columns: 2fr 3fr;
}
.image-content.image-right.grid-4-6 .grid-container {
grid-template-columns: 3fr 2fr;
}
.image-content.image-left .image-box {
grid-column: 1/2;
grid-row: 1/2;
}
.image-content.image-left .content-box {
grid-column: 2/3;
grid-row: 1/2;
}
.image-content.image-right .image-box {
grid-column: 2/3;
grid-row: 1/2;
}
.image-content.image-right .content-box {
grid-column: 1/2;
grid-row: 1/2;
}
.image-content .image-box img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.image-content .content-box {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
@media (min-width: 1920px) {
.image-content.image-left.grid-50 .grid-container,
.image-content.image-right.grid-50 .grid-container {
grid-template-columns: 1fr 1fr;
}
.image-content.image-left.grid-4-6 .grid-container {
grid-template-columns: 3fr 2.5fr;
}
.image-content.image-right.grid-4-6 .grid-container {
grid-template-columns: 2.5fr 3fr;
}
} @media (max-width: 1280px) {
.image-content.image-left.grid-4-6 .grid-container,
.image-content.image-right.grid-4-6 .grid-container,
.image-content.image-left.grid-50 .grid-container,
.image-content.image-right.grid-50 .grid-container {
grid-template-columns: 1fr;
grid-gap: 3rem;
}
.image-content.image-left .content-box,
.image-content.image-right .content-box {
grid-column: 1/2;
grid-row: 1/2;
}
.image-content.image-left .image-box,
.image-content.image-right .image-box {
grid-column: 1/2;
grid-row: 2/3;
}
.image-content .image-box img {
width: 100%;
height: 100%;
object-fit:contain;
}
.image-content .content-box {
padding-top: 0;
padding-bottom: 0;
}
}
@media (max-width: 768px) {
.image-content .image-box img {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.image-content.anchor.both-big-margin  {
padding-top: 4em;
margin-top: -4em;
}
@supports selector(:nth-child(1 of x)) {
.image-content .image-box {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.image-content .image-box img {
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: 100%;
}
}
} .team-tiles > .grid-container {
display: grid;
grid-template-columns: 2fr 3fr;
grid-gap: 2rem;
}
.team-tiles .tile-box .grid-container {
display: grid;
grid-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.team-tiles .content-box .keep-sticky {
top: 8rem;
position: sticky;
}
.team-tiles p.name {
font-size: 1.5rem;
color: var(--primary-clr);
margin-bottom: .3rem;
}
.team-tiles .contact-info {
margin-top: -1rem;
display: flex;
flex-direction: column;
}
.team-tiles .contact-info a {
transition: all .2s ease-in-out;
display: flex;
margin-bottom: .5rem;
width: fit-content;
}
.team-tiles .contact-info a .icon-box {
background: var(--primary-clr);
border-radius: 50%;
display: inline-block;
width: 2rem;
height: 2rem;
margin-right: .5rem;
}
.team-tiles .contact-info a .icon-box svg {
padding: .5rem;
width: 2rem;
height: 2rem;
color: #fff;
}
.team-tiles .contact-info a .hide-on-mobile {
font-size: 1.25rem;
font-weight: 400;
color: var(--text-clr);
}
.team-tiles .contact-info a:hover .hide-on-mobile {
color: var(--primary-clr);
}
@media (min-width: 1920px) {
.team-tiles .tile-box .grid-container {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 1281px) {
.team-tiles .image-box {
width: 100%;
height: 300px;
margin-bottom: 1rem;
}
.team-tiles .image-box img {
object-fit: cover;
width: 100%;
height: 100%;
}
.team-tiles .content-box .keep-sticky {
top: 8rem;
position: sticky;
}
}
@media (max-width: 1280px) {
.team-tiles > .grid-container {
grid-template-columns: 1fr;
}
}
@media(min-width: 641px) {
.team-tiles .image-box {
width: 100%;
height: 250px;
margin-bottom: 1rem;
}
.team-tiles .image-box img {
object-fit: cover;
width: 100%;
height: 100%;
}
}
@media (max-width: 768px) {
.team-tiles .tile-box .grid-container {
grid-template-columns: 1fr;
}
.team-tiles .image-box img {
height: 100%;
width: 100%;
}
.team-tile .contact-info a .hide-on-mobile {
display: none;
}
.team-tiles p.name,
.team-tiles p.position {
text-align: center;
}
.team-tiles .contact-info {
flex-direction: row;
justify-content: center;
}
.team-tiles .contact-info .phone,
.team-tiles .contact-info .email,
.team-tiles .contact-info .v-card,
.team-tiles .contact-info .xing,
.team-tiles .contact-info .linkedin {
padding-left: .5rem;
padding-right: .5rem;
}
.team-tiles .contact-info a:hover {
transform: scale(1.1);
}
.team-tiles .contact-info a .icon-box {
margin-right: 0;
height: 3rem;
width: 3rem;
}
.team-tiles .contact-info a .icon-box svg {
width: 3rem;
height: 3rem;
padding: .75rem;
}
}
@media (max-width: 640px) {
.team-tiles .tile-box .grid-container {
grid-template-columns: 1fr;
}
.team-tiles .image-box img {
height: 100%;
width: 100%;
}
.team-tile .contact-info a .hide-on-mobile {
display: none;
}
} .quote .content-box {
max-width: 700px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.quote .content-box .icon-before {
top: -40px;
left: -20px;
position: absolute;
z-index: 0;
}
.quote .content-box .icon-after {
position: absolute;
z-index: 0;
bottom: -40px;
right: -20px;
}
.quote .content-box .icon {
fill: var(--light-grey-clr);
stroke: none;
height: 4rem;
width: 4rem;
}
.fullwidth.bg-primary .quote .content-box .icon,
.fullwidth-image .quote .content-box .icon,
.fullwidth.fullwidth.bg-grey .quote .content-box .icon {
fill: var(--white-opacity);
}
.quote .content-box p.quote-box {
text-align: center;
margin-left: auto;
margin-right: auto;
color: var(--primary-clr);
z-index: 10;
position: relative;
}
.quote .content-box p.name {
text-align: center;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
font-size: 1rem;
z-index: 10;
position: relative;
}
.fullwidth.bg-primary .quote .content-box p.quote-box,
.fullwidth-image .quote .content-box p.quote-box,
.fullwidth.bg-primary .quote .content-box p.name,
.fullwidth-image .quote .content-box p.name {
color: #fff;
}
@media (min-width: 1024px) {
.quote .content-box .icon-before {
left: -4rem;
}
.quote .content-box .icon-after {
right: -4rem;
}
.quote .content-box .icon {
height: 8rem;
width: 8rem;
}
}
@media (min-width: 768px) {
.quote .content-box .icon-before {
left: -25px;
top: -35px;
}
.quote .content-box .icon-after {
bottom: -35px;
right: -25px;
}
.quote .content-box p.quote-box {
font-size: 1.5rem;
}
.quote .content-box .icon {
height: 6rem;
width: 6rem;
}
} .social-media.both-big-margin {
margin-top: 2rem;
margin-bottom: 2rem;
}
.social-media.up-big-down-small-margin {
margin-top: 2rem;
margin-bottom: 0;
}
.social-media.up-small-down-big-margin {
margin-top: 0;
margin-bottom: 2rem;
}
.social-media.both-small-margin {
margin-top: 0;
margin-bottom: 0;
}
.social-media {
display: flex;
justify-content: center;
}
.social-media div {
padding-left: .5rem;
padding-right: .5rem;
}
.social-media a i {
font-size: 1.75rem;
color: #fff;
transition: all .2s ease-in-out;
}
.social-media a:hover i {
color: var(--primary-clr);
} .wp-block-video {
max-width: 900px;
}
.wp-block-video.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-block-video video {
display: block;
} .fullwidth .wp-block-columns {
margin-bottom: 0;
}
@media(max-width: 1536px) {
.entry-content .wp-block-columns .wp-block-column {
flex-basis: 50% !important;
}
}
@media(max-width: 1024px) {
.entry-content .wp-block-columns {
flex-wrap: wrap !important;
}
.entry-content .wp-block-columns .wp-block-column {
flex-basis: 100% !important;
}
.entry-content :where(.wp-block-columns.is-layout-flex) {
gap: 3rem;
}
} .kontaktformular .wpcf7-not-valid-tip {
color: #fff;
font-size: 1em;
font-weight: normal;
display: block;
background-color: #dc3232;
text-align: center;
padding: 0.2em 0.5em;
margin-top: .5rem;
}
.wpcf7 form.invalid .kontaktformular .wpcf7-response-output {
margin-left: 0;
margin-right: 0;
border-color: #dc3232;
}
.kontaktformular div.wrap  {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.kontaktformular div {
margin-bottom: 1rem;
}
.kontaktformular div label {
margin-bottom: 2px;
font-size: 20px;
color: var(--primary-clr);
text-transform: uppercase;
font-weight: 700;
}
.kontaktformular .kontaktaufnahme p .wpcf7-form-control-wrap .wpcf7-list-item label,
.kontaktformular .kontaktaufnahme p .wpcf7-form-control-wrap .wpcf7-list-item label,
.kontaktformular .datenschutz label span {
font-weight: 400;
color: var(--text-clr);
text-transform: none;
}
.kontaktformular input[type=text], 
.kontaktformular input[type=button], 
.kontaktformular input[type=submit],
.kontaktformular select,
.kontaktformular input[type="date"] {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.kontaktformular input[type="text"],
.kontaktformular [type="email"],
.kontaktformular input[type="tel"],
.kontaktformular textarea,
.kontaktformular select,
.kontaktformular input[type="date"] {
width: 100%;
border: none;
background: #ECEAEA;
}
.kontaktformular .wpcf7-checkbox .wpcf7-list-item.first,
.kontaktformular .datenschutz .wpcf7-list-item {
margin-left: 0;
}
.kontaktformular .row {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 15px;
width: 100%;
margin-bottom: 0;
}
.kontaktformular .row.three-elements {
grid-template-columns: 1fr 1fr 1fr;
}
.kontaktformular .row input {
width: 100%;
}
.kontaktformular .note {
font-size: 1rem;
font-style: italic;
margin-top: 2em;
}
.kontaktformular .kontaktaufnahme.wrap {
margin-bottom: 1.5em;
}
.kontaktformular .kontaktaufnahme p {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.kontaktformular .phone,
.kontaktformular .email {
margin-bottom: 0;
margin-top: 1rem;
}
.kontaktformular .kontaktaufnahme div {
margin-bottom: 0;
}
@media (max-width: 1300px) {
.kontaktformular input[type="text"],
.kontaktformular [type="email"],
.kontaktformular input[type="tel"],
.kontaktformular textarea,
.kontaktformular select {
width: 100%;
}
.kontaktformular .row,
.kontaktformular .row.three-elements {
grid-template-columns: 1fr;
}
}
@media (max-width: 900px) {
.kontaktformular .kontaktaufnahme.wrap span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox {
display: flex;
flex-direction: column;
}
.kontaktformular .kontaktaufnahme.wrap .wpcf7-list-item {
margin-left: 0;
}
.kontaktformular .kontaktaufnahme.wrap .wpcf7-list-item:not(.last) {
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.contact .contact-form {
padding: 3em 40px;
}
} .kontaktformular.termin,
.kontaktformular.karriere {
max-width: 1300px;
margin-left: auto;
margin-right: auto;
margin-top: 4rem;
margin-bottom: 7rem;
}
.kontaktformular input[type="date"] {
padding: 10px 15px;
max-width: 100%
}
.kontaktformular.termin h2,
.kontaktformular.karriere h3 {
font-size: 1.75rem;
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid #ECEAEA;
}
.kontaktformular.termin .wrap.time p {
display: flex;
flex-wrap: wrap;
}
.kontaktformular.termin .wrap.time p label {
flex-basis: 100%;
}
.kontaktformular.termin .wrap.time span.wpcf7-form-control-wrap select {
width: 100px;
text-align: center;
}
.kontaktformular.termin .wrap.time span.clock-divider,
.kontaktformular.termin .wrap.time span.clock {
margin-left: 0.25rem;
margin-right: 0.25rem;
line-height: 43px;
}
.kontaktformular.karriere .kontaktaufnahme {
border-top: 1px solid #ECEAEA;
padding-top: 2rem
}
.kontaktformular.karriere h3:last-child {
border-top: none !important;
margin-top: 0 !important;
} .site-footer .footer-widgets-container {
padding-bottom: 0;
padding-top: 5rem;
}
.site-footer .footer-widgets,
.site-footer .site-info {
background: var(--text-clr);
}
.site-footer .inside-footer-widgets {
margin-left: 0 !important;
border-bottom: 1px solid #fff;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: grid;
grid-column-gap: 2rem;
grid-row-gap: 4rem;
}
.site-footer .inside-footer-widgets,
.site-footer .inside-footer-widgets a {
color: #fff;
}
.site-footer .inside-footer-widgets > div a:not(.wp-block-button__link):hover {
color: var(--primary-clr);
}
.site-footer .inside-footer-widgets aside,
.site-footer .footer-widgets-container .inner-padding {
padding-left: 0;
}
.site-footer .inside-footer-widgets aside:not(:last-child) {
margin-bottom: 1rem;
}
.site-footer .inside-footer-widgets h2 {
color: #fff;
font-weight: 400;
font-size: 1.25rem;
margin-bottom: 1rem;
}
.footer-widgets .widget :last-child, .sidebar .widget :last-child {
margin-bottom: 0;
}
.site-footer .inside-footer-widgets p {
margin-bottom: 1rem;
}
.site-footer .widget ul#menu-footer-menue {
margin-left: 30px;
}
.site-footer ul#menu-footer-menue li:before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #fff;
margin-right: 10px;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f054";
margin-left: -30px;
}
.site-footer .widget .wp-block-image img {
max-width: 250px;
}
.site-footer .wp-block-buttons {
display: flex;
flex-wrap: wrap;
flex-grow: 1;
}
.site-footer .wp-block-button:first-child {
margin-right: 15px;
}
.site-footer .wp-block-button:nth-child(2) {
margin-left: 0;
}
@media (min-width: 1281px) {
.site-footer .inside-footer-widgets .footer-widget-2,
.site-footer .inside-footer-widgets .footer-widget-3,
.site-footer .inside-footer-widgets .footer-widget-4,
.site-footer .inside-footer-widgets .footer-widget-5 {
padding-bottom: 2rem;
}
}
@media (max-width: 1280px) {
.site-footer .inside-footer-widgets {
grid-template-columns: 1fr 1fr;
}
.site-footer .footer-widgets-container .inner-padding {
padding-left: 0;
}
.site-footer .inside-footer-widgets .footer-widget-4,
.site-footer .inside-footer-widgets .footer-widget-5 {
padding-bottom: 2rem;
}
}
@media (max-width: 768px) {
.site-footer .inside-footer-widgets {
grid-template-columns: 1fr;
grid-gap: 0;
}
.site-footer .inside-footer-widgets .footer-widget-4 {
padding-bottom: 0;
}
} .site-footer .inside-footer-widgets .footer-widget-1 {
grid-column: 1/5;
grid-row: 1/2;
margin-top: -9rem;
background: #fff;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.26); 
box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.26);
padding: 30px 40px;
position: relative;
z-index: 20;
}
.site-footer .inside-footer-widgets .footer-widget-1 h2 {
color: var(--text-clr);
font-weight: 400;
font-size: 2.25rem;
}
.site-footer .inside-footer-widgets .footer-widget-1 a.wp-block-button__link,
.site-footer .inside-footer-widgets .footer-widget-1 .wp-block-button:last-child a.wp-block-button__link {
margin-bottom: 0 !important;
}
@media (max-width: 1281px) {
.site-footer .inside-footer-widgets .footer-widget-1 {
grid-column: 1/3;
grid-row: 1/2;
}
}
@media (max-width: 769px) {
.site-footer .inside-footer-widgets .footer-widget-1 {
grid-column: 1/1;
grid-row: 1/2;
margin-top: 0;
background: transparent; 
box-shadow: none;
padding: 0;
}
.site-footer .inside-footer-widgets .footer-widget-1 h2 {
color: #fff;
font-weight: 400;
font-size: 1.5rem;
}
.site-footer .inside-footer-widgets .wp-block-buttons .wp-block-button,
.site-footer .inside-footer-widgets a.wp-block-button__link {
width: 100%;
}
.site-footer .lazy-buttons.align-center a.wp-block-button__link.cta-bg {
color: var(--text-clr);
background: #fff;
border: 1px solid #fff;
}
.site-footer .lazy-buttons.align-center a.wp-block-button__link.cta-bg:hover {
color: #fff !important;
background: transparent;
border: 1px solid #fff;
}
.site-footer .lazy-buttons.align-center a.wp-block-button__link.cta-outline {
color: #fff;
background: transparent;
border: 1px solid #fff;
}
.site-footer .lazy-buttons.align-center a.wp-block-button__link.cta-outline:hover {
color: var(--text-clr) !important;
background: #fff;
border: 1px solid #fff;
}
} .site-info .inside-site-info,
.site-info .footer-bar .widget_nav_menu ul li a {
color: #fff;
}
.site-info .inside-site-info {
}
.site-info .footer-bar .widget_nav_menu ul li:hover a {
color: var(--primary-clr);
}  body.error404 {
height: 100vh;
}
body.error404 .site:not(.footer-widgets) {
min-height: 50vh;
}
body.error404 a.generate-back-to-top {
display: none;
}  @keyframes sweep {
0%    {opacity: 0; margin-left: -10px}
100%  {opacity: 1; margin-left: 0px}
}
@-webkit-keyframes sweep {
0%    {opacity: 0; margin-left: -10px}
100%  {opacity: 1; margin-left: 0px}
}
@-moz-keyframes sweep {
0%    {opacity: 0; margin-left: -10px}
100%  {opacity: 1; margin-left: 0px}
}
@-o-keyframes sweep {
0%    {opacity: 0; margin-left: -10px}
100%  {opacity: 1; margin-left: 0px}
} .landingpage-hero {
margin-bottom: 0;
}
.landingpage-hero .grid-container {
display: flex;
align-items: flex-end;
justify-content: space-between;
height: 85%;
}
.landingpage-hero .text-box {
max-width: 50%;
}
.landingpage-hero .text-box h1 {
font-size: 2.5rem;
}
.landingpage-hero .text-box .wp-block-lazyblock-lead-text p {
margin-bottom: 0.5rem;
}
.landingpage-hero .text-box ul {
margin-bottom: 0;
}
.landingpage-hero .text-box ul li {
font-weight: 700;
}
.landingpage-hero .text-box ul li span {
color: var(--primary-clr);
}
.landingpage-hero .button-box .wp-block-buttons.lazy-buttons {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.landingpage-hero .button-box .phone a {
transition: all .2s ease-in-out;
display: flex;
margin-bottom: 1.5rem;
width: fit-content;
}
.landingpage-hero .button-box .phone a span.icon-box {
background: var(--primary-clr);
border-radius: 50%;
display: inline-block;
width: 3rem;
height: 3rem;
margin-right: 0;
display: flex;
justify-content: center;
align-items: center;
}
.landingpage-hero .button-box .phone a span.icon-box svg {
width: 1.75rem;
height: 1.75rem;
color: #fff;
}
.landingpage-hero .button-box .phone.cta-bg .icon-box {
background: var(--cta-clr);
border: 2px solid var(--cta-clr);
}
.landingpage-hero .button-box .phone.cta-bg a:hover .icon-box {
background: transparent;
}
.landingpage-hero .button-box .phone.cta-bg a:hover .icon-box svg {
color: var(--cta-clr);
}
.landingpage-hero .button-box .phone.cta-outline .icon-box {
border: 2px solid var(--cta-clr);
background: transparent;
}
.landingpage-hero .button-box .phone.cta-outline a:hover .icon-box {
background: var(--cta-clr);
}
.landingpage-hero .button-box .phone.cta-outline a:hover .icon-box svg {
background: var(--cta-clr);
}
.landingpage-hero .button-box .phone.landing-bg .icon-box {
background: #e86c0f;
border: 2px solid #e86c0f;
}
.landingpage-hero .button-box .phone.landing-bg a:hover .icon-box {
background: transparent;
}
.landingpage-hero .button-box .phone.landing-bg a:hover .icon-box svg {
color: #e86c0f;;
}
.landingpage-hero .button-box .phone.landing-outline .icon-box {
border: 2px solid #e86c0f;
background: transparent;
}
.landingpage-hero .wp-block-button {
margin-left: 0;
}
.landingpage-hero .wp-block-button a.landing-bg {
background: #e86c0f;
border: 2px solid #e86c0f;
padding: 15px 30px;
font-size: 1.5rem;
}
.landingpage-hero .wp-block-button a.landing-bg:hover {
background: transparent;
color: #e86c0f;
}
.landingpage-hero .overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgb(0,0,0);
background: linear-gradient(157deg, rgba(0,0,0,0.6124824929971988) 0%, rgba(0,0,0,0.18110994397759106) 100%);
}
.landingpage-hero #breadcrumbs {
position: absolute;
top: 0;
}
.landingpage-hero #breadcrumbs p,
.landingpage-hero #breadcrumbs span,
.landingpage-hero #breadcrumbs a {
color: #fff;
}
.landingpage-hero #breadcrumbs a:hover {
color: var(--primary-clr);
}
@media (min-width: 1280px) {
.landingpage-hero .button-box .phone {
display: none;
}
}
@media (max-width: 1280px) {
.landingpage-hero .text-box {
max-width: 60%
}
.landingpage-hero .text-box h1 {
font-size: 2rem;
text-align: left !important;
}
.landingpage-hero .text-box ul li {
text-align: left;
}
}
@media (max-width: 1025px) {
.landingpage-hero {
margin-bottom: 3rem;
}
.landingpage-hero #breadcrumbs {
display: none;
}
.landingpage-hero img {
height: 400px;
}
.landingpage-hero .overlay {
height: 400px;
background: linear-gradient(157deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 100%);
}
.fullwidth-hero.landingpage-hero .grid-container {
margin-top: -13rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.landingpage-hero .text-box {
width: 100%;
max-width: 100%;
order: 2;
}
.landingpage-hero .button-box {
order: 1;
margin-bottom: 2rem;
}
.landingpage-hero .button-box .wp-block-buttons.lazy-buttons {
align-items: center;
}
}
@media (max-width: 768px) {
.landingpage-hero .wp-block-button a.landing-bg {
font-size: 1.25rem;
padding: 10px 15px;
}
.landingpage-hero .text-box h1 {
font-size: 1.75rem;
}
.landingpage-hero .text-box .wp-block-lazyblock-lead-text p {
font-size: 1.25rem;
}
} .wp-block-lazyblock-landingpage-buttons-coloured .wp-block-buttons {
column-gap: 30px;
}
.wp-block-lazyblock-landingpage-buttons-coloured .wp-block-button:not(:first-child) {
margin-left: 0;
}
.wp-block-lazyblock-landingpage-buttons-coloured .wp-block-button:first-child {
margin-bottom: 0;
}
@media (max-width: 1025px) {
.wp-block-lazyblock-landingpage-buttons-coloured .wp-block-buttons {
flex-wrap: wrap;
row-gap: 20px;
}
.wp-block-lazyblock-landingpage-buttons-coloured .wp-block-button {
flex-basis: 100%;
}
.wp-block-lazyblock-landingpage-buttons-coloured .wp-block-button a {
width: 100%;
}
} .wp-block-lazyblock-landing-person-content .image-content .grid-container,
.wp-block-lazyblock-landing-persons-content .image-content .grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
}
.wp-block-lazyblock-landing-person-content .content-box,
.wp-block-lazyblock-landing-persons-content .content-box {
padding: 0;
}
.wp-block-lazyblock-landing-person-content h2,
.wp-block-lazyblock-landing-persons-content h2 {
font-size: 3rem;
}
.wp-block-lazyblock-landing-person-content .person-box,
.wp-block-lazyblock-landing-persons-content .person-box {
display: grid;
grid-template-columns: 5fr 4fr;
}
.wp-block-lazyblock-landing-person-content .person-box .person-text,
.wp-block-lazyblock-landing-persons-content .person-box .person-text {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
background: var(--light-grey-clr);
}
.wp-block-lazyblock-landing-person-content .person-box .person-text .text-box {
padding: 2rem;
}
.wp-block-lazyblock-landing-persons-content .person-box .person-text .text-box {
padding: 1rem 2rem 0rem 2rem;
}
.wp-block-lazyblock-landing-person-content .person-box .person-text p,
.wp-block-lazyblock-landing-persons-content .person-box .person-text p {
border-bottom: 2px solid rgba(255,255,255,.8);
margin-bottom: 0;
padding-bottom: 1rem;
}
.wp-block-lazyblock-landing-person-content .person-box .contact-box,
.wp-block-lazyblock-landing-persons-content .person-box .contact-box {
padding: 1rem 2rem 2rem 2rem;
row-gap: 1rem;
display: flex;
flex-direction: column;
}
.wp-block-lazyblock-landing-persons-content .person-box .contact-box .person-1 > div,
.wp-block-lazyblock-landing-persons-content .person-box .contact-box .person-2 > div {
padding-bottom: .25rem;
}
.wp-block-lazyblock-landing-person-content .person-box .contact-box a,
.wp-block-lazyblock-landing-persons-content .person-box .contact-box a {
color: var(--text-clr);
}
.wp-block-lazyblock-landing-person-content .person-box .contact-box .icon-box,
.wp-block-lazyblock-landing-persons-content .person-box .contact-box .icon-box {
background: var(--primary-clr);
border-radius: 50%;
display: inline-block;
width: 2rem;
height: 2rem;
margin-right: 0;
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-lazyblock-landing-person-content .person-box .contact-box .phone,
.wp-block-lazyblock-landing-person-content .person-box .contact-box .email a,
.wp-block-lazyblock-landing-persons-content .person-box .contact-box .phone,
.wp-block-lazyblock-landing-persons-content .person-box .contact-box .email a {
display: flex;
align-items: center;
}
.wp-block-lazyblock-landing-person-content .person-box .contact-box .icon-box,
.wp-block-lazyblock-landing-persons-content .person-box .contact-box .icon-box {
margin-right: 5px;
}
.wp-block-lazyblock-landing-person-content .person-box .contact-box .icon-box svg,
.wp-block-lazyblock-landing-persons-content .person-box .contact-box .icon-box svg {
color: #fff;
width: 1.25rem;
height: 1.25rem;
color: #fff;
}
.wp-block-lazyblock-landing-person-content .person-box .wp-block-button__link,
.wp-block-lazyblock-landing-persons-content .person-box .wp-block-button__link {
width: 100%;
}
.wp-block-lazyblock-landing-person-content img,
.wp-block-lazyblock-landing-persons-content img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media (max-width: 1280px) {
.wp-block-lazyblock-landing-person-content .image-content .grid-container,
.wp-block-lazyblock-landing-persons-content .image-content .grid-container {
grid-template-columns: 1fr;
grid-gap: 3rem;
}
}
@media (max-width: 768px) {
.wp-block-lazyblock-landing-person-content .person-box,
.wp-block-lazyblock-landing-persons-content .person-box {
grid-template-columns: 1fr;
}
.wp-block-lazyblock-landing-person-content .person-box .contact-box a span.hide-on-mobile,
.wp-block-lazyblock-landing-persons-content .person-box .contact-box a span.hide-on-mobile {
display: block !important;
}
.wp-block-lazyblock-landing-person-content img,
.wp-block-lazyblock-landing-persons-content img  {
height: 400px;
}
}
@media (max-width: 1000px) {
.wp-block-lazyblock-landing-person-content h2,
.wp-block-lazyblock-landing-persons-content h2 {
font-size: 1.75rem;
}
} hr.landing-divider {
margin-top: 2rem;
margin-bottom: 2rem;
} .landing-list.landing-margin-both {
margin-top: 2rem;
margin-bottom: 6rem;
}
.landing-list.list-columns ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 30px;
grid-row-gap: 15px;
}
.landing-list ul li a,
.landing-list ul li p {
color: var(--text-clr);
}
.landing-list ul li p {
margin-bottom: 0;
}
.landing-list ul li a:hover {
color: var(--primary-clr);
}
@media (max-width: 1536px) {
.landing-list.list-columns ul {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 1180px) {
.landing-list.list-columns ul {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 980px) {
.landing-list.list-columns ul {
grid-template-columns: 1fr;
}
} figure.place-contact-image {
margin-bottom: 2rem;
}
figure.place-contact-image img {
width: 100%;
}
@media (max-width: 1280px) {
.landing-contact.wp-block-columns {
flex-wrap: wrap !important;
}
.landing-contact.wp-block-columns .wp-block-column {
flex-basis: 100% !important;
}
.landing-contact.wp-block-columns .wp-block-column:first-child {
order: 2;
}
.landing-contact.wp-block-columns .wp-block-column:last-child {
order: 1;
}
}
@media (max-width: 768px) {
figure.place-contact-image {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}.main-navigation.offside{position:fixed;width:var(--gp-slideout-width);height:100%;height:100vh;top:0;z-index:9999;overflow:auto;-webkit-overflow-scrolling:touch}.offside,.offside--left{left:calc(var(--gp-slideout-width) * -1)}.offside--right{left:auto;right:calc(var(--gp-slideout-width) * -1)}.offside--left.is-open:not(.slideout-transition),.offside-js--is-left .offside-sliding-element{transform:translate3d(var(--gp-slideout-width),0,0)}.offside--right.is-open:not(.slideout-transition),.offside-js--is-right .offside-sliding-element{transform:translate3d(calc(var(--gp-slideout-width) * -1),0,0)}.offside-js--interact .offside,.offside-js--interact .offside-sliding-element{transition:transform .2s cubic-bezier(.16,.68,.43,.99);-webkit-backface-visibility:hidden;-webkit-perspective:1000}.offside-js--init{overflow-x:hidden}.slideout-navigation.main-navigation:not(.is-open):not(.slideout-transition){display:none}.slideout-navigation.main-navigation:not(.slideout-transition).do-overlay{opacity:1}.slideout-navigation.main-navigation.slideout-transition.do-overlay{opacity:0}.slideout-overlay{z-index:100000;position:fixed;width:100%;height:100%;height:100vh;min-height:100%;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);visibility:hidden;opacity:0;cursor:pointer;transition:visibility .2s ease,opacity .2s ease}.offside-js--is-open .slideout-overlay{visibility:visible;opacity:1}.slideout-overlay button.slideout-exit{position:fixed;top:0;background-color:transparent;color:#fff;font-size:30px;border:0;opacity:0}.slide-opened .slideout-overlay button.slideout-exit{opacity:1}button.slideout-exit:hover{background-color:transparent}.slideout-navigation button.slideout-exit{background:0 0;width:100%;text-align:left;padding-top:20px;padding-bottom:20px;box-sizing:border-box;border:0}.slide-opened nav.toggled .menu-toggle:before{content:"\f0c9"}.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit{left:calc(var(--gp-slideout-width) - 5px)}.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit{right:calc(var(--gp-slideout-width) - 5px)}.slideout-widget{margin:20px}.slideout-navigation .main-nav,.slideout-navigation .slideout-widget:not(:last-child){margin-bottom:40px}.slideout-navigation:not(.do-overlay) .main-nav{width:100%;box-sizing:border-box}.slideout-navigation .mega-menu>ul>li{display:block;width:100%!important}.slideout-navigation .slideout-menu{display:block}#generate-slideout-menu{z-index:100001}#generate-slideout-menu .slideout-menu li{float:none;width:100%;clear:both;text-align:left}.slideout-navigation .slideout-widget li{float:none}#generate-slideout-menu.do-overlay li{text-align:center}#generate-slideout-menu.main-navigation ul ul{display:none}#generate-slideout-menu.main-navigation ul ul.toggled-on{display:block!important}#generate-slideout-menu .slideout-menu li.sfHover>ul,#generate-slideout-menu .slideout-menu li:hover>ul{display:none}#generate-slideout-menu.main-navigation .main-nav ul ul{position:relative;top:0;left:0;width:100%}.slideout-toggle:not(.has-svg-icon) a:before{content:"\f0c9";font-family:'GP Premium';line-height:1em;width:1.28571429em;text-align:center;display:inline-block;position:relative;top:1px}.slide-opened .slideout-exit:not(.has-svg-icon):before,.slideout-navigation button.slideout-exit:not(.has-svg-icon):before{content:"\f00d";font-family:'GP Premium';line-height:1em;width:1.28571429em;text-align:center;display:inline-block}#generate-slideout-menu li.menu-item-float-right{float:none!important;display:inline-block;width:auto}.rtl .slideout-navigation{position:fixed}.slideout-navigation .menu-item-has-children .dropdown-menu-toggle{float:right}.slideout-navigation .slideout-widget .menu li{float:none}.slideout-navigation .slideout-widget ul{display:block}.slideout-navigation.do-overlay{transform:none!important;transition:opacity .2s,visibility .2s;width:100%;text-align:center;left:0;right:0}.slideout-navigation.do-overlay .inside-navigation{display:flex;flex-direction:column;padding:10% 10% 0;max-width:700px}.slideout-navigation.do-overlay .inside-navigation .main-nav,.slideout-navigation.do-overlay .inside-navigation .slideout-widget{margin-left:auto;margin-right:auto;min-width:250px}.slideout-navigation.do-overlay .slideout-exit{position:fixed;right:0;top:0;width:auto;font-size:25px}.slideout-navigation.do-overlay .slideout-menu li a{display:inline-block}.slideout-navigation.do-overlay .slideout-menu li{margin-bottom:5px}#generate-slideout-menu.do-overlay .slideout-menu li,.slideout-navigation.do-overlay .inside-navigation{text-align:center}.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle{border-left:1px solid rgba(0,0,0,.07);padding:0 10px;margin:0 0 0 10px}.slideout-navigation.do-overlay ul ul{box-shadow:0 0 0}.nav-aligned-center .slideout-navigation,.nav-aligned-right .slideout-navigation{text-align:left}.slideout-navigation .sfHover>a>.dropdown-menu-toggle>.gp-icon svg{transform:rotate(180deg)}.slideout-navigation .sub-menu .dropdown-menu-toggle .gp-icon svg{transform:rotate(0)}.slideout-both .main-navigation.toggled .main-nav>ul,.slideout-desktop .main-navigation.toggled .main-nav li.slideout-toggle,.slideout-mobile .main-navigation.toggled .main-nav>ul{display:none!important}.slideout-both .has-inline-mobile-toggle #site-navigation.toggled,.slideout-mobile .has-inline-mobile-toggle #site-navigation.toggled{margin-top:0}.sf-menu>li.slideout-toggle{float:right}.gen-sidebar-nav .sf-menu>li.slideout-toggle{float:none}.off-canvas-toggle-label{padding-left:7px}.gp-icon+.off-canvas-toggle-label{padding-left:9px}@media (max-width:768px){.slideout-overlay button.slideout-exit{font-size:20px;padding:10px}.slideout-overlay{top:-100px;height:calc(100% + 100px);height:calc(100vh + 100px);min-height:calc(100% + 100px)}.slideout-navigation.do-overlay .slideout-exit{position:static;text-align:center}}