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: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
.menu-button--active span.center {
display: none;
}
.menu-button--active span.top {
transform: rotate(-45deg);
position: relative;
top: 12px;
}
.menu-button--active span.bottom {
transform: rotate(45deg);
}
body {
font-family: 'Poppins', sans-serif;
font-size: 100%}
h1, h3, h4, h5, h6 {
color: #3B3B67;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
}
h1 {
font-size: 3rem;
line-height: 3.25rem;
max-width: 1400px;
margin: 0 auto 40px auto;
}
h2 {
font-size: 1.75rem;
line-height: 2.375rem;
color: #6c6c8d;
font-family: "Poppins", sans-serif;
padding-top: 10px;
}
h3 {
font-size: 2.25rem;
line-height: 2.5rem;
}
h3:after {
content: '';
display: block;
width: 200px;
height: 3px;
background-color: #E6007D;
text-align: center;
margin: 20px auto;
}
h4 {
font-size: 1.875rem;
line-height: 2.125rem;
}
h5 {
font-size: 1.625rem;
line-height: 1.875rem;
}
h6 {
font-size: 1.375rem;
line-height: 1.625rem;
}
p {
font-size: 1rem;
line-height: 1.75rem;
padding-bottom: 30px;
}
ul li {
font-size: 1.25rem;
line-height: 1.625rem;
}
strong {
font-weight: bold;
}
figure {
line-height: 0;
}
.inlay {
max-width: 1400px;
margin: 0 auto;
width: 100%}
.ima-gap {
gap: 50px;
}
.cta-button {
background-color: #A0A5FF;
text-align: center;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: .9375rem;
line-height: 1.75rem;
color: #0A0A41;
font-weight: 700;
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/cta-button.png);
padding: 10px 20px 10px 35px;
background-position: 10px 12px;
background-repeat: no-repeat;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.cta-button:hover {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/cta-button-active.png);
background-color: #0A0A41;
color: #fff;
}
i {
font-family: "Font Awesome 5 Free"}
.heroslider {
height: inherit;
overflow: hidden;
}
.flexrow img {
max-width: 100%;
height: auto;
}
@media screen and (min-width: 767px) {
.flexrow {
display: flex;
justify-content: flex-start;
flex-direction: column;
flex-wrap: wrap;
margin: 0;
}
.flexrow--full {
gap: unset !important;
}
.flexrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 24px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.tab-flex-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%}
.tab-flex-2 {
width: calc(1/4*100% - (1 - 1/4)*24px);
}
.tab-flex-3 {
width: calc(1/3*100% - (1 - 1/3)*24px);
}
.tab-flex-4 {
width: calc(1/2*100% - (1 - 1/2)*24px);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(1/2*100% - (1 - 1/2)*24px);
flex: 0 0 calc(1/2*100% - (1 - 1/2)*24px);
max-width: calc(1/2*100% - (1 - 1/2)*24px);
}
.tab-flex-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%}
.tab-flex-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%}
.tab-flex-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%}
.tab-flex-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%}
.tablett-gap-ml-1 {
margin-left: 21px;
}
.tablett-gap-ml-2 {
margin-left: 42px;
}
.tablett-gap-mr-1 {
margin-right: 21px;
}
.tablett-gap-mr-2 {
margin-right: 42px;
}
}@media screen and (min-width: 1024px) {
.flexrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.flex-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%}
.flex-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%}
.flex-3 {
width: calc(25% - (1 - 1/4)*10px);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(25%- (1 - 1/4)*10px);
flex: 0 0 calc(25%- (1 - 1/4)*10px);
max-width: calc(25% - (1 - 1/4)*10px);
}
.flex-4 {
width: calc(1/3*100% - (1 - 1/3)*10px);
-ms-flex: 0 0 calc(1/3*100% - (1 - 1/3)*10px);
flex: 0 0 calc(1/3*100% - (1 - 1/3)*10px);
max-width: calc(1/3*100% - (1 - 1/3)*10px);
}
.flex-5 {
width: calc(41.6667% - (1 - 1/2)*10px);
-ms-flex: 0 0 calc(41.6667% - (1 - 1/3)*10px);
flex: 0 0 calc(41.6667% - (1 - 1/3)*10px);
max-width: calc(41.6667% - (1 - 1/3)*10px);
}
.flex-6 {
width: calc(1/2*100% - (1 - 1/2)*10px);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(1/2*100% - (1 - 1/2)*10px);
flex: 0 0 calc(1/2*100% - (1 - 1/2)*10px);
max-width: calc(1/2*100% - (1 - 1/2)*10px);
}
.flex-6-nogap {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%}
.flex-6-nogap img {
width: 100% !important;
height: auto;
}
.flex-7 {
width: calc(58.3333% - (1 - 1/2)*10px);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(58.3333% - (1 - 1/2)*10px);
flex: 0 0 calc(58.3333% - (1 - 1/2)*10px);
max-width: calc(58.3333% - (1 - 1/2)*10px);
}
.flex-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%}
.flex-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%}
.flex-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%}
.flex-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%}
.flex-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%}
.ml-1 {
margin-left: 8.33333%}
.ml-2 {
margin-left: 16.66667%}
.ml-3 {
margin-left: 25%}
.ml-4 {
margin-left: 33.33333%}
.mr-1 {
margin-right: 8.33333%}
.mr-2 {
margin-right: 16.66667%}
.mr-3 {
margin-right: 25%}
.mr-4 {
margin-right: 33.33333%}
}@media screen and (min-width: 1171px) {
.flexrow {
margin: 0;
}
}#header {
background-color: #ECEDFF;
width: 100%;
height: 100vh;
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 99999;
}
.logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,  -50%);
z-index: 9999999;
}
.logo img {
width: 100%;
height: auto;
}
@media (max-width: 766px) {
.logo img {
max-width: 225px;
}
}@media (min-width: 767px) {
.logo img {
max-width: 558px;
}
}@media (min-width: 1024px) {
.logo img {
max-width: 770px;
}
}.scroll-logo {
display: none !important;
}
.small-header {
background-image: unset !important;
height: 50px !important;
}
.small-header .logo {
display: none;
}
.small-header .main-navigation {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
}
.small-header .main-navigation ul {
margin-left: 15%}
.small-header .language-switcher {
display: none;
}
.small-header .scroll-logo {
display: block !important;
position: absolute;
left: 1%;
top: 10px;
}
@media (min-width: 1400px) {
.small-header .scroll-logo {
left: 6%}
}.bt-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/header-dummy-bg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 99999;
}
.scroll-to-content {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/scroll-to-content.png);
width: 42px;
height: 25px;
background-repeat: no-repeat;
cursor: pointer;
position: absolute;
bottom: 100px;
left: 50%;
z-index: 99999;
transform: translateX(-50%);
}
.main-navigation {
width: 100%;
background-color: #ada5ff;
height: 54px;
z-index: 9999999999;
position: absolute;
bottom: 0;
left: 0;
}
@media (min-width: 1200px) {
.main-navigation {
height: 80px;
}
}.main-navigation .activenavigation {
left: 0 !important;
}
.main-navigation nav.menu-hauptnavigation-container {
position: fixed;
top: 0;
left: -100%;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: #ada5ff;
height: 100vh;
z-index: 99999999;
}
@media (min-width: 1024px) {
.main-navigation nav.menu-hauptnavigation-container {
position: relative;
height: auto;
left: 0 !important;
top: -60px;
background-color: transparent;
}
}@media (min-width: 1200px) {
.main-navigation nav.menu-hauptnavigation-container {
top: -55px;
}
}.main-navigation nav.menu-hauptnavigation-container ul.navmenu {
max-width: 85%;
padding-top: 50px;
}
@media (min-width: 1024px) {
.main-navigation nav.menu-hauptnavigation-container ul.navmenu {
display: flex;
justify-content: flex-start;
gap: 0;
margin-top: 26px;
align-items: center;
}
}@media (min-width: 1200px) {
.main-navigation nav.menu-hauptnavigation-container ul.navmenu {
justify-content: space-between;
margin-top: 35px;
}
}.main-navigation nav.menu-hauptnavigation-container ul.navmenu li {
position: relative;
}
@media (min-width: 1024px) {
.main-navigation nav.menu-hauptnavigation-container ul.navmenu li {
padding-top: 0;
margin-right: 6px;
text-align: center;
height: 40px;
}
}.main-navigation nav.menu-hauptnavigation-container ul.navmenu li a {
white-space: nowrap;
text-decoration: none;
font-size: 1.25rem;
font-weight: 700;
color: #0a0a41;
text-align: center;
padding: 10px 20px;
border: 1px solid transparent;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.main-navigation nav.menu-hauptnavigation-container ul.navmenu li a:hover {
border: 1px solid #0a0a41;
}
.main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul {
margin: 10px 20px;
}
@media (min-width: 1024px) {
.main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul {
background-color: #fff;
z-index: 999;
margin: 0;
display: none;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-box-shadow: 1px 5px 24px 4px #DADADA;
box-shadow: 1px 5px 24px 4px #DADADA;
border-radius: 12px;
position: absolute;
top: -200px;
border-right: 12px;
padding: 10px 0;
width: 100%}
}.main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul li {
height: auto;
text-align: left;
}
.main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul li a {
border: 0;
font-size: 1.125rem;
line-height: 2.125rem;
color: #0a0a41;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul li a:before {
content: '>';
display: inline-block;
padding-right: 10px;
}
.main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul li a:hover {
border: 0;
color: #ada5ff;
}
.main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul li.current-menu-item a {
border: 0px;
color: #fff;
}
@media (min-width: 1024px) {
.main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul li.current-menu-item a {
color: #ada5ff;
}
}.main-navigation nav.menu-hauptnavigation-container ul.navmenu li.current-menu-item a {
border: 1px solid #0a0a41;
}
.main-navigation .activesubnav {
display: block !important;
}
.main-navigation .language-switcher {
position: relative;
height: 34px;
overflow: hidden;
z-index: 999999999999999;
text-align: center;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
padding-top: 6px;
width: 158px;
top: 10px;
left: 10px;
background-color: #D9DBFF;
}
@media (min-width: 1200px) {
.main-navigation .language-switcher {
padding-top: 13px;
width: 188px;
left: -10px;
top: -10px;
}
}@media (min-width: 1024px) {
.main-navigation .language-switcher {
float: right;
top: -105px;
right: -10px;
height: 34px;
}
}@media (min-width: 1200px) {
.main-navigation .language-switcher {
height: 54px;
top: -112px;
}
}.main-navigation span:not(.menu-button span) {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/languagearrow.png);
width: 16px;
height: 10px;
display: block;
background-repeat: no-repeat;
position: absolute;
right: 10px;
top: 14px;
cursor: pointer;
}
@media (min-width: 1200px) {
.main-navigation span: not(.menu-button span) {
top: 24px;
}
}.main-navigation li {
font-size: 1rem;
}
@media (min-width: 1024px) {
.main-navigation li {
padding-top: 0px;
}
}@media (min-width: 1200px) {
.main-navigation li {
padding-top: 2px;
}
}.main-navigation .language-switcher--list li:not(li.active-item) {
display: none;
}
.main-navigation li.lang-de {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/germany.png);
background-repeat: no-repeat;
background-position: 12px 3px;
padding-bottom: 20px;
}
@media (min-width: 1200px) {
.main-navigation li.lang-de {
background-position: 16px 6px;
}
}.main-navigation li.lang-en {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/germany.png);
background-repeat: no-repeat;
background-position: 12px 3px;
padding-bottom: 20px;
}
@media (min-width: 1200px) {
.main-navigation li.lang-en {
background-position: 16px 6px;
}
}.language-switcher-open {
height: auto !important;
}
.language-switcher-open li {
display: block !important;
}
.main-navigation--active {
left: 0 !important;
}
.language-switcher--active {
height: auto;
}
.menu-button {
position: absolute;
top: 15px;
right: 10px;
z-index: 99999999999999999999999999999999999;
width: 50px;
height: 50px;
z-index: 999999;
}
.menu-button span {
background-color: #fff;
display: block;
width: 40px;
height: 5px;
margin-bottom: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (min-width: 1024px) {
.menu-button {
display: none;
}
}@media (min-width: 1024px) {
.smallheader .main-navigation nav.menu-hauptnavigation-container ul.navmenu {
justify-content: flex-start !important;
}
.smallheader .main-navigation {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
height: 66px !important;
}
.smallheader .main-navigation ul {
margin-left: 15% !important;
position: relative;
margin-top: 0 !important;
top: -38px;
left: 40px;
}
}@media (min-width: 1024px) and (min-width: 1400px) {
.smallheader .main-navigation ul {
top: -25px !important;
margin-right: 0px !important;
}
}@media (min-width: 1024px) {
.smallheader .main-navigation ul li {
margin-right: 30px !important;
}
.smallheader .main-navigation ul li a {
padding: 10px !important;
}
.smallheader .main-navigation ul li ul {
top: 50px !important;
left: -40px !important;
}
}@media (min-width: 1024px) and (min-width: 1400px) {
.smallheader ul {
top: -50px !important;
padding-top: 35px !important;
gap: 50px !important;
}
.smallheader ul li {
margin-right: 30px !important;
}
.smallheader .scroll-logo {
display: block !important;
left: 0%;
position: relative;
width: 200px;
z-index: 999999999999999999999999999999;
top: 0px !important;
}
.smallheader .scroll-logo img {
padding-top: 5px !important;
}
}@media (min-width: 1024px) {
.smallheader .language-switcher {
display: none;
}
.smallheader .scroll-logo {
display: block !important;
left: 2%;
top: 2px;
}
}.maincontent {
min-height: 800px;
margin-top: 0px;
width: 100%;
overflow: hidden;
}
@media (min-width: 767px) {
.maincontent {
margin-top: 0;
}
}.maincontent a {
color: #0a0a41;
}
@media (max-width: 766px) {
.maincontent {
padding: 0 13px;
}
}@media (min-width: 767px) {
.maincontent {
padding: 50px 25px;
}
}@media (min-width: 1400px) {
.maincontent {
padding: 50px 0;
}
}.maincontent .wp-block-column ul li {
padding: 0px 40px;
height: 80px;
font-size: 1.125rem;
line-height: 1.75rem;
color: #55555F;
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/check.png);
background-repeat: no-repeat;
background-position: 0 5px;
}
@media (min-width: 767px) {
.maincontent .wp-block-column ul li {
padding: 0 0 40px 40px;
height: 70px;
background-position: 0 5px;
}
}.maincontent .wp-block-column thead {
border-bottom: 0;
}
.maincontent .wp-block-column table {
margin-bottom: 40px;
}
.maincontent .wp-block-column table th, .maincontent .wp-block-column table td {
height: 43px;
vertical-align: middle;
border-color: #fff;
}
.maincontent .wp-block-column th {
background-color: #B3B7FF;
color: #fff;
font-size: .9375rem;
font-weight: bold;
}
.maincontent .wp-block-column td {
font-size: .9375rem;
color: #55555F;
}
.maincontent .wp-block-column tr:nth-child(odd) {
background-color: #ECEDFF;
}
.maincontent .wp-block-column tr:nth-child(even) {
background-color: #DDDDDF;
}
.wp-block-quote {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/quote-right.png);
background-repeat: no-repeat;
padding: 0 0 0 125px;
}
.wp-block-quote cite {
display: block;
margin-top: 25px;
font-weight: bold;
}
footer {
background-color: #55555F;
padding: 13px;
overflow: hidden;
}
@media (min-width: 1400px) {
footer {
padding: 0;
}
}footer p {
color: #fff;
}
footer p a {
text-decoration: underline;
}
@media (min-width: 767px) {
footer {
height: 385px;
}
}@media (min-width: 1400px) {
footer {
height: 254px;
padding: 40px 0;
}
footer .inlay, footer .flexrow {
height: 250px;
position: relative;
}
footer .flexrow, footer .footer-col-center {
height: 150px;
}
}@media (min-width: 1400px) {
footer .logo-section {
margin-top: 40px;
}
}footer .footer-col-left {
margin: 20px 0;
}
@media (min-width: 767px) {
footer .footer-col-left {
width: 100%}
}footer .footer-col-center p {
margin-bottom: 20px;
padding-bottom: 0 !important;
}
footer .footer-col-right {
height: 150px;
}
@media (min-width: 767px) {
footer .footer-col-right {
position: absolute;
right: 13px;
}
}footer .footer-col-right ul {
list-style-type: none;
margin: 0;
padding-bottom: 20px;
justify-content: flex-start;
display: flex;
}
@media (min-width: 1024px) {
footer .footer-col-right ul {
justify-content: flex-end;
padding: 0;
}
}footer .footer-col-right ul li {
margin-right: 10px;
position: relative;
}
footer .footer-col-right ul a {
color: #fff;
text-decoration: none;
font-size: 1rem;
font-weight: 700;
}
footer #menu-footer-navigation li:not(li:last-child) {
margin-right: 22px;
}
footer #menu-footer-navigation li:not(li:last-child):after {
content: '';
width: 3px;
height: 16px;
background-color: #fff;
display: inline-block;
top: 7px;
right: -11px;
position: absolute;
}
footer .scroll-top {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/scroll-top.png);
width: 42px;
height: 23px;
background-repeat: no-repeat;
cursor: pointer;
position: relative;
top: -20px;
}
@media (min-width: 767px) {
footer .scroll-top {
margin: 130px 0 0 200px;
top: 0;
}
}#menu-social-media {
display: flex;
justify-content: flex-start;
position: relative;
}
@media (min-width: 1024px) {
#menu-social-media {
justify-content: flex-end;
}
}@media (min-width: 1024px) {
#menu-social-media {
margin-bottom: 30px;
left: 10px;
}
}#menu-social-media li {
background-repeat: no-repeat;
margin-right: 20px;
}
#menu-social-media li.link-insta {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/instagram.png);
width: 41px;
height: 41px;
}
#menu-social-media li.link-facebook {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/facebook.png);
width: 41px;
height: 41px;
}
#menu-social-media li.link-twitter {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/twitter.png);
width: 41px;
height: 41px;
}
#menu-social-media a {
color: transparent;
}
.wtf-lightbox-banner {
position: fixed;
top: 0;
left: 0;
width: 100%;
display: none;
height: 100%;
z-index: 999999;
background-color: rgba(0, 0, 0, 0.7);
}
.wtf-lighbox-close-button {
content: 'x';
color: #fff;
cursor: pointer;
font-size: 2.5rem;
position: absolute;
right: 50px;
top: 100px;
}
.wtf-lightbox-banner--content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,  -50%);
}
.wtf-lighbox-active-banner {
display: block !important;
}
.wp-block-create-block-accordeon h3 {
cursor: pointer;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
width: 100%;
height: 100%}
@media screen and (min-width: 530px) {
.wp-block-create-block-accordeon h3 {
padding-top: 20px;
}
}.wp-block-create-block-accordeon .wtf-acc-content {
opacity: 0;
height: 0;
z-index: -1;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: #ECEDFF;
padding: 10px 20px;
}
.wp-block-create-block-accordeon .wtf-acc-content div {
font-size: 1rem;
line-height: 1.75rem;
padding-bottom: 30px;
}
.active-acc-element .wtf-acc-content {
opacity: 1;
height: auto;
z-index: 1;
padding: 40px 20px;
margin-bottom: 10px;
}
.active-acc-element .wtf-acc-headline {
background-color: #000;
}
.active-acc-element .wtf-acc-headline h3 {
color: #fff;
}
.active-acc-element .wtf-acc-headline h3:after {
display: none;
}
.active-acc-element .wtf-acc-headline span {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/acc-active-icon.png);
top: 26px;
}
.wtf-acc-headline {
background-color: #A0A5FF;
position: relative;
z-index: 2;
font-weight: bold;
padding: 5px 20px;
height: 67px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
@media screen and (min-width: 530px) {
.wtf-acc-headline {
padding: 0 20px;
}
}.wtf-acc-headline h3 {
color: #0A0A41;
font-size: 1.25rem;
width: 90%;
line-height: 1.875rem;
}
@media (min-width: 767px) {
.wtf-acc-headline h3 {
font-size: 1.25rem;
line-height: 1.375rem;
width: auto;
}
}@media (min-width: 1024px) {
.wtf-acc-headline h3 {
font-size: 1.625rem;
line-height: 1.875rem;
}
}.wtf-acc-headline h3:after {
display: none;
}
.wtf-acc-headline span {
position: absolute;
top: 30px;
right: 20px;
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/acc-icon.png);
width: 22px;
height: 13px;
background-repeat: no-repeat;
display: block;
}
.wtf-jumbotrom {
position: relative;
width: 100%}
@media (max-width: 766px) {
.wtf-jumbotrom {
height: auto !important;
margin: 70px 0;
min-height: 650px;
}
}.wtf-jumboton-innercontent {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,  -50%);
width: 100%;
max-width: 1100px;
}
h2 {
font-size: 3rem;
line-height: 3.25rem;
margin-bottom: 20px;
}
h3 {
font-family: 'Poppins', sans-serif;
font-size: 1.75rem;
line-height: 2rem;
text-transform: unset;
margin-bottom: 20px;
}
@media (max-width: 766px) {
.wtf-jumboton-innercontent {
margin-top: 50px;
}
}@media (min-width: 1024px) {
.wtf-jumboton-innercontent {
padding: 50px 50px;
}
}.wtf-jumbotrom-cta a.cta-button-jumbotron {
position: relative;
top: 20px;
}
.wtf-jumbotron-background {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/header-dummy-bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.button-notvisible {
display: none;
}
.wp-block-column .wtf-jumboton-innercontent {
padding: 0;
}
.wp-block-column a.cta-button-jumbotron {
top: 0;
}
.wtf-flying-buttons {
position: fixed;
right: 0;
top: 250px;
z-index: 9999999999999;
}
.wtf-flying-buttons ul li {
margin-bottom: 20px;
width: 300px;
height: 60px;
background-color: #A0A5FF;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px;
border-radius: 10px 0 0 10px;
cursor: pointer;
position: relative;
right: -230px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.wtf-flying-buttons ul li:before {
display: inline-block;
width: 34px;
height: 34px;
background-repeat: no-repeat;
content: ''}
.wtf-flying-buttons ul a {
text-decoration: underline;
color: #fff !important;
font-size: 1rem;
line-height: 1.75rem;
position: relative;
}
.wtf-flying-buttons li.tel-icon:before {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/phone.png);
margin: 11px 33px 18px 18px;
}
.wtf-flying-buttons li.tel-icon a {
top: -30px;
}
.wtf-flying-buttons li.mail-icon:before {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/mail.png);
background-position: 0 10px;
margin: 7px 33px 18px 18px;
}
.wtf-flying-buttons li.mail-icon a {
top: -25px;
}
.wtf-flying-buttons--active {
background-color: #0A0A41 !important;
right: 0 !important;
}
.is-maxwidthcontent-active {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.standard-margin-full-margin {
margin-top: 40px;
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.standard-margin-full-margin {
margin-top: 80px;
margin-bottom: 80px;
}
}@media (min-width: 1400px) {
.standard-margin-full-margin {
margin-top: 100px;
margin-bottom: 100px;
}
}.standard-margin-margin-bottom {
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.standard-margin-margin-bottom {
margin-bottom: 80px;
}
}@media (min-width: 1400px) {
.standard-margin-margin-bottom {
margin-bottom: 100px;
}
}.standard-margin-margin-top {
margin-top: 40px;
}
@media (min-width: 1024px) {
.standard-margin-margin-top {
margin-top: 80px;
}
}@media (min-width: 1400px) {
.standard-margin-margin-top {
margin-top: 100px;
}
}.background-layout-one {
position: relative;
}
.background-layout-one:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/layout-one.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 99;
}
.background-layout-one img {
z-index: -1;
}
.is-overlay-active {
cursor: pointer;
}
.wtf-mod-tab {
display: flex;
justify-content: flex-start;
width: 100%;
position: relative;
height: auto;
gap: 5px;
}
@media (min-width: 767px) {
.wtf-mod-tab {
height: 500px;
}
}.wtf-mod-tab .tabitem-headline {
background-color: #A0A5FF;
border-radius: 12px;
padding: 15px 20px;
font-size: 16px;
line-height: 26px;
color: #0A0A41;
text-align: center;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.wtf-mod-tab .tabitem-headline:hover {
color: #ffffff;
background-color: #0A0A41;
}
.wtf-mod-tab .tabitem-content {
background-color: #ECEDFF;
padding: 30px 20px;
font-size: 16px;
line-height: 26px;
color: #55555F;
display: none;
position: absolute;
top: 50px;
left: 0;
width: 100%}
.tabnav--active .tabitem-content {
display: block;
}
.tabnav--active .tabitem-headline {
background-color: #ECEDFF;
}
.wtf-mod-fiitems {
display: flex;
justify-content: flex-start;
flex-direction: column;
}
@media (min-width: 1024px) {
.wtf-mod-fiitems {
flex-direction: row;
}
}.wtf-mod-fiitems h3:after {
display: none;
}
.wtf-featured-item {
position: relative;
}
.wtf-featured-item h3 {
font-family: "Poppins", sans-serif;
font-size: 2.25rem;
line-height: 2.5rem;
text-transform: uppercase;
}
.wtf-featured-item .wtf-featured-item--image {
width: 100%;
height: 285px;
text-align: center;
position: relative;
border-radius: 12px 12px 0 0;
}
.wtf-featured-item .wtf-featured-item--image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,  -50%);
}
.wtf-featured-item .wtf-featured-item--headline {
display: none;
}
.wtf-fiitem-is-rounded {
cursor: pointer;
}
.wtf-fiitem-is-rounded .wtf-featured-item--image {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 250px;
height: 250px;
position: relative;
margin: 0 auto;
}
.wtf-fiitem-is-rounded .wtf-featured-item--image img {
max-width: 80%;
height: auto;
}
.wtf-fiitem-is-rounded .wtf-featured-item--headline {
display: block;
text-align: center;
margin: 20px 0;
}
.notvisible {
display: none;
}
.wtf-featured-item--content {
background-color: #A0A5FF;
padding: 25px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0 0 12px 12px;
}
.wtf-featured-item--content h3 {
font-family: "Poppins", sans-serif;
font-size: 2.25rem;
line-height: 2.5rem;
text-transform: uppercase;
}
.wtf-featured-item--content .wtf-featured-item--innercontent {
color: #fff;
font-size: 1rem;
line-height: 1.75rem;
margin-bottom: 25px;
}
.cta-button-featitem {
background-color: #fff;
margin-bottom: 20px;
}
.wtf-fiitem-has-overlay {
cursor: pointer;
}
.wtf-fiitem-has-overlay .wtf-featured-item--image {
position: relative;
}
.wtf-fiitem-has-overlay .wtf-featured-item--content {
position: absolute;
top: 50px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 250px;
padding: 10px;
border-radius: 10px;
padding-bottom: 50px;
min-height: 310px;
opacity: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.wtf-fiitem-has-overlay .cta-button-featitem {
display: none;
}
.wtf-fiitem-has-overlay h3 {
font-family: "Poppins", sans-serif;
font-size: 1.875rem;
line-height: 2.8125rem;
text-transform: uppercase;
text-align: center;
margin: 15px 0;
}
.wtf-fiitem-has-overlay p {
font-size: .9375rem;
}
.overlay-active .wtf-featured-item--content {
opacity: 1;
top: 00px;
}
.wtf-border-element {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
opacity: 0;
}
.wtf-fiitem-hasborder-onhover {
width: 100%;
height: 100%}
.wtf-fiitem-hasborder-onhover .wtf-featured-item--image {
position: relative;
}
.wtf-fiitem-hasborder-onhover .wtf-featured-item--image:hover .wtf-border-element {
opacity: 1;
}
.wtf-fiitem-hasborder-onhover .wtf-featured-item--content {
display: none;
}
.wtf-mitarbeiter-items {
display: flex;
justify-content: flex-start;
flex-direction: column;
}
@media (min-width: 1024px) {
.wtf-mitarbeiter-items {
flex-direction: row;
}
}.wtf-mitarbeiter-items h3:after {
display: none;
}
.wtf-mitarbeiter-items .wtf-mitarbeiter-post-items--image {
cursor: pointer;
}
.wtf-mitarbeiter-items .wtf-emp-button {
display: none;
}
.wtf-mitarbeiter-item {
margin-bottom: 0px;
}
@media (min-width: 1024px) {
.wtf-mitarbeiter-item {
margin-bottom: 0;
}
}.wtf-emp-slider {
position: relative;
width: 100%}
@media (min-width: 1024px) {
.wtf-emp-slider {
height: 426px;
}
}@media (min-width: 1024px) {
.wtf-emp-slider .wtf-mitarbeiter-items {
gap: 87px;
}
}.wtf-emp-slider .wtf-slider-arrow-forward {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/slide-back.png);
width: 25px;
height: 42px;
z-index: 99;
background-repeat: no-repeat;
display: block;
position: absolute;
left: -135px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.wtf-emp-slider .wtf-slider-arrow-back {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/arr-next.png);
width: 25px;
height: 42px;
z-index: 99;
background-repeat: no-repeat;
display: block;
position: absolute;
right: -135px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.wtf-emp-slider .wtf-mitarbeiter-item {
position: relative;
display: none;
width: 100%}
.wtf-emp-slider .wtf-mitarbeiter-item:hover .wtf-mitarbeiter-content {
opacity: 1;
}
.wtf-emp-slider .emp-ele-visible {
display: block !important;
height: 440px;
}
@media (min-width: 1024px) {
.wtf-emp-slider .emp-ele-visible {
height: auto;
}
}.wtf-emp-slider .wtf-mitarbeiter-post-items--image {
position: relative;
width: 100%;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
height: 426px;
background-color: #ECEDFF;
}
.wtf-emp-slider .wtf-mitarbeiter-post-items--image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,  -50%);
}
.wtf-emp-slider .wtf-mitarbeiter-content {
width: 100%;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
height: 426px;
position: relative;
top: -426px;
padding: 0 30px 30px 30px;
opacity: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: #B3B7FF;
}
.wtf-emp-slider .wtf-mitarbeiter-content h3 {
text-align: center;
font-family: "Poppins", sans-serif;
font-size: 1.875rem;
padding-top: 60px;
}
.wtf-emp-slider .wtf-mitarbeiter-content h4 {
display: none;
}
.wtf-emp-slider .wtf-mitarbeiter-content .wtf-mitarbeiter-innercontent strong, .wtf-emp-slider .wtf-mitarbeiter-content .wtf-mitarbeiter-adress, .wtf-emp-slider .wtf-mitarbeiter-content .wtf-mitabeiter-contact {
display: none;
}
.wtf-emp-slider .wtf-mitarbeiter-content .wtf-mitarbeiter-innercontent p {
color: #fff;
height: 120px;
overflow: hidden;
}
.wtf-emp-slider .wtf-emp-button {
display: block;
cursor: pointer;
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/wtf-emp-button.png);
width: 60px;
height: 60px;
background-repeat: no-repeat;
position: absolute;
bottom: 60px;
left: 50%;
transform: translateX(-50%);
}
p.wtf-ma-uri, p.wtf-ma-fax, .wtf-mitarbeiter-adress {
display: none;
}
.wtf-emp-list span {
display: none;
}
.wtf-emp-list .wtf-mitarbeiter-items {
gap: 40px;
}
.wtf-emp-list .wtf-mitarbeiter-post-items--image {
position: relative;
width: 100%;
-moz-border-radius: 12px 12px 0 0;
-webkit-border-radius: 12px;
border-radius: 12px 12px 0 0;
height: 285px;
background-color: #ECEDFF;
}
.wtf-emp-list .wtf-mitarbeiter-post-items--image img {
position: absolute;
top: 50%;
left: 50%;
width: 15%;
height: auto;
transform: translate(-50%,  -50%);
}
@media (min-width: 1024px) {
.wtf-emp-list .wtf-mitarbeiter-post-items--image img {
width: 30%}
}.wtf-emp-list .wtf-mitarbeiter-content {
width: 100%;
-moz-border-radius: 0 0 12px 12px;
-webkit-border-radius: 0;
border-radius: 0 0 12px 12px;
height: 426px;
padding: 30px;
opacity: 1;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: #B3B7FF;
}
.wtf-emp-list .wtf-mitarbeiter-content h3 {
text-align: left;
font-family: "Poppins", sans-serif;
font-size: 1.875rem;
}
.wtf-emp-list .wtf-mitabeiter-contact {
margin-top: 40px;
}
.wtf-emp-list .wtf-mitabeiter-contact p {
font-style: unset !important;
}
.wtf-emp-list .wtf-mitarbeiter-innercontent p {
color: #fff;
padding-bottom: 10px;
overflow: hidden;
line-height: 26px;
font-style: italic;
}
.wtf-emp-list .wtf-mitarbeiter-innercontent strong {
color: #fff;
line-height: 24px;
display: block;
margin: 20px 0 15px 0;
}
.wtf-emp-list .wtf-mitarbeiter-innercontent a {
color: #0a0a41;
font-weight: bold;
}
.wtf-emp-list .wtf-mitarbeiter-innercontent i {
margin-right: 10px;
}
.wtf-mitarbeiter-post-items--actionimage, .wtf-mitarbeiter-post-items--hoverimage {
display: none;
}
.wtf-emp-single .wtf-mitarbeiter-item {
display: flex;
justify-content: flex-start;
flex-direction: column;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.wtf-emp-single .wtf-mitarbeiter-item {
flex-direction: row;
}
}.wtf-emp-single .wtf-mitarbeiter-post-items--image {
position: relative;
width: 100%;
height: 300px;
background-color: #ECEDFF;
}
@media (min-width: 1024px) {
.wtf-emp-single .wtf-mitarbeiter-post-items--image {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
height: auto;
-moz-border-radius: 12px 0 0 12px;
-webkit-border-radius: 12px;
border-radius: 12px 0 0 12px;
}
}.wtf-emp-single .wtf-mitarbeiter-post-items--image img {
position: absolute;
top: 50%;
left: 50%;
width: 15%;
height: auto;
transform: translate(-50%,  -50%);
}
@media (min-width: 1024px) {
.wtf-emp-single .wtf-mitarbeiter-post-items--image img {
width: 30%}
}.wtf-emp-single .wtf-mitarbeiter-content {
width: 100%;
-moz-border-radius: 0 12px 12px 0;
-webkit-border-radius: 0;
border-radius: 0 12px 12px 0;
height: 426px;
padding: 30px;
opacity: 1;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: #B3B7FF;
}
.wtf-emp-single .wtf-mitarbeiter-content h3 {
text-align: left;
font-family: "Poppins", sans-serif;
font-size: 1.875rem;
}
.wtf-emp-single .wtf-mitabeiter-contact {
margin-top: 40px;
}
.wtf-emp-single .wtf-mitabeiter-contact p {
font-style: unset !important;
}
.wtf-emp-single .wtf-mitarbeiter-innercontent p {
color: #fff;
padding-bottom: 10px;
overflow: hidden;
line-height: 26px;
font-style: italic;
}
.wtf-emp-single .wtf-mitarbeiter-innercontent strong {
color: #fff;
line-height: 24px;
display: block;
margin: 20px 0 15px 0;
}
.wtf-emp-single .wtf-mitarbeiter-innercontent a {
color: #0a0a41;
font-weight: bold;
}
.wtf-emp-single .wtf-mitarbeiter-innercontent i {
margin-right: 10px;
}
.wtf-employee-modal-content .wtf-lighbox-close-button {
color: #fff;
right: 10%;
top: 30%;
z-index: 9999999;
position: fixed;
}
@media (min-width: 1024px) {
.wtf-employee-modal-content .wtf-lighbox-close-button {
right: 15%;
top: 25%;
color: #fff;
}
}@media (min-width: 1400px) {
.wtf-employee-modal-content .wtf-lighbox-close-button {
right: 25%}
}.wtf-employee-modal-content .wtf-lightbox-banner--content {
background-color: #fff;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
@media screen and (max-width: 900px) {
.wtf-employee-modal-content .wtf-lightbox-banner--content {
width: 90%}
}@media (min-width: 1024px) {
.wtf-employee-modal-content .wtf-lightbox-banner--content .wtf-mitarbeiter-item {
display: flex;
justify-content: flex-start;
}
}.wtf-employee-modal-content .wtf-lightbox-banner--content .wtf-mitarbeiter-item .wtf-mitarbeiter-post-items--image {
position: relative;
width: 100%;
cursor: pointer;
-moz-border-radius: 12px 12px 0 0;
-webkit-border-radius: 12px;
border-radius: 12px 12px 0 0;
height: 327px;
margin-right: 20px;
background-color: #ECEDFF;
}
@media (min-width: 1024px) {
.wtf-employee-modal-content .wtf-lightbox-banner--content .wtf-mitarbeiter-item .wtf-mitarbeiter-post-items--image {
width: 45%}
}.wtf-employee-modal-content .wtf-lightbox-banner--content .wtf-mitarbeiter-item .wtf-mitarbeiter-post-items--image img {
position: absolute;
top: 50%;
left: 50%;
width: 25%;
height: auto;
transform: translate(-50%,  -50%);
}
@media (min-width: 1024px) {
.wtf-employee-modal-content .wtf-lightbox-banner--content .wtf-mitarbeiter-item .wtf-mitarbeiter-post-items--image img {
width: 30%}
}.wtf-employee-modal-content .wtf-lightbox-banner--content .wtf-mitarbeiter-item h3:after {
display: none;
}
.wtf-employee-modal-content .wtf-lightbox-banner--content .wtf-mitarbeiter-item .wtf-mitarbeiter-content {
padding: 20px;
}
.wtf-employee-modal-content .wtf-lightbox-banner--content .wtf-mitarbeiter-item .wtf-mitarbeiter-content a {
color: #0a0a41;
font-weight: bold;
}
.wtf-employee-modal-content .wtf-lightbox-banner--content .wtf-mitarbeiter-item .wtf-mitarbeiter-content i {
margin-right: 10px;
}
.wtf-employee-modal-content .wtf-lightbox-banner--content .wtf-mitarbeiter-item .wtf-mitarbeiter-content .wtf-ma-desc {
margin-top: 15px;
}
.wtf-employee-modal-content .wtf-lightbox-banner--content .wtf-mitarbeiter-item .wtf-mitarbeiter-content p {
padding-bottom: 10px;
}
.wtf-in-blog-items {
display: none;
width: 100%}
.blogpost-visible {
display: block;
}
.wtf-blog-listitem-vertical .wp-block-web2fair-inblogposts {
display: flex;
justify-content: flex-start;
flex-direction: column;
gap: 40px;
}
@media (min-width: 1024px) {
.wtf-blog-listitem-vertical .wp-block-web2fair-inblogposts {
flex-direction: row;
}
}.wtf-blog-listitem-vertical .wtf-in-post-items--image {
position: relative;
width: 100%;
-moz-border-radius: 12px 12px 0 0;
-webkit-border-radius: 12px;
border-radius: 12px 12px 0 0;
height: 285px;
background-color: #ECEDFF;
}
.wtf-blog-listitem-vertical .wtf-in-post-items--image img {
position: absolute;
top: 50%;
left: 50%;
width: 30%;
height: auto;
transform: translate(-50%,  -50%);
}
.wtf-blog-listitem-vertical .wtf-in-post-items--content {
width: 100%;
-moz-border-radius: 0 0 12px 12px;
-webkit-border-radius: 0;
border-radius: 0 0 12px 12px;
padding: 30px 15px;
opacity: 1;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: #ada5ff;
}
@media (min-width: 1024px) {
.wtf-blog-listitem-vertical .wtf-in-post-items--content {
height: 326px;
}
}.wtf-blog-listitem-vertical .wtf-in-post-items--content h3 {
text-align: left;
font-family: "Poppins", sans-serif;
font-size: 1.625rem;
margin-bottom: 15px;
}
.wtf-blog-listitem-vertical .wtf-in-post-items--content h3:after {
display: none;
}
.wtf-blog-listitem-vertical .wtf-in-post-items--content .wtf-date {
color: #fff;
display: block;
margin-bottom: 20px;
}
.wtf-blog-listitem-vertical .wtf-in-post-items--content .wtf-innercontent p {
display: block;
font-size: .875rem;
line-height: 1.25rem;
margin-bottom: 0px;
padding-bottom: 20px;
}
.wtf-blog-listitem-vertical .wtf-in-post-items--content .wtf-in-post-link .cta-button-blog {
background-color: #fff;
background-position: 7px 13px;
}
.wtf-blog-listitem-vertical .wtf-in-post-items--content .wtf-in-post-link .cta-button-blog:hover {
background-color: #000;
}
.wtf-blog-listitem-vertical .wtf-blog-slidecontrols {
margin: 60px auto !important;
}
.wtf-blog-listitem-vertical .wtf-blog-slidecontrols li {
position: relative;
top: 0px;
}
.wtf-blog-listitme-horizontal .wp-block-web2fair-inblogposts {
display: flex;
justify-content: flex-start;
gap: 0px;
flex-wrap: wrap;
flex-direction: column;
}
@media (min-width: 1024px) {
.wtf-blog-listitme-horizontal .wp-block-web2fair-inblogposts {
flex-direction: row;
}
}.wtf-blog-listitme-horizontal .blogpost-visible {
width: 100%;
display: flex;
justify-content: flex-start;
flex-direction: column;
flex-wrap: nowrap;
border-top: 1px solid #BBBBBF;
padding: 30px 0;
}
@media (min-width: 1024px) {
.wtf-blog-listitme-horizontal .blogpost-visible {
flex-direction: row;
}
}.wtf-blog-listitme-horizontal .wtf-in-post-items--image {
position: relative;
-moz-border-radius: 12px 12px 0 0;
-webkit-border-radius: 12px;
border-radius: 12px 12px 0 0;
height: 300px;
background-color: #ECEDFF;
}
@media (min-width: 1024px) {
.wtf-blog-listitme-horizontal .wtf-in-post-items--image {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 50%;
max-width: 50%;
height: auto;
}
}.wtf-blog-listitme-horizontal .wtf-in-post-items--image img {
position: absolute;
top: 50%;
left: 50%;
width: 30%;
height: auto;
transform: translate(-50%,  -50%);
}
.wtf-blog-listitme-horizontal .wtf-in-post-items--content {
padding: 30px;
opacity: 1;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media (min-width: 1024px) {
.wtf-blog-listitme-horizontal .wtf-in-post-items--content {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%}
}.wtf-blog-listitme-horizontal .wtf-in-post-items--content h3 {
text-align: left;
font-family: "Poppins", sans-serif;
font-size: 1.875rem;
}
.wtf-blog-listitme-horizontal .wtf-in-post-items--content h3:after {
display: none;
}
.wtf-blog-listitme-horizontal .wtf-in-post-items--content .wtf-date {
color: #fff;
display: block;
margin-bottom: 20px;
}
.wtf-blog-listitme-horizontal .wtf-in-post-items--content .wtf-innercontent p {
display: none;
}
.wtf-blog-listitme-horizontal .wtf-in-post-items--content .wtf-innercontent p:nth-child(1) {
display: block;
}
.wtf-blog-listitme-horizontal .wtf-in-post-items--content .wtf-in-post-link .cta-button-blog {
background-color: #ada5ff;
}
.wtf-blog-slidecontrols {
display: flex;
margin: 30px auto;
justify-content: center;
max-width: 600px;
text-align: center;
}
.wtf-blog-slidecontrols .wtf-blog-arrow-back {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/slide-back.png);
width: 25px;
height: 42px;
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
margin-right: 20px;
}
.wtf-blog-slidecontrols .wtf-blog-arrow-forward {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/arr-next.png);
width: 25px;
height: 42px;
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
margin-left: 20px;
}
.wtf-blog-slidecontrols ul {
display: flex;
justify-content: flex-start;
}
.wtf-blog-slidecontrols ul li {
width: 32px;
height: 32px !important;
color: #fff;
margin-right: 5px;
margin-top: 5px;
padding: 5px !important;
line-height: 1.45rem !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: #ada5ff;
background-image: unset !important;
cursor: pointer;
}
.wtf-blog-slidecontrols ul li.active {
background-color: #0a0a41;
color: #fff;
}
.wtf-blog-slidecontrols ul li:last-child {
margin-right: 0 !important;
}
.animated-lines-modul {
height: 40px;
position: relative;
padding-top: 20px;
margin: 50px 0;
}
.animated-lines-modul .animated-line-left {
position: absolute;
left: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.animated-lines-modul .animated-line-right {
position: absolute;
right: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.animated-lines-modul:hover .animated-line-left, .animated-lines-modul:hover .animated-line-right {
width: 600px !important;
}
.job_filters {
display: none;
}
.job_listings li {
background-image: unset !important;
}
.job_listings li img {
display: none !important;
}
.job_listings li.date, .job_listings .company {
display: none !important;
}
.job_listings h3:after {
display: none;
}
.job_listings li.type-job_listing {
width: 100%;
padding: 0 !important;
max-width: 1120px;
margin: 0 auto 20px auto !important;
border-radius: 12px !important;
height: 125px !important;
display: block;
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/job-arrow.png) !important;
background-repeat: no-repeat !important;
background-position: 95% center !important;
background-color: #ECEDFF;
}
.job_listings li.type-job_listing:hover {
background-color: #D9DBFF !important;
}
.job_listings li.type-job_listing a:hover {
background-color: transparent !important;
}
.job_listings li.type-job_listing .position {
display: block !important;
}
.job_listings li.type-job_listing h3 {
display: block !important;
}
.job_listings .position {
display: block !important;
float: none !important;
margin-top: 12px;
}
.job_listings h3 {
display: block !important;
font-size: 36px !important;
line-height: 40px !important;
font-family: "Poppins", sans-serif;
position: relative;
left: -2px !important;
}
.job_listings .location {
position: relative !important;
left: 24px !important;
color: #55555F !important;
font-size: 16px !important;
top: 7px !important;
}
.job_listings .meta {
float: unset !important;
position: relative;
top: -19px !important;
left: 30px !important;
width: 100% !important;
}
@media (min-width: 1024px) {
.job_listings .meta {
width: 150px !important;
left: 100px !important;
}
}.job_listings .meta li.job-type {
color: #EB3397 !important;
font-size: 16px !important;
}
.wpcf7 {
width: 100%;
max-width: 670px;
margin-left: auto;
margin-right: auto;
}
.wpcf7 input[type=text], .wpcf7 input[type=email] {
width: 100%;
padding: 20px 10px;
border-radius: 12px;
border: 1px solid #cccccc;
-webkit-box-shadow: 1px 5px 24px 4px #DADADA;
box-shadow: 1px 5px 24px 4px #DADADA;
}
.wpcf7 select {
width: 100%;
padding: 20px 5px;
border-radius: 12px;
border: 1px solid #cccccc;
-webkit-box-shadow: 1px 5px 24px 4px #DADADA;
box-shadow: 1px 5px 24px 4px #DADADA;
}
.wpcf7 textarea {
width: 100% !important;
overflow: hidden !important;
padding: 20px 10px;
border-radius: 12px;
-webkit-box-shadow: 1px 5px 24px 4px #DADADA;
box-shadow: 1px 5px 24px 4px #DADADA;
border: 1px solid #cccccc;
}
.wpcf7 label {
font-weight: bold;
display: block;
margin-bottom: 10px;
}
.wpcf7 .required {
color: red;
}
.wpcf7 input[type=submit] {
background-color: #A0A5FF;
text-align: center;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: .9375rem;
line-height: 1.75rem;
color: #0A0A41;
font-weight: 700;
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/cta-button.png);
padding: 10px 20px 10px 35px;
background-position: 10px 15px;
border: 0;
background-repeat: no-repeat;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.wpcf7 input[type=submit]:hover {
background-image: url(//greatheads.de/wp-content/themes/webtwofair-master/img/cta-button-active.png);
background-color: #0A0A41;
color: #fff;
}
.wpcf7 .hasicon {
position: relative;
}
.wpcf7 .hasicon input {
padding-left: 60px !important;
}
.wpcf7 .hasicon i {
position: absolute;
top: 43px;
font-size: 24px;
left: 20px;
color: #B3B7FF;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.wpcf7 .hasicon i.fa-person {
font-size: 30px;
}
.wpcf7 .hasicon:hover i {
color: #000;
}
.o-slider-pagination {
bottom: 20% !important;
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 1444000;
margin: 0;
padding: 0;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}@font-face {
font-display: swap;
font-family: "Oswald";
font-style: normal;
font-weight: 400;
src: url(//greatheads.de/wp-content/themes/greatHEADS-child/fonts/oswald-v49-latin-regular.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "Poppins";
font-style: normal;
font-weight: 300;
src: url(//greatheads.de/wp-content/themes/greatHEADS-child/fonts/poppins-v20-latin-300.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "Poppins";
font-style: italic;
font-weight: 300;
src: url(//greatheads.de/wp-content/themes/greatHEADS-child/fonts/poppins-v20-latin-300italic.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "Poppins";
font-style: normal;
font-weight: 500;
src: url(//greatheads.de/wp-content/themes/greatHEADS-child/fonts/poppins-v20-latin-500.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "Poppins";
font-style: italic;
font-weight: 500;
src: url(//greatheads.de/wp-content/themes/greatHEADS-child/fonts/poppins-v20-latin-500italic.woff2) format("woff2");
}
body {
font-size: 17px;
line-height: 28px;
font-weight: 300;
color: #000000;
}
@media (max-width: 768px) {
body {
font-size: 16px;
line-height: 26px;
}
}
body h1 {
font-family: "Oswald", sans-serif;
font-weight: 400;
font-size: 48px;
line-height: 58px;
color: #003953;
max-width: 100%;
margin: 0 auto 25px auto;
}
@media (max-width: 1024px) {
body h1 {
font-size: 38px;
line-height: 48px;
}
}
@media (max-width: 768px) {
body h1 {
font-size: 30px;
line-height: 40px;
margin: 0 auto 20px auto;
}
}
body h2 {
font-family: "Oswald", sans-serif;
font-weight: 400;
font-size: 40px;
line-height: 50px;
color: #003953;
margin: 0 auto 40px auto;
padding-top: 0;
}
@media (max-width: 1024px) {
body h2 {
font-size: 30px;
line-height: 40px;
margin: 0 auto 30px auto;
}
}
@media (max-width: 768px) {
body h2 {
font-size: 24px;
line-height: 34px;
margin: 0 auto 20px auto;
}
}
body h3 {
font-family: "Oswald", sans-serif;
font-weight: 500;
font-size: 32px;
line-height: 42px;
color: #000000;
margin: 0 auto 25px auto;
}
@media (max-width: 1024px) {
body h3 {
font-size: 28px;
line-height: 38px;
}
}
@media (max-width: 768px) {
body h3 {
font-size: 22px;
line-height: 32px;
margin: 0 auto 20px auto;
}
}
body h3:after {
width: 200px;
height: 3px;
background-color: #19BAE4;
text-align: inherit;
margin: 25px 0;
}
@media (max-width: 768px) {
body h3:after {
width: 150px;
margin: 20px 0;
}
}
body h3.has-text-align-center:after {
margin: 25px auto;
}
@media (max-width: 768px) {
body h3.has-text-align-center:after {
margin: 20px auto;
}
}
body h4 {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 22px;
line-height: 32px;
text-transform: none;
color: #003953;
margin: 0 auto 20px auto;
}
@media (max-width: 768px) {
body h4 {
font-size: 20px;
line-height: 30px;
}
}
body h5 {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 28px;
text-transform: none;
color: #003953;
margin: 0 auto 15px auto;
}
@media (max-width: 768px) {
body h5 {
font-size: 17px;
}
}
body h6 {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 17px;
line-height: 28px;
text-transform: none;
color: #003953;
margin: 0 auto 15px auto;
}
@media (max-width: 768px) {
body h6 {
font-size: 16px;
line-height: 26px;
}
}
body p {
font-size: inherit;
line-height: inherit;
}
@media (max-width: 768px) {
body p {
padding-bottom: 20px;
}
}
body p:last-child {
padding-bottom: 0;
}
body strong {
font-weight: 500;
}
body em {
font-style: italic;
}
body .block-cta-button {
display: table;
color: #fff !important;
font-size: inherit !important;
text-align: left !important;
text-decoration: none !important;
border-radius: 2px !important;
line-height: inherit !important;
border: 0 !important;
padding: 14px 20px;
background-color: #19BAE4 !important;
margin: 0 0;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
transition: background-color 0.3s ease;
}
@media (max-width: 768px) {
body .block-cta-button {
font-size: 15px !important;
padding: 12px 15px;
}
}
body .block-cta-button:hover {
background-color: #003953 !important;
}
body .block-cta-button i {
margin-right: 6px;
}
body .button-center .block-cta-button {
margin: 0 auto;
}
body .wp-block-image img {
border-radius: 2px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}
body.home #header {
height: 100vh;
}
body #header {
background-color: #ffffff;
height: 580px;
}
@media (max-width: 500px) {
body #header {
height: 400px;
}
}
body #header .logo {
top: 40%;
padding: 25px;
}
@media (max-width: 768px) {
body #header .logo {
top: 45%;
}
}
body #header .logo img {
width: 650px;
}
@media (max-width: 1024px) {
body #header .logo img {
width: 500px;
}
}
@media (max-width: 768px) {
body #header .logo img {
min-width: 380px;
}
}
@media (max-width: 500px) {
body #header .logo img {
min-width: 280px;
}
}
body #header .bt-image {
background-image: url(//greatheads.de/wp-content/themes/greatHEADS-child/img/greatheads-diepersonalberater-header.jpg);
}
@media (max-width: 768px) {
body #header .bt-image {
background-image: url(//greatheads.de/wp-content/themes/greatHEADS-child/img/greatheads-diepersonalberater-header-mobile.jpg);
background-position: bottom;
}
}
body #header .main-navigation {
background-color: #000000;
}
@media (max-width: 1199px) {
body #header .main-navigation {
height: 75px;
}
}
body #header .main-navigation .inlay {
padding: 0 30px;
}
@media (max-width: 768px) {
body #header .main-navigation .inlay {
padding: 0 15px;
}
}
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu {
max-width: 95%;
margin: 35px auto 0 auto;
}
@media (max-width: 1199px) {
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu {
max-width: 100%;
justify-content: space-between;
}
}
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu li a {
font-weight: 500;
color: #fff;
border-radius: 4px;
}
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu li a:hover {
border: 1px solid #fff;
}
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu li.current-menu-parent > a,
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu li.current-menu-item > a {
border: 1px solid #fff;
}
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul {
top: inherit !important;
bottom: 80px;
width: 260px;
padding: 14px 0;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
border-radius: 2px;
}
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul li a {
border: 0;
font-size: 1.125rem;
line-height: 2.125rem;
color: #003953;
}
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul li a:hover {
color: #19BAE4;
border: 0px;
}
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul li.current-menu-item > a {
color: #19BAE4;
border: 0;
}
@media (max-width: 1024px) {
body #header .main-navigation nav.menu-hauptnavigation-container {
background-color: #fff;
}
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu li a {
color: #000000;
border: 0;
}
body #header .main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul {
padding: 5px 0 15px 0;
box-shadow: none;
border: 0;
}
body #header .main-navigation nav.menu-hauptnavigation-container.activenavigation {
background-color: #fff;
}
body #header .main-navigation nav.menu-hauptnavigation-container.activenavigation ul.navmenu li a {
color: #000000;
border: 0;
}
body #header .main-navigation nav.menu-hauptnavigation-container.activenavigation ul.navmenu li ul {
padding: 5px 0 15px 0;
box-shadow: none;
border: 0;
}
}
body #header .main-navigation .menu-button {
top: 24px;
right: 30px;
width: 40px;
height: 30px;
}
@media (max-width: 768px) {
body #header .main-navigation .menu-button {
right: 15px;
}
}
body #header.smallheader .scroll-logo {
left: 0;
padding-top: 2px;
}
@media (max-width: 1399px) {
body #header.smallheader .scroll-logo {
padding-top: 7px;
}
}
body #header.smallheader .scroll-logo img {
max-width: 150px;
border-radius: 0;
box-shadow: none;
}
body #header.smallheader .main-navigation nav.menu-hauptnavigation-container ul.navmenu {
top: -18px !important;
}
@media (max-width: 1399px) {
body #header.smallheader .main-navigation nav.menu-hauptnavigation-container ul.navmenu {
top: -32px !important;
}
}
@media (max-width: 1199px) {
body #header.smallheader .main-navigation nav.menu-hauptnavigation-container ul.navmenu {
top: -28px !important;
}
}
body #header.smallheader .main-navigation nav.menu-hauptnavigation-container ul.navmenu li ul {
top: 50px !important;
bottom: inherit;
padding-top: 14px !important;
}
body #maincontent {
padding: 80px 0;
min-height: auto;
}
@media (max-width: 1024px) {
body #maincontent {
padding: 60px 0;
}
}
@media (max-width: 768px) {
body #maincontent {
padding: 40px 0;
}
}
body #maincontent .wp-block-columns {
margin-bottom: 40px;
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns {
margin-bottom: 20px;
}
}
body #maincontent .wp-block-columns.is-maxwidthcontent-active {
padding: 0 30px;
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns.is-maxwidthcontent-active {
padding: 0 15px;
}
}
body #maincontent .wp-block-columns.standard-margin-full-margin {
margin-top: 100px;
margin-bottom: 100px;
}
@media (max-width: 1024px) {
body #maincontent .wp-block-columns.standard-margin-full-margin {
margin-top: 80px;
margin-bottom: 80px;
}
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns.standard-margin-full-margin {
margin-top: 60px;
margin-bottom: 60px;
}
}
body #maincontent .wp-block-columns.standard-margin-margin-top {
margin-top: 100px;
}
@media (max-width: 1024px) {
body #maincontent .wp-block-columns.standard-margin-margin-top {
margin-top: 80px;
}
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns.standard-margin-margin-top {
margin-top: 60px;
}
}
body #maincontent .wp-block-columns.standard-margin-margin-bottom {
margin-bottom: 100px;
}
@media (max-width: 1024px) {
body #maincontent .wp-block-columns.standard-margin-margin-bottom {
margin-bottom: 80px;
}
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns.standard-margin-margin-bottom {
margin-bottom: 60px;
}
}
@media (max-width: 781px) {
body #maincontent .wp-block-columns.is-rtl-mobile-set .wp-block-columns, body #maincontent .wp-block-columns.is-rtl-mobile-set {
flex-direction: column-reverse;
flex-wrap: nowrap !important;
}
}
body #maincontent .wp-block-columns.row-margin-null {
margin-bottom: 0;
margin-top: 0;
}
body #maincontent .wp-block-columns.dark-background {
background-color: #003953;
padding: 60px 0;
}
@media (max-width: 1024px) {
body #maincontent .wp-block-columns.dark-background {
padding: 40px 0;
}
}
body #maincontent .wp-block-columns.dark-background h1, body #maincontent .wp-block-columns.dark-background h2, body #maincontent .wp-block-columns.dark-background h3, body #maincontent .wp-block-columns.dark-background h4, body #maincontent .wp-block-columns.dark-background h5, body #maincontent .wp-block-columns.dark-background h6, body #maincontent .wp-block-columns.dark-background p {
color: #fff;
}
body #maincontent .wp-block-columns.dark-background .block-cta-button:hover {
color: #003953 !important;
background-color: #fff !important;
}
body #maincontent .wp-block-columns .inlay {
margin-bottom: 0;
}
body #maincontent .wp-block-columns .inlay .wp-block-columns:last-child {
margin-bottom: 0;
}
@media (max-width: 781px) {
body #maincontent .wp-block-columns .inlay.ima-gap {
gap: 20px;
}
}
body #maincontent .wp-block-columns.text-einspaltig {
max-width: 1120px;
}
body #maincontent .wp-block-columns .row-center {
justify-content: center;
}
body #maincontent .wp-block-columns a {
color: #19BAE4;
text-decoration: none;
transition: all 0.3s ease;
}
body #maincontent .wp-block-columns a:hover {
color: #003953;
text-decoration: none;
}
body #maincontent .wp-block-columns ul li {
position: relative;
height: auto;
font-size: 18px;
line-height: 30px;
color: inherit;
background-image: none;
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns ul li {
font-size: 17px;
line-height: 28px;
padding: 0 0 20px 40px;
}
}
body #maincontent .wp-block-columns ul li::before {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "+";
margin: 0 0 0px -40px;
padding: 0 14px 0 0;
font-size: 30px;
color: #19BAE4;
top: 0px;
}
body #maincontent .wp-block-columns ul li:last-child {
padding: 0 0 0 40px;
}
body #maincontent .wp-block-columns .zitat em {
font-size: 26px;
line-height: 40px;
}
@media (max-width: 1024px) {
body #maincontent .wp-block-columns .zitat em {
font-size: 22px;
line-height: 36px;
}
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .zitat em {
font-size: 18px;
line-height: 30px;
}
}
body #maincontent .wp-block-columns .zitat strong {
font-size: 22px;
line-height: 32px;
}
@media (max-width: 1024px) {
body #maincontent .wp-block-columns .zitat strong {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .zitat strong {
font-size: 16px;
line-height: 26px;
}
}
body #maincontent .wp-block-columns .wtf-mod-fiitems {
flex-direction: row;
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wtf-mod-fiitems {
flex-direction: column;
}
}
body #maincontent .wp-block-columns .wtf-mod-fiitems .wtf-featured-item .wtf-featured-item--image {
width: 200px;
height: 200px;
border: 3px solid #19BAE4;
border-radius: 50%;
transition: all 0.3s ease;
}
@media (max-width: 1024px) {
body #maincontent .wp-block-columns .wtf-mod-fiitems .wtf-featured-item .wtf-featured-item--image {
width: 150px;
height: 150px;
}
}
body #maincontent .wp-block-columns .wtf-mod-fiitems .wtf-featured-item .wtf-featured-item--image:hover {
border: 3px solid #003953;
transform: scale(1.1);
}
body #maincontent .wp-block-columns .wtf-mod-fiitems .wtf-featured-item .wtf-featured-item--image:hover .wtf-border-element,
body #maincontent .wp-block-columns .wtf-mod-fiitems .wtf-featured-item .wtf-featured-item--image .wtf-border-element {
display: none;
opacity: 0;
}
body #maincontent .wp-block-columns .wtf-mod-fiitems .wtf-featured-item .wtf-featured-item--image img {
max-width: 95%;
}
body #maincontent .wp-block-columns .wtf-mod-fiitems .wtf-featured-item .wtf-featured-item--headline h3 {
font-family: "Oswald", sans-serif;
font-size: 28px;
line-height: 38px;
}
@media (max-width: 1024px) {
body #maincontent .wp-block-columns .wtf-mod-fiitems .wtf-featured-item .wtf-featured-item--headline h3 {
font-size: 22px;
line-height: 32px;
}
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wtf-mod-fiitems .wtf-featured-item .wtf-featured-item--headline h3 {
font-size: 20px;
line-height: 30px;
}
}
body #maincontent .wp-block-columns .wtf-mod-fiitems.jobwechsel .wtf-featured-item--image {
width: 180px;
height: 180px;
}
@media (max-width: 1124px) {
body #maincontent .wp-block-columns .wtf-mod-fiitems.jobwechsel .wtf-featured-item--image {
width: 150px;
height: 150px;
}
}
@media (max-width: 1024px) {
body #maincontent .wp-block-columns .wtf-mod-fiitems.jobwechsel .wtf-featured-item--image {
width: 100px;
height: 100px;
}
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wtf-mod-fiitems.jobwechsel .wtf-featured-item--image {
width: 150px;
height: 150px;
}
}
body #maincontent .wp-block-columns .wtf-mod-fiitems.jobwechsel .wtf-featured-item--headline h3 {
font-size: 24px;
line-height: 34px;
}
@media (max-width: 1124px) {
body #maincontent .wp-block-columns .wtf-mod-fiitems.jobwechsel .wtf-featured-item--headline h3 {
font-size: 22px;
line-height: 32px;
}
}
@media (max-width: 1024px) {
body #maincontent .wp-block-columns .wtf-mod-fiitems.jobwechsel .wtf-featured-item--headline h3 {
font-size: 17px;
line-height: 28px;
}
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wtf-mod-fiitems.jobwechsel .wtf-featured-item--headline h3 {
font-size: 20px;
line-height: 30px;
}
}
body #maincontent .wp-block-columns.box-border-grid .box-border-grid-item .is-layout-flow {
color: #003953;
padding: 25px 15px;
border: 2px solid #003953;
border-radius: 2px;
transition: all 0.3s ease;
}
body #maincontent .wp-block-columns.box-border-grid .box-border-grid-item .is-layout-flow:hover {
border: 2px solid #19BAE4;
transform: scale(1.1);
}
body #maincontent .wp-block-columns.box-border-grid .box-border-grid-item .is-layout-flow p {
padding: 0;
text-align: center;
font-weight: 600;
}
body #maincontent .wp-block-columns.box-grid .box-grid-item .is-layout-flow {
color: #fff;
background-color: #003953;
padding: 25px 20px;
border-radius: 2px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}
body #maincontent .wp-block-columns.box-grid .box-grid-item .is-layout-flow h4 {
color: #fff;
text-align: center;
}
body #maincontent .wp-block-columns.box-grid .box-grid-item .is-layout-flow p {
text-align: center;
}
body #maincontent .wp-block-columns.box-grid .box-grid-item .is-layout-flow .block-cta-button:hover {
color: #003953 !important;
background-color: #fff !important;
}
body #maincontent .wp-block-columns .team h6.wp-block-heading {
color: #000000;
margin: 0;
}
body #maincontent .wp-block-columns .team .wp-block-group {
margin-bottom: 30px;
}
body #maincontent .wp-block-columns .team .wp-block-group:where(.is-layout-flex) {
gap: 0.8em;
}
body #maincontent .wp-block-columns .team .wp-block-group .wp-block-image img {
border-radius: 0;
box-shadow: none;
transition: all 0.3s ease;
}
body #maincontent .wp-block-columns .team .wp-block-group .wp-block-image img:hover {
transform: scale(1.1);
}
body #maincontent .wp-block-columns .team .wp-block-group .wtf-fiitem-hasborder-onhover {
max-width: 100%;
}
body #maincontent .wp-block-columns .team .wp-block-group .wtf-featured-item .wtf-featured-item--image {
width: 150px;
height: 150px;
overflow: hidden;
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .team .wp-block-group .wtf-featured-item .wtf-featured-item--image {
width: 120px;
height: 120px;
}
}
body #maincontent .wp-block-columns .team .wp-block-group .wtf-featured-item--headline {
margin: 0;
}
body #maincontent .wp-block-columns .team .wp-block-group .wtf-featured-item--headline h3 {
font-size: 18px;
line-height: 28px;
margin: 5px 0 0 0;
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .team .wp-block-group .wtf-featured-item--headline h3 {
font-size: 16px;
line-height: 26px;
}
}
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider .swiper-wrapper,
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.content-change .eedee-background-div,
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.content-fixed .wp-block-eedee-gutenslider__content {
min-height: 200px;
}
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.content-change {
height: auto;
}
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.content-change .slide-content {
padding: 0 60px 50px 60px;
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.content-change .slide-content {
padding: 0 40px 40px 40px;
}
}
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.content-change .slide-content > p:first-child {
font-size: 20px;
line-height: 32px;
}
@media (max-width: 1024px) {
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.content-change .slide-content > p:first-child {
font-size: 18px;
line-height: 30px;
}
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.content-change .slide-content > p:first-child {
font-size: 17px;
line-height: 28px;
}
}
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.dot-position-bottom .eedee-gutenslider-pagination {
bottom: 0;
}
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-prev {
left: -10px;
top: calc(50% - 20px);
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-prev {
left: -15px;
}
}
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-next {
right: -10px;
top: calc(50% - 20px);
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-next {
right: -15px;
}
}
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-nav svg #arrow,
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-nav svg .arrow {
fill: #19BAE4;
}
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-nav:hover svg #arrow,
body #maincontent .wp-block-columns .wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-nav:hover svg .arrow {
fill: #003953;
}
body #maincontent .wp-block-columns .wp-block-create-block-accordeon {
margin-bottom: 20px;
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wp-block-create-block-accordeon {
margin-bottom: 10px;
}
}
body #maincontent .wp-block-columns .wp-block-create-block-accordeon:last-child {
margin-bottom: 0;
}
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .wtf-acc-headline {
height: auto;
background-color: #fff;
font-weight: 500;
border: 2px solid #19BAE4;
border-radius: 2px;
transition: all 0.3s ease;
}
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .wtf-acc-headline h3 {
width: 100%;
font-size: 20px;
line-height: 30px;
color: #003953;
text-transform: none;
padding-top: 15px;
padding-right: 30px;
margin-bottom: 15px;
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .wtf-acc-headline h3 {
font-size: 17px;
line-height: 28px;
padding-top: 12px;
margin-bottom: 12px;
}
}
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .wtf-acc-headline span {
top: 25px;
background-image: url(//greatheads.de/wp-content/themes/greatHEADS-child/img/icon-arrow-down.png);
background-size: cover;
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .wtf-acc-headline span {
top: 20px;
}
}
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .wtf-acc-headline:hover {
border: 2px solid #003953;
border-radius: 2px;
}
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .active-acc-element .wtf-acc-headline {
background-color: #003953;
border: 2px solid #003953;
}
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .active-acc-element .wtf-acc-headline h3 {
color: #fff;
}
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .active-acc-element .wtf-acc-headline span {
background-image: url(//greatheads.de/wp-content/themes/greatHEADS-child/img/icon-arrow-up.png);
}
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .wtf-acc-content {
background-color: #efefef;
padding: 0;
overflow: hidden;
}
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .wtf-acc-content div {
font-size: inherit;
line-height: inherit;
padding-bottom: 0;
padding: 25px 25px 35px 25px;
}
@media (max-width: 768px) {
body #maincontent .wp-block-columns .wp-block-create-block-accordeon .wtf-acc-content div {
padding: 20px 15px 25px 15px;
}
}
body #maincontent .wp-block-columns .wpcf7 input[type=text],
body #maincontent .wp-block-columns .wpcf7 input[type=email],
body #maincontent .wp-block-columns .wpcf7 select,
body #maincontent .wp-block-columns .wpcf7 textarea {
font-size: inherit;
padding: 15px 10px;
margin-top: 5px;
border-radius: 2px;
border: 2px solid #003953;
box-shadow: none;
}
body #maincontent .wp-block-columns .wpcf7 input[type=text]:focus,
body #maincontent .wp-block-columns .wpcf7 input[type=email]:focus,
body #maincontent .wp-block-columns .wpcf7 select:focus,
body #maincontent .wp-block-columns .wpcf7 textarea:focus {
border: 2px solid #19BAE4;
outline: 0;
}
body #maincontent .wp-block-columns .wpcf7 select {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: 98%;
background-position-y: 12px;
}
body #maincontent .wp-block-columns .wpcf7 ::placeholder,
body #maincontent .wp-block-columns .wpcf7 :-ms-input-placeholder,
body #maincontent .wp-block-columns .wpcf7 ::-ms-input-placeholder {
color: #000000;
opacity: 1;
}
body #maincontent .wp-block-columns .wpcf7 label {
font-weight: 500;
margin-bottom: 15px;
}
body #maincontent .wp-block-columns .wpcf7 label.hasicon input {
padding-left: 10px !important;
}
body #maincontent .wp-block-columns .wpcf7 label.hasicon i {
display: none;
}
body #maincontent .wp-block-columns .wpcf7 input[type=submit] {
background-color: #19BAE4;
text-align: center;
text-decoration: none;
border-radius: 2px;
font-size: inherit;
line-height: inherit;
color: #fff;
font-weight: 400;
background-image: none;
padding: 12px 25px;
border: 0;
cursor: pointer;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}
body #maincontent .wp-block-columns .wpcf7 input[type=submit]:hover {
background-image: none;
background-color: #003953;
}
body #footer {
height: auto;
padding: 40px 0;
background-color: #000000;
}
body #footer .inlay {
height: auto;
padding: 0 30px;
}
body #footer .flexrow {
height: auto;
}
@media (max-width: 1024px) {
body #footer .flexrow {
flex-direction: column;
gap: 15px;
}
}
@media (max-width: 767px) {
body #footer .flexrow {
display: flex;
}
}
body #footer .footer-col-left {
margin: 0;
}
body #footer .footer-col-left.logo-section .wp-block-image img {
border-radius: 0;
box-shadow: none;
}
@media (max-width: 767px) {
body #footer .footer-col-left.logo-section .wp-block-image img {
max-width: 60%;
}
}
body #footer .footer-col-center {
height: auto;
margin-top: 20px;
}
body #footer .footer-col-right {
position: relative;
right: 0;
height: auto;
margin-top: 20px;
}
@media (max-width: 1024px) {
body #footer .footer-col-right {
margin-top: 0;
}
}
body #footer .footer-col-right #menu-social-media {
margin-bottom: 25px;
}
@media (max-width: 1024px) {
body #footer .footer-col-right #menu-social-media {
margin-bottom: 10px;
}
}
body #footer .footer-col-right #menu-social-media a {
display: block;
text-indent: -99999px;
width: 100%;
height: 100%;
}
body #footer .footer-col-right #menu-social-media li.link-xing {
background-image: url(//greatheads.de/wp-content/themes/greatHEADS-child/img/xing.png);
width: 41px;
height: 41px;
}
body #footer .footer-col-right #menu-social-media li.link-linkedin {
background-image: url(//greatheads.de/wp-content/themes/greatHEADS-child/img/linkedin.png);
width: 41px;
height: 41px;
}
body #footer .footer-col-right #menu-footer-navigation li:not(li:last-child) {
margin-right: 25px;
}
body #footer .footer-col-right #menu-footer-navigation li:not(li:last-child):after {
right: -13px;
}
body #footer .footer-col-right #menu-footer-navigation a {
font-size: initial;
font-weight: 500;
transition: all 0.3s ease;
}
body #footer .footer-col-right #menu-footer-navigation a:hover {
color: #19BAE4;
text-decoration: none;
}
body .wtf-lightbox-banner {
background-color: rgba(0, 0, 0, 0.8);
}
body .wtf-lightbox-banner .fiitem-overlay-content {
background-color: #fff;
padding: 30px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
body .wtf-lightbox-banner .fiitem-overlay-content {
padding: 15px;
}
}
.fiitem-overlay-content {
background-color: #fff;
padding: 30px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
font-size:16px;
line-height:28px;
margin-bottom:25px;
z-index:99999999999999999999999999999999999!important;
width:98%;
}
.wtf-featured-item--innercontent{
max-height:300px;
overflow-y: scroll;
}
.wtf-featured-item--innercontent h3:after {
width: 200px;
height: 3px;
background-color: #19BAE4;
text-align: inherit;
margin: 25px 0;
}
@media screen and (min-width:767px){
.fiitem-overlay-content {
width:60% !important;
}
.wtf-featured-item--innercontent{
max-height:350px;
}
}