* {margin: 0; padding: 0;}

#customer_container                                                                                                {}
#customer_container h1                      {margin-bottom:15px; margin-top: 15px;}
#customer_container        h2                                                                                        {}
#customer_container        h3    

                                                                                    {}
.customer_box_left                          {width: 723px; float:left; background: #f4f4f4; min-height: 100px; padding: 10px; border:1px solid #e1e2e0; }

.customer_box_RIGHT							{width: 723px; float:right; background: #f4f4f4; min-height: 100px; padding: 10px; border:1px solid #e1e2e0; }

.customer_box_wide_1							{width: 940px; float:left; background: #f4f4f4; min-height: 100px; padding: 0px; border:1px solid #e1e2e0; }

.customer_box_wide_2							{width: 920px; float:left; background: #f4f4f4; min-height: 100px; padding: 10px; border:1px solid #e1e2e0; }

.longhg1				{width: 920px; height: 1957px; background: url(https://www.lindy.de/$WS/ld0101/websale8_shop-ld0101/benutzer/templates/ws-customer-ld011101/servicepages/images/longdistance1.jpg); position: relative; background-position:center; background-repeat:no-repeat			; padding: 10px; border:0px solid #e1e2e0; color:#FFF;}

.longhg2				{width: 920px; height: 2017px; background: url(https://www.lindy.de/$WS/ld0101/websale8_shop-ld0101/benutzer/templates/ws-customer-ld011101/servicepages/images/longdistance2.jpg); position: relative; background-position:center; background-repeat:no-repeat			; padding: 10px; border:0px solid #e1e2e0; color:#FFF;  }

.longhg3				{width: 920px; height: 1855px; background: url(https://www.lindy.de/$WS/ld0101/websale8_shop-ld0101/benutzer/templates/ws-customer-ld011101/servicepages/images/longdistance3.jpg); position: relative; background-position:center; background-repeat:no-repeat			; padding: 10px; border:0px solid #e1e2e0; color:#FFF;  }

.longhg4				{width: 920px; height: 1444px; background: url(https://www.lindy.de/$WS/ld0101/websale8_shop-ld0101/benutzer/templates/ws-customer-ld011101/servicepages/images/longdistance4.jpg); position: relative; background-position:center; background-repeat:no-repeat			; padding: 10px; border:0px solid #e1e2e0; color:#FFF;  }

.longhg5				{width: 920px; height: 930px; background: url(https://www.lindy.de/$WS/ld0101/websale8_shop-ld0101/benutzer/templates/ws-customer-ld011101/servicepages/images/longdistance5.jpg); position: relative; background-position:center; background-repeat:no-repeat			; padding: 10px; border:0px solid #e1e2e0; color:#FFF;  }

.longlink				{width: 920px; float:left;  border:0px solid #e1e2e0; color:#FFF;  }



.long1			{ margin-left: 78px; margin-top:320px;}
.long2			{ margin-top: 146px;}
.long3			{ margin-left: 36px; margin-top:360px;}
.long4			{ margin-left: 87px; margin-top:412px;}
.long5			{ margin-left: 45px; margin-top:400px;}

.longtext1		{ margin-left:600px; margin-top: 320px; line-height:13px;}
.longtext2		{ margin-left:570px; margin-top: 150px; line-height:13px;}
.longtext3		{ margin-left:570px; margin-top: 355px; line-height:13px;}
.longtext4		{ margin-left:50px; margin-top: 73px;  margin-right:369px; }
.longtext5		{ margin-left:631px; margin-top: -260px; line-height:13px; margin-right:13px; }
.longtext6		{ margin-left:100px; margin-top: 160px; }


.Button1   {width:100px; margin-left: 190px; margin-top:100px; position:absolute;}
.Button2   {width:100px; margin-left: 483px; margin-top:100px; position:absolute;}
.Button3   {width:100px; margin-left: 782px; margin-top:100px; position:absolute;}


.GOLDHDMI				{width: 920px; height:1230px; float:left; background: url(https://www.lindy.de/$WS/ld0101/websale8_shop-ld0101/benutzer/templates/ws-customer-ld011101/servicepages/images/GOLD.jpg)		; padding: 10px; border:0px solid #e1e2e0; color:#FFF; font: Helvetica, sans-serif}
.GOLDHDMI1			{margin-left: 10px; margin-top: 20px;}


.koenig				{width: 920px; float:left; background: url(https://www.lindy.de/$WS/ld0101/websale8_shop-ld0101/benutzer/templates/ws-customer-ld011101/servicepages/images/Koenig723.jpg)			; padding: 10px; border:0px solid #e1e2e0; color:#FFF; font: Helvetica, sans-serif}

.koenigIT			{width: 920px; float:left; background: url(https://www.lindy.de/$WS/ld0101/websale8_shop-ld0101/benutzer/templates/ws-customer-ld011101/servicepages/images/Koenig723.jpg)			; padding: 10px; border:0px solid #e1e2e0; color:#FFF; font: Helvetica, sans-serif}

.koenigp2										{width: 920px; float:left; background: url(https://www.lindy.de/$WS/ld0101/websale8_shop-ld0101/benutzer/templates/ws-customer-ld011101/servicepages/images/Koenig2.jpg)			; padding: 10px; border:0px solid #e1e2e0; color:#FFF; font: Helvetica, sans-serif}

.koenig2									{float:left; padding-left: 80px;}

.koenig1									{float:left; padding-left: 50px;}

.spacer_height_250px {
	height: 250px !important;
	clear: both;}
	
.spacer_height_5px {
	height: 5px !important;
	clear: both;}
	
	.spacer_height_150px {
	height: 150px !important;
	clear: both;}

.spacer_height_10px {
	height: 5px !important;
	clear: both;}

.spacer_height_100px {
	height: 5px !important;
	clear: both;}

#customer_container .customer_box_right		{display:block; width: 180px; float:right; min-height: 40px;}

.cross_box                                  {cursor:pointer; background:#f4f4f4; margin-bottom:10px; border:1px solid #e1e2e0; min-height:150px; color: black;}
.cross_box a                                {display:block; padding:7px; margin-bottom: 5px; font-weight:bold; text-decoration:none;}

.cross_box:hover                            {border-color:#d62828;}
.cross_box:hover a                          {background:#d62828; }


.profil_textbox                             {width: 450px; line-height: 18px; }
.profil_imgbox                              {width: 250px; font-size: 11px; color: #777; padding:5px; border:1px solid #e1e2e0; background:#FFF;}
.historystart								{border: 1px solid;  background: #e7e7e7; width: 700px; padding: 10px;  float:left; box-shadow: 1px 1px 2px #000; } 


.jobs_box_inside							{width: 700px; float:left; padding: 10px; border: 1px solid #e1e2e0; }	




.news_left							        {border: 1px solid;  background: #e6e6e6; width: 700px; padding: 10px; font-weight: bold; float:left;}  
.news_right      							{border: 1px solid;  background: #e6e6e6; width: 80px; padding: 10px;  float:right; min-height: 50px; font-weight: bold; text-align:center; }
.newsimg		  							{float:left;  }
.news_textbox        						{float:left; margin-left: 15px; vertical-align:middle;}



.katalog_left								{border: 1px solid;  background: #e6e6e6; width: 340px; height: 350px; padding: 10px; font-weight: bold; float:left;margin-right:15px}
.katalog_right							 	{border: 1px solid;  background: #e6e6e6; width: 340px; height: 350px; padding: 10px; font-weight: bold; float:left;}
.katalog_textbox_right						{float:left; margin-top: 15px; vertical-align:bottom;}
.katalog_textbox_left						{float:left; margin-top: 15px; vertical-align:bottom;}

.customlist									{list-style:square; margin-left: 15px}




.addresscontainer							{width: 360px; float:left; margin-bottom: 30px;}
.addressheadline							{margin-bottom: 15px;}
.address									{width: 280px; float:left;}
.building									{width: 230px; height: 100px;  float:left; margin-bottom: 15px;}
.flags										{width: 20px; margin-right: 5px; float:left; margin-top:5px;}
.picturebox									{position:relative; width: 280px; height: 137px;}



.shopcontainer								{width: 720px; float:left;margin-top:15px;}
.shopimage									{width: 140px; float:left; border: 1px solid}
.shoplink									{width: 455px; float:left; margin-left: 15px;}
.shopcategory								{margin-left:265px;margin-top: 15px; float:left;}
.profil_imgbox_shops                        {width: 160px; font-size: 11px; color: #777; padding:5px; border:1px solid #e1e2e0; background:#FFF;}


.profil_imgbox_presse                       {width: 180px; font-size: 11px; color: #777; padding:5px; border:1px solid #e1e2e0; background:#FFF;}

p 											{margin-top:15px}


/* =========================================================
   TEXTBLOCK – universeller Contentbereich
   ========================================================= */

#customer_container .ld-textblock {
    margin: 60px auto;
    max-width: 1200px;
    padding: 0 20px;
}

/* Header-Bereich */
#customer_container .ld-textblock__header {
    text-align: center;
    margin-bottom: 40px;
}

#customer_container .ld-textblock__header h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

#customer_container .ld-textblock__lead {
    font-size: 15px;
    color: #6d6d6d;
    max-width: 700px;
    margin: 0 auto;
}

/* GRID – 3-spaltige Struktur */
#customer_container .ld-textblock__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
}

/* Text-Karten */
#customer_container .ld-textblock__item {
    background: none;        /* kein Hintergrund */
    border: 1px solid #e2e2e2;
    padding: 22px 26px;
    border-radius: 4px;
}

#customer_container .ld-textblock__item h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

#customer_container .ld-textblock__item p,
#customer_container .ld-textblock__item ul {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.5;
}

#customer_container .ld-textblock__item ul li {
    margin-left: 18px;
}

/* =========================================================
   FULLWIDTH TEXTBLOCK
   ========================================================= */
#customer_container .ld-textblock-full {
    max-width: 1000px;
    margin: 60px auto;
    padding: 0 20px;
}

#customer_container .ld-textblock-full h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 15px;
}

#customer_container .ld-textblock-full__lead {
    text-align: center;
    font-size: 15px;
    color: #6d6d6d;
    margin-bottom: 25px;
}

#customer_container .ld-textblock-full p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 18px;
}

/* =========================================================
   TEXTBLOCK – 2 Spalten
   ========================================================= */
#customer_container .ld-textblock-2col {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    max-width: 1100px;
    margin: 60px auto;
    padding: 0 20px;
}

#customer_container .ld-textblock-2col__item h3 {
    font-size: 18px;
    margin-bottom: 12px;
}

#customer_container .ld-textblock-2col__item p,
#customer_container .ld-textblock-2col__item ul {
    font-size: 14px;
    line-height: 1.6;
}

#customer_container .ld-textblock-2col__item ul {
    margin-left: 18px;
}

/* =========================================================
   TEXTBLOCK – 3 Spalten
   ========================================================= */
#customer_container .ld-textblock-3col {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 26px;
    max-width: 1100px;
    margin: 60px auto;
    padding: 0 20px;
}

#customer_container .ld-textblock-3col__item h3 {
    font-size: 18px;
    margin-bottom: 12px;
}

#customer_container .ld-textblock-3col__item p {
    font-size: 14px;
    line-height: 1.6;
}


/* ----------------------------------------------------------
FULLWIDTH BANNER
----------------------------------------------------------
- Entspricht dem "banner style1 ..." aus index-demo.html
- Nutzt im Shop eigene Klassen:
	.ld-banner, .ld-banner__content, .ld-banner__image etc.
- Vollbreite Intro-Sektion für starke Einstiege.
---------------------------------------------------------- */

#customer_container .ld-banner {
width: 100%;
display: flex;
align-items: center;
background: #ffffff;
border-bottom: 1px solid #e1e2e0;
overflow: hidden;
}

#customer_container .ld-banner__content {
flex: 1 1 50%;
padding: 80px 60px;
box-sizing: border-box;
}

#customer_container .ld-banner__title {
font-size: 42px;
margin: 0 0 20px;
font-weight: normal;
}

#customer_container .ld-banner__lead {
font-size: 18px;
line-height: 1.7;
margin: 0 0 20px;
}

#customer_container .ld-banner__text {
font-size: 14px;
line-height: 1.6;
max-width: 600px;
}

#customer_container .ld-banner__actions {
list-style: none;
margin: 40px 0 0;
padding: 0;
}

#customer_container .ld-banner__actions li {
margin-bottom: 10px;
}

#customer_container .ld-banner__button {
display: inline-block;
padding: 12px 32px;
border-radius: 999px;
border: 1px solid #d0d0d0;
letter-spacing: .15em;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
color: #000;
background: #fff;
}

#customer_container .ld-banner__button:hover {
border-color: #d62828;
color: #d62828;
}

#customer_container .ld-banner__image {
flex: 1 1 50%;
min-height: 350px;
background-size: cover;
background-position: center;
}

/* ----------------------------------------------------------
SPOTLIGHT-ABLÖSUNG (Teaser-Blöcke)
----------------------------------------------------------
- Entspricht "spotlight style1 ..." aus index-demo.html
- Abwechselnde Bild- und Textausrichtung (links/rechts)
- Ideal für thematische Kapitel-Introblöcke
---------------------------------------------------------- */

#customer_container .ld-spotlight-wrapper {
margin: 50px 0;
}

#customer_container .ld-spotlight {
display: flex;
flex-wrap: wrap;
background: #ffffff;
border: 1px solid #e1e2e0;
box-sizing: border-box;
}

#customer_container .ld-spotlight__image {
flex: 0 0 45%;
/*min-height: 260px;*/
background-size: cover;
background-position: center;
}

#customer_container .ld-spotlight__content {
flex: 1 1 55%;
padding: 60px 70px;
box-sizing: border-box;
}

#customer_container .ld-spotlight__title {
font-size: 28px;
margin: 0 0 20px;
}

#customer_container .ld-spotlight__title--h1 {
font-size: 32px;
}

#customer_container .ld-spotlight__lead {
font-size: 16px;
line-height: 1.7;
margin: 0 0 20px;
}

