@import url(customfonts.css);
/************************************************
Stylesheet: Global Stylesheet
*************************************************/
body {
background-color: #F7BB04;
color: #ffffff;
font-family: "Jost", sans-serif;
padding-top: 60px;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 100px;
}
.site-footer {
padding: 2em 0;
}
.inner-content {
padding: 10em 0 2em;
}
.grid-container.full {
max-width: 1920px;
margin-left: 30vw;
margin-right: 0;
}
.hero-image {
width: 100%;
}
.hero-text-start {
text-align: justify;
font-weight: 700;
white-space: normal;
white-space: collapse;
word-break: break-word;
hyphens: auto;
-moz-hyphens: auto;
}
.home .inner-content {
padding-top: 1em;
}
.icon-arrow-wrapper {
margin-right: auto;
margin-left: auto;
margin-top: -16%;
transform: translateY(-135%);
}
.icon-arrow {
display: inline-block;
padding-top: 4em;
width: 3.5em !important;
height: auto;
box-sizing: content-box;
}
.icon-arrow:hover path {
color: #000;
fill: #000;
}
/************************************************
Stylesheet: youtube, accordion
*************************************************/
lite-youtube {
max-width: 100%;
}
.inner-content .wp-block-aab-accordion-item {
border-radius: 0px;
}
.inner-content .aagb_accordion_a2e39e6d_3 .aagb__accordion_container.wp-block-aab-accordion-item .aagb__accordion_head,
.inner-content .aagb__accordion_container.wp-block-aab-accordion-item .aagb__accordion_head {
background-color: #F7BB04;
border: 1px solid #fff;
}
.inner-content .aagb__accordion_container.wp-block-aab-accordion-item .aagb__accordion_head.active {
background-color: #000000;
}
.inner-content .wp-block-aab-accordion-item .aagb__accordion_body {
background-color: #fff;
color: #000000;
}
.inner-content .wp-block-aab-accordion-item .aagb__accordion_body a {
color: #F7BB04;
}
.inner-content .wp-block-aab-accordion-item .aagb__accordion_body a:hover {
color: #000000;
}
.aagb__accordion_title {
font-size: 1.4em;
}
/*********************
POSTS & CONTENT STYLES
*********************/
a {
color: #000000;
text-decoration: none;
}
:focus, a:hover {
color: #E84610;
}
.custom-button a {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
border: 1px solid #000;
border-radius: 0;
-webkit-transition: background-color .25s ease-out,color .25s ease-out;
transition: background-color .25s ease-out,color .25s ease-out;
font-family: inherit;
font-size: .9rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;
padding: .85em 1em;
}
.custom-button a {
background-color: transparent;
color: #000;
}
.custom-button a:focus, .custom-button a:hover {
text-decoration: none;
background-color: #fff;
color: #000;
}
.top-bar-left #main-nav > li > a {
margin:.7rem 1rem;
padding:0 0 0.2em 0;
}
.top-bar-left #main-nav > li:first-child > a {
margin-left:0;
}
.top-bar-left .menu .active > a {
background: none;
color: #ffffff;
border-bottom: 1px solid #fff;
}
.top-bar-left .menu .active > a:hover {
border-color:#000;
}
.site-footer .menu > li:first-child > a {
padding-left:0;
}
.site-footer .menu .active > a {
background: none;
color: #ffffff;
}
.site-footer .menu a:hover,
.top-bar .menu a:hover {
color: #ffffff;
}
.top-bar .menu li {
font-size: 1.3em;
}
p {
font-size: 1.3em;
}
.wp-block-list {
font-size: 1.3em;
margin-bottom: 1rem;
}
.inner-content li {
font-size: inherit;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: "Jost", sans-serif;
font-weight: 700;
color: #ffffff;
line-height: 1.1;
}
.header {
position: fixed;
z-index: 1;
top: 0;
width: 100%;
/* height: 170px; */
transition: transform 0.3s ease-in-out;
}
.sticky.is-stuck .document-main-nav {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.top-bar {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #ffffff;
}
.header-layout-default .top-bar {
border-bottom: none;
}
.top-bar, .top-bar ul {
background-color: transparent;
}
.sticky.is-stuck {
background-color: #F7BB04;
}
.sticky.is-stuck .show-for-default {
display: none;
}
.sticky .logo-goz-bzaek-z {
max-width: 186px;
-webkit-transition: max-width .5s ease;
transition: max-width .5s ease;
}
.sticky.is-stuck .logo-goz-bzaek-z {
max-width: 100px;
}
.menu-text.headerlogo,
.menu-text.headerlogo a {
padding:0;
}
.logo-goz-bzaek-z path {
transition: 0.5s;
color: #ffffff;
fill: #ffffff;
}
.logo-goz-bzaek-z:hover path {
transition: 0.5s;
color: #000000;
fill: #000000;
}
@media screen and (max-width: 39.9375em) {
.sticky .logo-goz-bzaek-z {
max-width: 70px;
}
.sticky.is-stuck .logo-goz-bzaek-z {
max-width: 70px;
}
}
.title-bar {
background: transparent;
}
.site-footer p,
.site-footer li {
font-size: 1.0em;
}
/*********************
Accordion
*********************/
.accordion {
background: none;
}
.accordion-title {
padding:0.8em 3.0em 0.8em 0;
border: none;
border-bottom: 1px solid #fff;
font-size: 1.5em;
font-weight: 600;
line-height: 1.2;
color: #fff;
}
.accordion-title:hover,
.accordion-title:focus {
background: none;
color:#000;
}
.accordion-title:focus {
color: #fff;
}
.accordion-title::before {
position: absolute;
top: 40%;
right: 1em;
margin-top: -0.5rem;
content: " ";
width: 30px;
height: 30px;
background-size: 100% 100%;
background-image: url('data:image/svg+xml;charset=UTF-8,');
color: #ffffff;
text-align: center;
transform: rotate(90deg);
}
.is-active > .accordion-title::before {
content: " ";
background-image: url('data:image/svg+xml;charset=UTF-8,');
transform: rotate(-90deg);
}
.accordion-title:hover::before {
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #fff;
}
.is-active > .accordion-title {
border-bottom: none;
color:#000;
}
.accordion-content {
border: none;
background:none;
color: #000;
padding: 3em 4em 4em 0;
position: relative;
}
.accordion-content h1,
.accordion-content h2,
.accordion-content h3,
.accordion-content h4,
.accordion-content h5,
.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5 {
color: #F7BB04;
}
.accordion-content a {
color: #F7BB04;
}
.accordion-content a:hover {
color: #000;
}
.has-bottom-border {
padding-bottom: .3em;
border-bottom:3px solid #F7BB04;
}
:last-child > .accordion-content:last-child {
border-bottom: none;
}
.is-active > .accordion-content {
border-bottom: none;
}
.accordion-content .accordion-inner-layout {
position: absolute;
top: -65px;
left: -130px;
right: -92px;
bottom: -80px;
-webkit-box-orient: vertical;
/* Fallback for older browsers */
-webkit-box-direction: normal;
/* Fallback for older browsers */
-ms-flex-direction: column;
/* Fallback for older browsers */
flex-direction: column;
gap: 1.25rem;
-webkit-box-align: start;
/* Fallback for older browsers */
-ms-flex-align: start;
/* Fallback for older browsers */
align-items: flex-start;
-webkit-box-pack: center;
/* Fallback for older browsers */
-ms-flex-pack: center;
/* Fallback for older browsers */
box-shadow: 0px 2px 4px 0px rgba(171, 190, 209, 0.20);
background: #fff;
clip-path: polygon(0px 150px,
92px 80px,
calc(100% - 92px) 80px,
100% 0px,
100% 50px,
100% 70px,
100% calc(100% - 160px),
calc(100% - 92px) calc(100% - 80px),
92px calc(100% - 80px),
0px calc(100% - 10px));
will-change: clip-path;
z-index: -1;
}
.accordion-content .download-liste,
.accordion-content .link-liste {
font-size: 1.35em;
}
.download-liste,
.link-liste {
margin-bottom: 1rem;
}
.download-item,
.link-item {
margin-bottom: .25em;
}
.download-link,
.link-link {
position: relative;
font-weight: 400;
text-decoration: none;
padding-left: 40px;
}
.accordion-content .download-link,
.accordion-content .link-link {
color: #F7BB04;
}
.download-link::before,
.link-link::before {
content: '';
display: block;
position:absolute;
top:0;
left:0;
width: 30px;
height: 31px;
background-size: 100% 100%;
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.accordion-content .download-link::before {
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.link-link::before {
width: 24px;
height: 25px;
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.accordion-content .link-link::before {
width: 24px;
height: 25px;
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.download-link:hover::before {
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.link-link:hover::before {
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.accordion-content .download-link:hover,
.accordion-content .link-link:hover {
color: #000000;
}
.download-link:hover,
.link-link:hover {
color: #ffffff;
}
.privacyButton {
z-index: 2147483640;
display: flex;
position: fixed;
bottom: 24px;
right: 24px;
}
.privacyButton a {
width: 44px;
height: 44px;
background-image: url(../images/fingerprint-svgrepo-com.svg);
background-size: contain;
display: block;
background-color: #fff;
border-radius: 23px;
}
.privacyButton a:hover {
background-color: #f1f1f1;
}
.accept-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;
background-color: #F0F2F7;
}
.accept-overlay .accept-overlay-inner-wrapper {
padding: 1em;
margin-bottom: 0;
line-height: 1.2;
color: #000;
}
.page-title .vcard {
border: 0px;
padding: 0px; }
.byline {
color: #999; }
.entry-content img {
max-width: 100%;
height: auto; }
.entry-content .alignleft, .entry-content img.alignleft {
margin-right: 1.5em;
display: inline;
float: left; }
.entry-content .alignright, .entry-content img.alignright {
margin-left: 1.5em;
display: inline;
float: right; }
.entry-content .aligncenter, .entry-content img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both; }
.entry-content video, .entry-content object {
max-width: 100%;
height: auto; }
.entry-content pre {
background: #eee;
border: 1px solid #cecece;
padding: 10px; }
.wp-caption {
max-width: 100%;
background: #eee;
padding: 5px; }
.wp-caption img {
max-width: 100%;
margin-bottom: 0;
width: 100%; }
.wp-caption p.wp-caption-text {
font-size: 0.85em;
margin: 4px 0 7px;
text-align: center; }
.post-password-form input[type="submit"] {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
font-family: inherit;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 0;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #1779ba;
color: #fefefe; }
[data-whatinput='mouse'] .post-password-form input[type="submit"] {
outline: 0; }
.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
background-color: #14679e;
color: #fefefe; }
/*********************
IMAGE GALLERY STYLES
*********************/
.gallery {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-right: -15px;
margin-left: -15px; }
.gallery::before, .gallery::after {
content: ' ';
display: table; }
.gallery::after {
clear: both; }
.gallery.gallery-columns-1 > dl {
width: 100%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-1 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-2 > dl {
width: 50%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-2 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-3 > dl {
width: 33.33333%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-3 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-4 > dl {
width: 25%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-4 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-5 > dl {
width: 20%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-5 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-6 > dl {
width: 16.66667%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-6 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-7 > dl {
width: 14.28571%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-7 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
float: right; }
.gallery.gallery-columns-8 > dl {
width: 12.5%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.gallery.gallery-columns-8 > dl {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
float: right; }
.gallery dl {
width: 100%;
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
.gallery dl:last-child:not(:first-child) {
float: right; }
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
margin-top: 1rem; }
/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
margin-left: 0px; }
#respond ul {
margin-left: 0px; }
.commentlist li {
position: relative;
clear: both;
overflow: hidden;
list-style-type: none;
margin-bottom: 1.5em;
padding: 0.7335em 10px; }
.commentlist li:last-child {
margin-bottom: 0; }
.commentlist li ul.children {
margin: 0; }
.commentlist li[class*=depth-] {
margin-top: 1.1em; }
.commentlist li.depth-1 {
margin-left: 0;
margin-top: 0; }
.commentlist li:not(.depth-1) {
margin-left: 10px;
margin-top: 0;
padding-bottom: 0; }
.commentlist .vcard {
margin-left: 50px; }
.commentlist .vcard cite.fn {
font-weight: 700;
font-style: normal; }
.commentlist .vcard time {
float: right; }
.commentlist .vcard time a {
color: #999;
text-decoration: none; }
.commentlist .vcard time a:hover {
text-decoration: underline; }
.commentlist .vcard img.avatar {
position: absolute;
left: 10px;
padding: 2px;
border: 1px solid #cecece;
background: #fff; }
.commentlist .comment_content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em; }
.commentlist .comment-reply-link {
float: right; }
/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
margin: 1.5em 10px;
padding-bottom: 2.2em; }
.respond-form form {
margin: 0.75em 0; }
.respond-form form li {
list-style-type: none;
clear: both;
margin-bottom: 0.7335em; }
.respond-form form li label,
.respond-form form li small {
display: none; }
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
padding: 3px 6px;
background: #efefef;
border: 2px solid #cecece;
line-height: 1.5em; }
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
background: #fff; }
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
outline: none;
border-color: #fbc2c4;
background-color: #f6e7eb;
-ms-box-shadow: none;
box-shadow: none; }
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
max-width: 400px;
min-width: 250px; }
.respond-form form textarea {
resize: none;
width: 97.3%;
height: 150px; }
#comment-form-title {
margin: 0 0 1.1em; }
#allowed_tags {
margin: 1.5em 10px 0.7335em 0; }
.nocomments {
margin: 0 20px 1.1em; }
/*********************
SIDEBARS & ASIDES
*********************/
.sidebar li {
list-style: none; }
.widget ul {
margin: 0; }
/*********************
FOOTER STYLES
*********************/
.footer {
clear: both;
margin-top: 1em; }
/*********************
VISUAL EDITOR STYLES
*********************/
body#tinymce {
margin: 20px; }
/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
list-style: none outside none;
margin: 0; }