/*
Theme Name: Flamingo 5
Description: A responsive theme built with Bootstrap 5.0
Author: Michael Tigges
Version: 5.27
Tags: responsive, white, bootstrap
*/
/* 5.26 : functions.getvariable um default erweitert
* 5.27 : Erweiterung getvariable um Linktexte auch ohne Seitenlink erhalten zu können
*/
/* FONTS ########################################## */
/*
@font-face {
font-family: Barlow;
src: url("/wp-content/themes/GG_2024_V1_1/Barlow/Barlow-Regular.ttf");
font-weight: 400;
}
@font-face {
font-family: Barlow-bold;
src: url("/wp-content/themes/GG_2024_V1_1/Barlow/Barlow-Bold.ttf");
}
@font-face {
font-family: Roboto_Slab;
src: url("/wp-content/themes/GG_2024_V1_1/Roboto_Slab/static/RobotoSlab-Regular.ttf");
font-weight: 400;
}
@font-face {
font-family: Roboto_Slab-bold;
src: url("/wp-content/themes/GG_2024_V1_1/Roboto_Slab/static/RobotoSlab-Regular.ttf");
}
*/
html, body, p {
/*
font-family: 'Roboto_Slab', sans-serif;
*/
font-size: 20px;
line-height: 28px;
font-weight: normal;
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
html, body, p {
font-size: 18px;
line-height: 24px;
}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
html, body, p {
font-size: 16px;
line-height: 20px;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
html, body, p {
font-size: 15px;
line-height: 19px;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
html, body, p {
font-size: 14px;
line-height: 18px;
}
}
@media screen and (max-width: 576px) {
html, body, p {
font-size: 12px;
line-height: 16px;
}
}
h1 {
font-family: 'Barlow-bold', sans-serif;
font-size: 2rem;
margin-bottom: 2rem;
text-transform: uppercase;
}
h2 {
font-family: 'Barlow-bold', sans-serif;
font-size: 2rem;
margin-bottom: 2rem;
text-transform: uppercase;
}
h3 {
font-family: 'Barlow-bold', sans-serif;
font-size: 1.5rem;
margin-bottom: 2rem;
}
h4 {
font-family: 'Barlow-bold', sans-serif;
font-size: 1rem;
}
h5 {
font-size: 1rem;
font-weight: bold;
color: magenta !important;
}
/* COLORS ######################################### */
body {
background-color: white;
color: rgb(64,64,64); /* Grau #333333 */
}
H1, H2, h3, H4 {
color: rgb(164,189,228); /* dunkelblau #a4bde4 */
}
#MyHeader button.navbar-toggler {
/* background-color: #008D8D; */
}
#MyHeader button.navbar-toggler .navbar-toggler-icon {
/* background-color: #008D8D; */
/* background-color: transparent; */
}
a, a:hover, a:link, a:active, a:visited, a:focus {
color: rgb(64,64,64); /* Grau #333333 */
text-decoration: underline;
}
.hg1 {
background-color:white;
}
.hg2 {
background-color:black;
}
.hg3 {
background-color:magenta;
}
.nav-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 0 transparent;
}
/* BASIC STRUCTURES ############################### */
/*
#headerpuffer {
height: 2rem;
width: 100%;
}
*/
/*
.btn {
border-radius: 2rem;
padding: 0.6rem 2.0rem;
font-weight:575;
}
*/
/*
h1:before,
h2:before,
.text_under_header:before {
content: '';
background-image: url("/wp-content/themes/GG_2024_V1_1/images/Querstrich.png");
background-repeat: no-repeat;
background-size: 1rem;
background-position: 0 0.8rem;
display: inline-block;
margin-left: -2rem;
height: 2rem;
width: 2rem;
}
*/
/*
@media screen and (min-width: 993px) and (max-width: 1200px) {
.btn {
border-radius: 1.8rem;
padding: 0.6rem 1.8rem;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
.btn {
border-radius: 1.8rem;
padding: 0.6rem 1.3rem;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
.btn {
border-radius: 1.8em;
padding: 0.6rem 1.2rem;
}
}
@media screen and (max-width: 576px) {
.btn {
border-radius: 1.8em;
padding: 0.6rem 1.0rem;
}
}
*/
.container.blockcontainer,
.container-fluid.blockcontainer
{
padding-top: 5rem;
padding-bottom: 5rem;
}
.img_maxwidth {
width: 100%;
height: auto;
object-fit: cover;
}
.myhidden {
display: none;
}
.unsichtbar {
margin-top: -10rem;
padding-bottom: 10rem;
z-index: -1;
}
.unsichtbar_intern {
margin-top: -15rem;
padding-bottom: 15rem;
}
/* NAVIGATION ##################################### */
#MyHeader .navbar-header {
position: relative;
}
#MyHeader button.navbar-toggler {
position: absolute;
padding-top: 1.5rem;
right: 0;
top: 0;
}
#MyHeader.headersmall button.navbar-toggler {
padding-top: 0.1rem;
}
@media screen and (min-width: 768px) {
span.navbar-toggler-icon {
display: none;
}
}
@media screen and (max-width: 767px) {
.navbar-toggler {
/*
padding-top: 3.5rem;
padding-left: 1rem;
*/
}
.navbar-toggler:focus {
box-shadow: 0 0 0 0;
}
span.navbar-toggler-icon {
background-image: url('data:image/svg+xml,');
width: 2.5rem;
height: 2.5rem;
background-size: 90%;
border: 1px solid white;
border-radius: 5px;
}
.headersmall .navbar-header {
height: 3rem;
}
/*
.headersmall span.navbar-toggler-icon {
background-image: url('data:image/svg+xml,');
width: 2rem;
height: 2rem;
background-size: 90%;
border: 1px solid black;
border-radius: 4px;
}
*/
.nav-link {
font-size: 0.8rem;
text-align: left;
}
}
/*
#menu-hauptmenu .menu-item {
margin-left: 1.8rem;
margin-right: 1.8rem;
margin-top: 0.75rem;
}
#menu-hauptmenu .menu-item a,
#menu-hauptmenu .menu-item a:visited,
#menu-hauptmenu .menu-item a:link,
#menu-hauptmenu .menu-item a:hover {
text-decoration: none;
text-transform: uppercase;
color: black;
}
*/
/* HEADER ######################################### */
/*
#headerbar-pageheader {
z-index: 1361;
height: 2rem;
transition-property: text-align;
transition-duration: 2s;
transition-timing-function: linear;
}
.headerlarge #headerbar-pageheader {
text-align: left;
}
.headersmall #headerbar-pageheader {
text-align: center;
}
.myheadline {
padding: 0 5rem;
}
.myheaderbild {
width: 100%;
}
*/
.headersmall .MyBrand > img#logo_large,
.headerlarge .MyBrand > img#logo_small {
display: none !important;
}
.headerlarge .MyBrand > img#logo_large,
.headersmall .MyBrand > img#logo_small {
display: inline-block !important;
}
.MyBrand > img {
width: 100%;
}
/*
#myheadermenu.headersmall {
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}
.navbar-brand > img#logo_small {
border: 0 none;
height: 60px;
margin: 0;
padding: 0;
}
.navbar-brand > img#logo_large {
border: 0 none;
height: 60px;
margin: 0;
padding: 0;
}
*/
/* SEITEN ######################################### */
/*
.content-2spalten-slider .carousel-indicators [data-bs-target] {
width: 9rem;
margin-right: 0.4rem;
margin-left: 0.4rem;
}
.content-2spalten-slider .sliderframe,
.content-2spalten-slider .textframe
{
padding: 0 !important;
}
.content-2spalten-slider .textframe
{
position: relative;
}
.content-2spalten-slider .textframe>.textframe-inner {
position: absolute;
text-align: center;
right: 50%;
top: 50%;
transform: translate( 50%, -50% );
width: 100%;
padding-left: 10rem;
padding-right: 10rem;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.content-2spalten-slider .textframe>.textframe-inner {
padding-left: 6rem;
padding-right: 6rem;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.content-2spalten-slider .textframe>.textframe-inner {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.content-2spalten-slider .textframe>.textframe-inner {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media screen and (max-width: 575px) {
.content-2spalten-slider .textframe>.textframe-inner {
padding-left: 1rem;
padding-right: 1rem;
}
}
.content-2spalten-slider.variante2 .carousel-indicators [data-bs-target] {
width: 2rem;
}
.content-2spalten-slider.variante2 .sliderframe,
.content-2spalten-slider.variante2 .textframe
{
}
.content-2spalten-slider.variante2 .textframe
{
}
.content-2spalten-slider.variante2 .textframe>.textframe-inner {
padding-left: 3rem;
padding-right: 3rem;
}
.content-2spalten-slider.variante2 h2 {
padding-top: 2rem;
padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
.content-2spalten-slider.variante2 .textframe>.textframe-inner {
padding-left: 2rem;
padding-right: 2rem;
padding-top: 2rem;
}
.content-2spalten-slider.variante2 h2 {
padding-top: 0rem;
}
}
.content-2bilder .overlay-content {
position: relative;
left: unset;
right: unset;
bottom: unset;
top: unset;
width: 100%
}
.content-2bilder h2 {
text-transform: uppercase;
}
.content-2bilder h2,
.content-bild h1 {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.content-2bilder .btn_read_more::after {
content: ' less';
}
.content-2bilder .btn_read_more.collapsed::after {
content: ' more';
}
.content-2bilder .overlay-content h2 {
margin-top: 1rem;
text-align: center;
text-transform: uppercase;
}
.content-2bilder .overlay-text {
position: absolute;
}
.content-2bilder .img_frame_left,
.content-2bilder .img_frame_right {
position: relative;
overflow: hidden;
}
.content-2bilder .img_frame_left .overlay-text {
padding: 10% 10% 10% 36%;
}
.content-2bilder .img_frame_left img {
padding: 0 0 0 1rem;
}
.content-2bilder .img_frame_right .overlay-text {
padding: 10% 36% 10% 10%;
}
.content-2bilder .img_frame_right img {
padding: 0 1rem 0 0;
}
@media screen and (max-width: 768px) {
.content-2bilder .img_frame_left .overlay-text {
padding: 60% 20% 10% 25%;
}
.content-2bilder .img_frame_left img {
padding: 0 15% 5% 15%
}
.content-2bilder .img_frame_right .overlay-text {
padding: 10% 20% 10% 25%;
}
.content-2bilder .img_frame_right img {
padding: 0 15% 5% 15%
}
}
.content-bilderliste .sticky-md-top {
top: 210px;
}
.content-bilderliste .MyHeadLine {
text-transform: uppercase;
}
.content-detailstartbild {
margin-bottom: 20rem;
}
.content-detailstartbild .MyOverlayText {
position: absolute;
bottom: 0px;
background: #f5f5f9;
background-color: rgb(245, 245, 249);
background-color: rgba(245, 245, 249, 0.85);
}
.content-detailstartbild .MyInhalt {
text-align: left;
}
.content-detailstartbild .MyPreis {
text-align: right;
}
.content-detailstartbild .MyButton {
text-align: center;
text-decoration: none;
display: inline-block;
width: 100%;
padding: 0.8rem;
}
.content-detailstartbild .MyOrtZeit {
margin-bottom: 0;
}
.content-detailstartbild h1::after {
content: ' ';
background-color: #C29B50;
width: 20%;
display: block;
height: 1px;
text-align: center;
margin-top: 1rem;
margin-right: 40%;
margin-bottom: 2rem;
margin-left: 40%;
}
.content-detailstartbild h1 {
text-align: center;
}
.content-bilderliste .MyBLBild .MyCaption .produkt_line_3,
.content-detailstartbild h4 {
margin-top: 0.5rem;
margin-bottom: 1.0rem;
}
.content-bilderliste .MyBLBild .MyCaption h4 {
margin-top: 0.5rem;
}
.MultiCarousel { float: left; overflow: hidden; padding: 0 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left; padding: 0 1rem; }
.MultiCarousel .rightLst {
position:absolute;
border-radius:50%;top:calc(50% - 20px);
}
.MultiCarousel .leftLst { left:4rem; }
.MultiCarousel .rightLst { right:4rem; }
.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
pointer-events: none;
background:transparent;
display: none;
}
.content-produktinfo article {
padding: 1rem 2rem;
}
.content-produktinfo .nav-link,
.content-produktinfo .nav-pills {
--bs-nav-pills-border-radius: 0;
}
.content-produktinfo .nav-link.active {
border-bottom: solid 1px;
}
.content-produktinfo .nav-link {
padding-bottom:0.2rem;
margin-bottom: 1rem;
}
.content-produktinfo .nav-pills .nav-item {
margin-right: 5rem;
}
.content-produktinfo .nav {
--bs-nav-link-padding-x: 0rem;
--bs-nav-link-padding-y: 0rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: #6c757d;
}
.content-produktinfo h3,
.content-produktinfo h4 {
text-transform: uppercase;
}
.content-produktinfo h4 {
margin-bottom: 0;
}
.content-produktinfo div.produktbild {
position: relative;
overflow: visible;
}
.content-produktinfo div.produktbild > img {
position: absolute;
top: 1rem;
right: 1rem;
width: auto;
padding-bottom: 1rem;
}
.content-produktinfo.variante2 .sliderframe {
z-index: 105;
}
.content-produktinfo.variante2 .sliderframe .tab-content {
padding-right: 6rem;
}
.content-produktinfo.variante2 .tab-pane {
background-color: transparent;
}
.content-produktinfo.variante2 .produktbild {
z-index: 100;
overflow: clip;
}
.content-produktinfo.variante2 .produktbild > img {
width: 150%;
margin-right: -27%;
}
.content-produktinfo .tab_ingredients {
text-transform:uppercase;
}
.content-produktinfo.variante2 > .page {
height: 32rem;
}
.content-produktinfo.variante2 > .page > .row {
height: 100%;
}
*/
.MyTrenner {
width: 40%;
margin-left: auto;
margin-right: auto;
margin-top: 2rem;
margin-bottom: 2rem;
border-top-style: solid;
border-top-width: 2px;
opacity: 1;
}
/*
.content-bild .textframe p.MyFunktion {
margin-bottom: 1rem !important;
}
.overlay-frame {
position: relative;
}
.overlay-content {
position: absolute;
left: 0;
right: 0;
bottom: 8%;
width: 100%;
}
.content-bild2 .img_frame {
padding: 0;
display: block;
}
.content-bild2 .overlay-content {
left: unset;
right: 0;
bottom: unset;
width: 24.1%;
background-color: white;
text-align: center;
padding: 1rem;
border: 2em solid;
border-color: rgb(127, 127, 127);
border-color: rgba(255, 255, 255, .8);
-webkit-background-clip: padding-box;
background-clip: padding-box;
display: block;
top: 50%;
transform: translate( 0%, -50% );
}
@media screen and (max-width: 550px) {
.content-bild2 .overlay-content {
width: 40%;
}
}
.overlay-content h1::after {
content: ' ';
background-color: #C29B50;
width: 34%;
display: block;
height: 1px;
text-align: center;
margin-top: 1rem;
margin-right: 33%;
margin-bottom: 1rem;
margin-left: 33%;
}
.overlay-content a.btn {
--bs-btn-color: #fff;
--bs-btn-bg: #C29B50;
--bs-btn-border-color: #C29B50;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #C29B50;
--bs-btn-hover-border-color: #C29B50;
--bs-btn-focus-shadow-rgb: 49,132,253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #C29B50;
--bs-btn-active-border-color: #C29B50;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #C29B50;
--bs-btn-disabled-border-color: #C29B50;
margin-top: 2rem;
margin-bottom: 2rem;
}
.content-2spalten-slider h1::before,
.content-2spalten-slider h1::after {
content: ' ';
background-color: #C29B50;
width: 80%;
display: block;
height: 1px;
text-align: center;
margin-top: 3rem;
margin-right: 10%;
margin-bottom: 1rem;
margin-left: 10%;
}
.content-2spalten-slider h1::after {
margin-top: 1rem;
margin-bottom: 3rem;
}
.MyBLBild {
position:relative;
}
.MyBLBild .MyDiscover {
display:none;
position: absolute;
top: 35%;
left: 50%;
transform: translate( -50%,0);
padding: 0.3rem;
}
.MyBLBild:hover .MyDiscover {
display: block;
}
.MyBLBild:hover img {
opacity: 0.5;
}
.MyBLBild .MyCaption {
padding: 0.5rem 0 1rem 1rem;
}
.MyBLBild .produkt_line_2 {
font-style: italic;
}
.page-template-page .panel-body {
padding: 1rem 6rem;
}
.content-2bilder.myblock {
text-align: center;
}
.MyNavColumn {
text-align: center;
}
.MyFreeDownload {
text-align: right;
padding: 3rem 0 0 0;
}
.MyBrandColumn {
text-align: left;
padding-top: 3rem;
}
#MyHeader div.row {
border-bottom: white solid 15px;
}
@media screen and (max-width: 991px) {
#mybtn_freedownload {
display: none;
}
}
*/
.headerlarge .MyBrandColumn,
.headersmall .MyBrandColumn {
transition: padding .5s ease-in-out;
position: relative;
}
/*
.headerlarge .MyFreeDownload a.btn {
transition: padding .5s ease-in-out;
}
.headersmall .MyFreeDownload a.btn {
transition: padding .5s ease-in-out;
}
*/
/*
.MyBrand > img {
height: auto;
}
.headersmall .MyBrand > img {
transition: width .5s ease-in-out;
}
.headersmall .MyBrand > img#logo_large,
.headerlarge .MyBrand > img#logo_small {
display: none !important;
}
.headerlarge .MyBrand > div#textlogo,
.headersmall .MyBrand > div#textlogo,
.headerlarge .MyBrand > img#logo_large,
.headersmall .MyBrand > img#logo_small {
display: inline-block !important;
width: 23rem;
height: auto;
max-width: 100%;
}
*/
/* FOOTER ######################################### */
footer img {
}
/*
footer #myfootermenu_outer {
justify-content: right;
margin-top: auto;
margin-bottom: auto;
}
footer #myfootermenu_outer ul {
display: inline;
}
footer #myfootermenu_outer .menu-item a,
footer #myfootermenu_outer .menu-item a:visited,
footer #myfootermenu_outer .menu-item a:link,
footer #myfootermenu_outer .menu-item a:hover {
text-decoration: none;
color: white;
}
#menu-footermenu .menu-item {
margin-left:0rem;
margin-right:0rem;
display: inline;
}
#footerbar-menu ul {
list-style-type: none;
padding-left: 0;
}
#menu-footermenu li::after {
content: '|';
margin-left: 0.5rem;
margin-right: 0.5rem;
}
#menu-footermenu li:last-of-type::after {
content: "";
margin-left: 0rem;
margin-right: 0rem;
}
*/
/*
footer .smicon {
width: 2rem;
height: auto;
margin-top: 2rem;
margin-right: 1rem;
}
*/
/* ************************************ INDIVIDUELL ******************* */
/* ************************************ Externe Module ********************** */
/*
.wpforms-submit-container {
text-align: right !important;
}
.wpforms-form .wpforms-submit {
text-transform: uppercase !important;
text-decoration: none !important;
padding: 0 4rem !important;
margin: 0 4rem !important;
}
.maxbox {
max-height : 1320px;
height: calc(1320px * 0.6);
}
@media (min-width: 1200px) and (max-width: 1399px) {
.maxbox {
max-height : 1140px;
height: calc(1140px * 0.6);
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.maxbox {
max-height : 960px;
height: calc(960px * 0.6);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.maxbox {
max-height : 720px;
height: calc(720px * 0.6);
}
}
@media (min-width: 576px) and (max-width: 767px) {
.maxbox {
max-height : 540px;
height: calc(540px * 0.6);
}
}
@media (max-width: 575px) {
.maxbox {
max-height : 100%;
height: calc(540px * 0.6);
}
}
*/
/*
.content-gallery .panel-body {
position: relative;
}
.content-gallery .maxbox .item {
background-size: cover;
background-repeat: no-repeat;
position: absolute;
border: solid white 0.5rem;
}
.content-gallery .maxbox .bild-0 {
width: 20%;
height: 50%;
top: 0;
left: 0;
}
.variante_galery_mia_alba_mistika.content-gallery .maxbox .bild-0 {
width: 25%;
top: 25%;
}
.content-gallery .maxbox .bild-1 {
width: 20%;
height: 55%;
top: 0;
left: 20%;
}
.variante_galery_mia_alba_mistika.content-gallery .maxbox .bild-1 {
width: 18%;
left: 25%;
height: 50%;
}
.variante_galery_magia_maestrale.content-gallery .maxbox .bild-1 {
left: 18%;
}
.content-gallery .maxbox .bild-2 {
width: 20%;
height: 35%;
top: 5%;
left: 40%;
}
.variante_galery_mia_alba_mistika.content-gallery .maxbox .bild-2 {
height: 50%;
top: 0;
width: 19%;
left: 43%;
}
.variante_galery_magia_maestrale.content-gallery .maxbox .bild-2 {
left: 38%;
}
.variante_galery_dolcetto_romano.content-gallery .maxbox .bild-2 {
top: 3%;
height: 37%;
}
.content-gallery .maxbox .bild-3 {
width: 25%;
height: 30%;
top: 0;
left: 60%;
}
.variante_galery_mia_alba_mistika.content-gallery .maxbox .bild-3 {
left: 62%;
width: 19%;
height: 31%;
top: 0;
}
.variante_galery_christiallo_bianco.content-gallery .maxbox .bild-3 {
width: 22%;
}
.variante_galery_magia_maestrale.content-gallery .maxbox .bild-3 {
width: 24%;
left: 58%;
}
.variante_galery_dolcetto_romano.content-gallery .maxbox .bild-3 {
width: 21.5%;
}
.variante_galery_7_miglia.content-gallery .maxbox .bild-3 {
width: 22%;
}
.content-gallery .maxbox .bild-4 {
width: 20%;
height: 30%;
top: 0;
left: 80%;
}
.variante_galery_mia_alba_mistika.content-gallery .maxbox .bild-4 {
left: 81%;
width: 19%;
height: 31%;
}
.content-gallery .maxbox .bild-5 {
width: 40%;
height: 40%;
top: 55%;
left: 0;
}
.variante_galery_magia_maestrale.content-gallery .maxbox .bild-5 {
width: 38%;
height: 42%;
top: 55%;
left: 0%;
}
.variante_galery_dolcetto_romano.content-gallery .maxbox .bild-5 {
}
.content-gallery .maxbox .bild-6 {
width: 20%;
height: 55%;
top: 40%;
left: 40%;
}
.variante_galery_mia_alba_mistika.content-gallery .maxbox .bild-6 {
height: 41%;
width: 54%;
left: 25%;
top: 50%;
}
.variante_galery_magia_maestrale.content-gallery .maxbox .bild-6 {
height: 53%;
left: 38%;
}
.variante_galery_dolcetto_romano.content-gallery .maxbox .bild-6 {
height: 54%;
}
.content-gallery .maxbox .bild-7 {
width: 20%;
height: 20%;
top: 30%;
left: 60%;
}
.variante_galery_magia_maestrale.content-gallery .maxbox .bild-7 {
width: 19%;
left: 58%;
}
.variante_galery_dolcetto_romano.content-gallery .maxbox .bild-7 {
height: 18%;
}
.variante_galery_christiallo_bianco.content-gallery .maxbox .bild-7,
.variante_galery_christiallo_bianco.content-gallery .maxbox .bild-8 {
width: 19%;
}
.content-gallery .maxbox .bild-8 {
width: 20%;
height: 45%;
top: 50%;
left: 60%;
}
.variante_galery_mia_alba_mistika.content-gallery .maxbox .bild-8 {
left: 62%;
width: 17%;
height: 19%;
top: 31%;
}
.variante_galery_magia_maestrale.content-gallery .maxbox .bild-8 {
width: 19%;
left: 58%;
height: 43%;
}
.variante_galery_dolcetto_romano.content-gallery .maxbox .bild-8 {
top: 48%;
}
.content-gallery .maxbox .bild-9 {
width: 20%;
height: 50%;
top: 30%;
left: 80%;
}
.variante_galery_mia_alba_mistika.content-gallery .maxbox .bild-9 {
width: 19%;
height: 48%;
top: 31%;
left: 79%;
}
.variante_galery_christiallo_bianco.content-gallery .maxbox .bild-9 {
width: 21%;
top: 30%;
left: 79%;
}
.variante_galery_magia_maestrale.content-gallery .maxbox .bild-9 {
width: 23%;
left: 77%;
height: 31%;
top: 30%;
}
.variante_galery_dolcetto_romano.content-gallery .maxbox .bild-9 {
height: 32%;
top: 30%;
left: 80%;
}
.variante_galery_home_fragrances.content-gallery .maxbox .bild-0 {
width: 63%;
height: 100%;
top: 0;
left: 0;
}
.variante_galery_home_fragrances.content-gallery .maxbox .bild-1 {
width: 30%;
height: 100%;
top: 0;
left: 63%;
}
.grecaptcha-badge {
bottom: 50% !important;
}
#block--pdf_eycp {
background-image: url("https://lawtracker.de/wp-content/uploads/2023/12/Ellipse-252-1.png");
background-repeat: no-repeat;
background-position-x: left;
background-size: contain;
background-position-y: bottom;
background-clip: padding-box;
}
#word_vergleich {
color: #acadbf;
font-size: 0.8rem;
border-color: #ACADBF;
}
@media screen and (max-width: 768px) {
#word_vergleich {
font-size: 1rem;
}
}
#word_vergleich .myheader {
font-size: 1.4rem;
font-weight: normal;
color: white;
}
#word_vergleich thead {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
}
#word_vergleich thead th.text-center {
border-bottom-color: #ACADBF;
border-bottom-width: 1px;
}
#word_vergleich thead th.text-start {
border-bottom-color: transparent;
border-bottom-width: 1px;
}
#word_vergleich tbody {
border-left-color: transparent;
border-right-color: transparent;
}
#word_vergleich tbody td.myspalte1,
#word_vergleich tbody td.myspalte2 {
border-right-color: #ACADBF
}
#word_vergleich tbody td img {
width: 1.6rem;
}
.wpcf7-textarea,
.wpcf7-text {
width: 99.5%;
height: 2rem;
border-bottom-color: lightgray !important;
border-right-color: lightgray !important;
border-top-color: lightgray !important;
border-left-color: lightgray !important;
border-block-style: solid;
border-left-style: solid;
padding: 1.2rem 1rem;
border-radius: 8px;
}
.wpcf7-textarea {
height: 10rem;
}
.wpcf7-textarea:focus,
.wpcf7-text:focus {
border-color:#008D8D !important;
outline: none;
}
#unsere_partner img,
#unsere_partner2 img,
#unsere_foerderer img {
width: 75%;
}
span.myfarbverlauf {
background-image: linear-gradient(135deg,#008D8D 5%,#0B0124 93%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
*/
/*
.page-id-1316 #block--less_work.content-bild {
display: none
}
.page-id-1316 #block--less_work.content-2spalten_40_60 {
display: initial;
}
@media screen and (max-width: 992px) {
.page-id-1316 #block--less_work.content-bild {
display: initial;
}
.page-id-1316 #block--less_work.content-2spalten_40_60 {
display: none
}
}
*/
div.collapse-x {
padding: 1rem 0 2rem 0;
}
div.mycollapsetext {
margin: 1rem 0;
}
a.myswitch {
color: blue;
text-decoration: none;
}
a.myswitch:after {
content: "↓";
display: inline-block;
margin-left: 0.5rem;
/* transition: 1s ease all; */
}
a.myswitch.collapsed:after {
content: "→";
display: inline-block;
/* transition: 1s ease all; */
}
.MyOverlayContainer {
text-align: center;
position: absolute;
top: 4.4%;
right: 4%;
bottom: 0;
}
#menu-footermenu {
text-align: right;
list-style-type: none;
}
.content-headerbox {
margin-bottom: 5rem !important;
}
a:link,
a:hover,
a:focus {
color: rgb( 0,54,111 ); /* dunkelblau */
text-decoration: none;
}
a.myswitch {
font-size: 0.9rem;
}
.myblock ul {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.myblock ul li {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
#MyStimmen .carousel-item {
height: 11rem;
}
.zrk-btn {
position: absolute;
right: 15px;
top: 3px;
}
.zrk-btn > a {
color: white;
}
#hamburgermenu-icon {
position: absolute;
top: 60px;
right: 15px;
}
#menu-ankermenu-1 a {
color: rgb( 0,54,111 ); /* dunkelblau */
}
#hamburgermenu-icon a {
color: rgb( 73,124,169 ); /* hellblau */
}
#hamburgermenu-icon:hover a {
color: rgb( 0,54,111 ); /* dunkelblau */
}
#ankermenu {
top: 100px;
right: 0px;
position: absolute;
margin: 10px 0px 0px;
background-image: linear-gradient(to bottom, rgba(180,201,232, 0.30) , rgba( 73,124,169,0.3)) !important;
background-image: linear-gradient(to bottom, rgba(232,239,248, 0.90) , rgba( 200,216,229,0.9)) !important;
right: 0px;
}
#ankermenu ul {
text-align: right;
list-style-type: none;
margin: 15px;
}
/*
#ankermenu::before {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 82px solid red;
border-right: 50px solid transparent;
background-color: transparent;
top: 0;
left: 0px;
}
*/
a.headerlink {
color: rgb( 73,124,169 ); /* hellblau */
}
a.headerlink:hover {
color: white;
}