/* Bild/Text-Reihenfolge umdrehen */
#customer_container .ld-spotlight--image-left .ld-spotlight__image {
order: 0;
}
#customer_container .ld-spotlight--image-left .ld-spotlight__content {
order: 1;
}
#customer_container .ld-spotlight--image-right .ld-spotlight__image {
order: 1;
}
#customer_container .ld-spotlight--image-right .ld-spotlight__content {
order: 0;
}

/* Gemeinsamer Button-Stil (wird auch in anderen Sektionen genutzt) */
#customer_container .ld-button {
display: inline-block;
padding: 10px 26px;
border-radius: 999px;
border: 1px solid #d0d0d0;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
color: #000;
background: #fff;
}

#customer_container .ld-button:hover {
border-color: #d62828;
color: #d62828;
}

/* kleinere Variante, z. B. in der Galerie */
#customer_container .ld-button--small {
padding: 6px 18px;
font-size: 10px;
}

/* ----------------------------------------------------------
GENERISCHE SEKTIONEN (Wrapper)
- für Gallery, Items, Additional Elements, Artikel
---------------------------------------------------------- */
#customer_container .ld-section {
max-width: 980px;
margin: 60px auto;
padding: 0 10px;
box-sizing: border-box;
}

#customer_container .ld-section--wide {
max-width: 1140px;
}

