/*====================================================================================*/
/* Theme Name: Divi Child                                                             */
/* Version: 1.0.0                                                                     */
/* Author: Klaus Wildenburg                                                           */
/* Description: Divi Child-Theme                                                      */
/* Template: Divi                                                                     */
/*====================================================================================*/

/*====================================================================================*/
/* Divi-Theme                                                                         */
/*====================================================================================*/

/*----------------------------------------------------------------------*/
/* Standardgemäß nutzt das Divi Theme 80% der angegebenen Seitenbreite. */
/* Das sieht auf Smartphones etwas gedrungen aus. Um dem entgegen zu    */
/* wirken, wird hier dieser Wert auf 90% gesetzt.			            */
/*----------------------------------------------------------------------*/

.et_pb_row, .container {
    width: 90%; /* Prozentwert anpassen */
}

/*=====================================================================================*/
/* Menue                                                                               */
/*=====================================================================================*/

/*--------------------------*/
/* Abstand der Menüeinträge */
/*--------------------------*/

.et_pb_menu .et-menu.nav > li { 
  padding-left: 10pt !important; 
  padding-right: 10pt !important;
}

/*------------------------------------------*/
/* Menu Hover Effect Unterstrich von rechts */
/*------------------------------------------*/
.menu-underline-from-right nav ul li a {
   position: relative;
   overflow: hidden;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
}

.menu-underline-from-right nav ul li a::before {
   content: "";
   position: absolute;
   z-index: 2;
   left: 100%;
   right: 0;
   bottom: 0;
   background: #187ef2;
   height: 3px;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
}

.menu-underline-from-right nav ul li a:hover::before {
   left: 0;
}

/*------------------------------------------------------------------------*/
/* Smartphone: Symbol des Hamburgermenüs in ein 'X' umwandeln, und zurück */
/*------------------------------------------------------------------------*/

.mobile_menu_bar::before {
	display: block;
	transition: all .4s ease;
}
.mobile_nav.opened .mobile_menu_bar::before {
	content: "M";
	transform: rotate(90deg);
}

/*=====================================================================================*/
/* Galerie                                                                             */
/*=====================================================================================*/

/*--------------------------*/
/* Formatierung der Galerie */
/*--------------------------*/

.et_pb_gallery_item {
    width: 33.33%; /* Drei Bilder pro Zeile */
    padding: 10px; /* Abstand zwischen den Bildern */
}

.pa-image-gallery-1-1 .et_pb_gallery_image {
  padding-top: 100%;
  display: block;
}
.pa-image-gallery-1-1 .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*----------------------------*/
/* Ausblenden des Dateinamens */
/*----------------------------*/

.mfp-title { 
    display: none !important; 
}

/*-----------------------------*/
/* Ausblenden des Bildzaehlers */
/*-----------------------------*/

.mfp-counter { 
    display: none !important; 
}

/*=====================================================================================*/
/* Back-To-The-Top-Button                                                              */
/*=====================================================================================*/

.et_pb_scroll_top.et-pb-icon {
	right: 15px;
	bottom: 15px;
	border-radius: 25px;
    background-color: #ACC3CA;
    color: #ffffff;
}

.et_pb_scroll_top.et-pb-icon:hover {
	border: 1px solid #303030;
    background-color: #ffffff;
    color: #303030;
} 

/* =============================*/
/* Linkfarbe im Footer anpassen */
/* =============================*/
.footer-link-color a {
color: #FFFFFF !important;
} 

/*=====================================================================================*/
/* Site Review: Erfassungsformular                                                     */
/*=====================================================================================*/

.glsr-form {
    color: #000000;
}

/*---------------*/
/* Eingabefelder */
/*---------------*/

.glsr-form .glsr-input,
.glsr-form .glsr-textarea {
    background-color: #EEEEEE;
	color: #000000 !important;
    border-radius: 10px;
	font-size:16px;
	font-style: bold;
	-webkit-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
	-moz-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
	box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
}

.glsr-form .glsr-input,
.glsr-form .glsr-textarea,
.glsr-form .glsr-label {
    color: #000000 !important;
}

/*------------------------------------------------------*/
/* Hintergrundfarbe des aktivierten Datenschutz-Toggles */
/*------------------------------------------------------*/

.glsr-field-toggle {
    --glsr-toggle-bg-1: #ABC2C9;
} 

/*---------------*/
/* Senden-Button */
/*---------------*/

.glsr-review-form button.glsr-button {
    background-color: #ABC2C9; /* Hintergrundfarbe */
    color: #000000; /* Textfarbe */
    padding: 10px 30px; /* Innenabstand */
    text-align: center; /* Textausrichtung */
    text-decoration: none; /* Textdekoration entfernen */
    display: inline-block; /* Anzeigeart */
    font-size: 18px; /* Schriftgröße */
	font-weight: bold; /* Fettschrift */
    margin: 4px 2px; /* Außenabstand */
    cursor: pointer; /* Mauszeiger */
    border-radius: 10px; /* Abrundung der Ecken */
    border: none; /* Rahmen entfernen */
    -webkit-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
    -moz-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
    box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
}

/* Hover-Effekt */
.glsr-review-form button.glsr-button:hover {
    background-color: #ABC2C9; /* Hintergrundfarbe bei Hover */
    color: #000000; /* Textfarbe */
    padding: 10px 30px; /* Innenabstand */
    text-align: center; /* Textausrichtung */
    text-decoration: none; /* Textdekoration entfernen */
    display: inline-block; /* Anzeigeart */
    font-size: 18px; /* Schriftgröße */
	font-weight: bold; /* Fettschrift */
    margin: 4px 2px; /* Außenabstand */
    cursor: pointer; /* Mauszeiger */
    border-radius: 10px; /* Abrundung der Ecken */
    border: none; /* Rahmen entfernen */
    -webkit-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
    -moz-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
    box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.26);
	transform: scale(1.1);
}

/*---------------------------------------*/
/* Fehlermeldung des Bewertungsformulars */
/*---------------------------------------*/

.glsr-field-error {
    font-size: 14px !important;
    color: red;
}