/*
===============================================================
 # CUSTOM CSS
 - Please do not edit this file. this file is generated by server-side code
 - Every changes here will be overwritten
===============================================================*/

/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }
/* Bullets in Blau */ .ms-skin-light-3 .ms-bullet { background: #294c95 !important; border-color: #294c95 !important; opacity: 0.7 !important; } .ms-skin-light-3 .ms-bullet.ms-bullet-selected { transform: scale(1.2); } /* Pfeil Buttons: blauer Kreis */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { background: #294c95 !important; border: none !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; } /* Eventuelle eingebettete Icons unsichtbar machen */ .ms-skin-light-3 .ms-nav-prev i, .ms-skin-light-3 .ms-nav-next i, .ms-skin-light-3 .ms-nav-prev svg, .ms-skin-light-3 .ms-nav-next svg, .ms-skin-light-3 .ms-nav-prev:before, .ms-skin-light-3 .ms-nav-next:before { color: transparent !important; fill: transparent !important; opacity: 0 !important; } /* Eigener weißer Pfeil per Pseudo Element */ .ms-skin-light-3 .ms-nav-prev::after, .ms-skin-light-3 .ms-nav-next::after { content: "" !important; display: block !important; width: 12px !important; height: 12px !important; border-right: 3px solid #ffffff !important; border-bottom: 3px solid #ffffff !important; position: absolute !important; left: 50% !important; top: 50% !important; transform-origin: center !important; } /* Richtung einstellen */ .ms-skin-light-3 .ms-nav-next::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .ms-skin-light-3 .ms-nav-prev::after { transform: translate(-50%, -50%) rotate(135deg) !important; } /* Hover etwas dunkler */ .ms-skin-light-3 .ms-nav-prev:hover, .ms-skin-light-3 .ms-nav-next:hover { background: #1f3b73 !important; } /* Positionierung der Pfeile */ .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; } /* Abstand vom Rand */ .ms-skin-light-3 .ms-nav-prev { left: 20px !important; } .ms-skin-light-3 .ms-nav-next { right: 20px !important; } /* Rundung und Clipping für den sichtbaren Bereich */ .ms-skin-light-3 .ms-view, .ms-skin-light-3 .ms-container, .ms-skin-light-3 .master-slider { border-radius: 25px !important; overflow: hidden !important; } /* Falls dein Slider eine eigene ID hat, noch gezielter: */ #masterslider_1 .ms-view { border-radius: 25px !important; overflow: hidden !important; } /* Bullets weiß, halbtransparent und rund */ .ms-skin-light-3 .ms-bullet { background: #ffffff !important; opacity: 0.7 !important; border: none !important; width: 12px !important; height: 12px !important; border-radius: 50% !important; margin: 4px !important; transition: all 0.3s ease; } /* Aktiver Bullet stärker sichtbar */ .ms-skin-light-3 .ms-bullet.ms-bullet-selected { opacity: 1 !important; transform: scale(1.2); }