#customer_container .ld-section__header {
text-align: center;
margin-bottom: 30px;
}

#customer_container .ld-section__header h2 {
font-size: 28px;
margin: 0 0 10px;
}

#customer_container .ld-section__header p {
margin: 0;
line-height: 1.6;
}

/* ----------------------------------------------------------
GALLERY (analog "Gallery" aus index-demo.html)
- 4 Kacheln mit Bild + Text + optionalem Button
---------------------------------------------------------- */
#customer_container .ld-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}

#customer_container .ld-gallery__item {
width: 220px;
background: #ffffff;
border: 1px solid #e1e2e0;
box-sizing: border-box;
}

#customer_container .ld-gallery__image img {
display: block;
width: 100%;
height: auto;
}

#customer_container .ld-gallery__image .icon {
display: block;
width: 100%;
height: auto;
}

#customer_container .ld-gallery__caption {
padding: 15px;
}

#customer_container .ld-gallery__title {
font-size: 16px;
margin: 0 0 10px;
}

#customer_container .ld-gallery__text {
font-size: 13px;
line-height: 1.5;
margin: 0 0 15px;
}

/* ----------------------------------------------------------
GALLERY ICON STYLE
----------------------------------------------------------
- Setzt Bilder mit class="icon" in runde Icon-Badges
- Zentriert innerhalb der Galerie-Kachel
- Größe & Rahmen wie im HTML5UP Feature-Icon-Stil
---------------------------------------------------------- */

#customer_container .ld-gallery__image {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0; /* etwas "Luft" oben und unten */
	background: #fff;
}

#customer_container .ld-gallery__image .icon {
	width: 70px;
	height: 70px;
	object-fit: none; /* falls PNG ausläuft */
	border-radius: 50%;
	border: 2px solid #dcdcdc; /* feiner grauer Kreis */
	padding: 15px; /* Icon kleiner im Kreis */
	box-sizing: border-box;
	background: #fff;
	display: flex;
}

/* Optional: beim Hover leicht vergrößern */
#customer_container .ld-gallery__item:hover .icon {
	transform: scale(1.05);
	transition: transform 0.2s ease;
}

/* Responsiv: Mobile Icons etwas kleiner */
@media (max-width: 700px) {
	#customer_container .ld-gallery__image .icon {
		width: 60px;
		height: 60px;
		padding: 12px;
	}
}

/* ----------------------------------------------------------
ITEMS (analog "Items" aus index-demo.html)
- Feature-Karten / Anwendungsfälle
---------------------------------------------------------- */
#customer_container .ld-items {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 30px;
}

#customer_container .ld-items__item {
flex: 1 1 260px;
background: #f4f4f4;
border: 1px solid #e1e2e0;
padding: 20px;
box-sizing: border-box;
}

#customer_container .ld-items__title {
margin: 0 0 10px;
font-size: 16px;
}

#customer_container .ld-items__text {
font-size: 13px;
line-height: 1.6;
margin: 0 0 10px;
}

#customer_container .ld-items__list {
margin-left: 18px;
font-size: 13px;
line-height: 1.6;
}

/* ----------------------------------------------------------
ADDITIONAL ELEMENTS (analog "Additional Elements")
- 4-Spalten-Grid mit Text / Listen / Kontakt
---------------------------------------------------------- */
#customer_container .ld-additional-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 30px;
}

#customer_container .ld-additional-grid__col {
flex: 1 1 220px;
background: #f4f4f4;
border: 1px solid #e1e2e0;
padding: 20px;
box-sizing: border-box;
}

#customer_container .ld-additional-grid__col h3 {
margin: 0 0 10px;
font-size: 16px;
}

#customer_container .ld-additional-grid__col p {
font-size: 13px;
line-height: 1.6;
margin-top: 0;
}

#customer_container .ld-additional-grid__list {
margin-left: 18px;
font-size: 13px;
line-height: 1.6;
}

#customer_container .ld-additional-grid__meta {
font-size: 11px;
color: #777;
margin-top: 10px;
}

/* ----------------------------------------------------------
LANGTEXT-ARTIKEL (optional)
- Ratgeber-Inhalt in klassischer Textform
---------------------------------------------------------- */
#customer_container .ld-article {
max-width: 900px;
margin: 60px auto 80px;
padding: 0 10px;
box-sizing: border-box;
}

#customer_container .ld-article h2 {
margin-top: 30px;
margin-bottom: 10px;
}

#customer_container .ld-article p {
margin-top: 15px;
line-height: 1.6;
}

/* ----------------------------------------------------------
RESPONSIVE ANPASSUNGEN
---------------------------------------------------------- */
@media (max-width: 900px) {
#customer_container .ld-banner__content {
	padding: 40px 20px;
}
#customer_container .ld-spotlight__content {
	padding: 40px 30px;
}
}

@media (max-width: 700px) {
#customer_container .ld-banner {
	flex-direction: column;
}
#customer_container .ld-banner__image {
	width: 100%;
	height: 240px;
}

#customer_container .ld-spotlight {
	flex-direction: column;
}
#customer_container .ld-spotlight__image,
#customer_container .ld-spotlight__content {
	order: 0 !important;
	width: 100%;
	flex-basis: 100%;
}
#customer_container .ld-spotlight__image {
	min-height: 220px;
}

#customer_container .ld-gallery__item,
#customer_container .ld-items__item,
#customer_container .ld-additional-grid__col {
	width: 100%;
	flex-basis: 100%;
}
}

/* Wrapper leicht nach unten/o oben einrücken */
#customer_container .ld-gallery-section {
    margin: 60px 0;
}

/* Überschrift & Text in der Section */
#customer_container .ld-gallery-section > .inner h2 {
    margin-bottom: 10px;
}
#customer_container .ld-gallery-section > .inner p {
    margin-bottom: 40px;
}
/* ==========================================================================
   LINDY GALLERY – SLIDER
   ========================================================================== */

/* Wrapper: Anker für Pfeile & Dots */
#customer_container .ld-gallery-section {
    position: relative;
    margin: 60px 0;
}

/* Galerie-Streifen, der horizontal scrollt */
#customer_container .ld-gallery-section .gallery.style2 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: none;
}
#customer_container .ld-gallery-section .gallery.style2::-webkit-scrollbar {
    display: none;
}

/* Einzel-Slide */
#customer_container .ld-gallery-section .gallery.style2 article {
    position: relative;
    flex: 0 0 22rem;           /* Breite eines Slides */
    margin: 0;
    overflow: visible;
}

/* Hintergrundbild statt <img> */
#customer_container .ld-gallery-section .gallery.style2 article .image-bg {
    display: block;
    width: 100%;
    height: 250px;             /* Bildhöhe nach Wunsch */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#customer_container .ld-gallery-section .gallery.style2 article .caption {
    position: absolute;
    top: 0;                    /* statt bottom:0 */
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;             /* Flexbox aktiviert */
    flex-direction: column;    /* Elemente untereinander */
    justify-content: center;   /* vertikal ZENTRIERT */
    align-items: center;       /* horizontal zentriert */

    padding: 0 18px;           /* horizontales Padding bleibt */
    background: rgba(0,0,0,0.55);
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    line-height: 1.4;

    height: 100%;              /* Overlay über ganze Bildhöhe */
    overflow: visible;
    white-space: normal;
    z-index: 2;
}

#customer_container .ld-gallery-section .gallery.style2 article .caption h3 {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: bold;
}
#customer_container .ld-gallery-section .gallery.style2 article .caption p {
    margin: 0 0 8px;
}

/* Buttons in der Caption */
#customer_container .ld-gallery-section .gallery.style2 .actions.fixed {
    margin-top: 10px;
    padding: 0;
    list-style: none;
    text-align: center;
}
#customer_container .ld-gallery-section .gallery.style2 .actions.fixed li {
    display: inline-block;
}
#customer_container .ld-gallery-section .gallery.style2 .actions.fixed .button {
    display: inline-block;
    padding: 6px 18px;
    font-size: 13px;
    border-radius: 999px;      /* rund */
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}
#customer_container .ld-gallery-section .gallery.style2 .actions.fixed .button:hover {
    background: #fff;
    color: #000;
}

/* ==========================================================================
   PFEILE
   ========================================================================== */
.slider-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;

    font-size: 2.4rem;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0 0 8px rgba(0,0,0,0.6);
    border: 0;
    background: transparent;
}
.slider-arrow--left {
    left: 0;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.25) 0%,
        rgba(0, 0, 0, 0.0) 100%
    );
}
.slider-arrow--right {
    right: 0;
    background: linear-gradient(
        to left,
        rgba(0, 0, 0, 0.25) 0%,
        rgba(0, 0, 0, 0.0) 100%
    );
}
.slider-arrow:hover {
    background-color: rgba(0,0,0,0.1);
}

/* ==========================================================================
   DOTS
   ========================================================================== */
.slider-dots {
    position: absolute;
    left: 50%;
    bottom: -22px;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 20;
}
.slider-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid #888;
    background: #ccc;
    cursor: pointer;
    transition: 0.2s;
    opacity: 0.7;
}
.slider-dot:hover {
    opacity: 1;
}
.slider-dot--active {
    background: #d62828;
    border-color: #d62828;
    opacity: 1;
}