/* =============  Floating Social Sidebar */        
.ff-social-sidebar {
  position: fixed;
  top: 190px;
  right: 0px;
  z-index: 8;
}

.ff-sm-icon-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.ff-sm-social-icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position:relative;
}

/* Social Icons Style */
.ffsb-social-icon {
  width: 40px;
  height: 40px;
  display: flex;
  background-color:#00375a;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ffsb-social-icon:hover {
  transform: scale(1.1);
  background-color:#4aa7ad;
}

.kontakt {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cpath d='M17.5 19L11.5 19L6.4 21.89C6.299 21.958 6.181 21.996 6.06 22C5.753 22 5.5 21.747 5.5 21.44L5.5 19L4 19C2.354 19 1 17.646 1 16L1 7C1 5.354 2.354 4 4 4L17.5 4C19.146 4 20.5 5.354 20.5 7L20.5 16C20.5 17.646 19.146 19 17.5 19ZM17.5 17.5C18.323 17.5 19 16.823 19 16L19 7C19 6.177 18.323 5.5 17.5 5.5L4 5.5C3.177 5.5 2.5 6.177 2.5 7L2.5 16C2.5 16.823 3.177 17.5 4 17.5L7 17.5L7 19.83L11.11 17.5L17.5 17.5ZM31 13L31 22C31 23.646 29.646 25 28 25L26.5 25L26.5 27.44C26.5 27.747 26.247 28 25.94 28C25.818 28.001 25.699 27.962 25.6 27.89L20.5 25L16 25C14.354 25 13 23.646 13 22L13 20.5L14.5 20.5L14.5 22C14.5 22.823 15.177 23.5 16 23.5L20.89 23.5L25 25.82L25 23.5L28 23.5C28.823 23.5 29.5 22.823 29.5 22L29.5 13C29.5 12.177 28.823 11.5 28 11.5L22 11.5L22 10L28 10C29.646 10 31 11.354 31 13Z' style='fill:white%3Bfill-rule:nonzero%3B'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 70%;
}
.facebook {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M504,256C504,119 393,8 256,8C119,8 8,119 8,256C8,379.78 98.69,482.38 217.25,501L217.25,327.69L154.25,327.69L154.25,256L217.25,256L217.25,201.36C217.25,139.21 254.25,104.88 310.92,104.88C338.06,104.88 366.44,109.72 366.44,109.72L366.44,170.72L335.16,170.72C304.36,170.72 294.75,189.84 294.75,209.45L294.75,256L363.53,256L352.53,327.69L294.75,327.69L294.75,501C413.31,482.38 504,379.78 504,256Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 55%;
}

.instagram {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 448 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M224.1,141C160.5,141 109.2,192.3 109.2,255.9C109.2,319.5 160.5,370.8 224.1,370.8C287.7,370.8 339,319.5 339,255.9C339,192.3 287.7,141 224.1,141ZM224.1,330.6C183,330.6 149.4,297.1 149.4,255.9C149.4,214.7 182.9,181.2 224.1,181.2C265.3,181.2 298.8,214.7 298.8,255.9C298.8,297.1 265.2,330.6 224.1,330.6ZM370.5,136.3C370.5,151.2 358.5,163.1 343.7,163.1C328.8,163.1 316.9,151.1 316.9,136.3C316.9,121.5 328.9,109.5 343.7,109.5C358.5,109.5 370.5,121.5 370.5,136.3ZM446.6,163.5C444.9,127.6 436.7,95.8 410.4,69.6C384.2,43.4 352.4,35.2 316.5,33.4C279.5,31.3 168.6,31.3 131.6,33.4C95.8,35.1 64,43.3 37.7,69.5C11.4,95.7 3.3,127.5 1.5,163.4C-0.6,200.4 -0.6,311.3 1.5,348.3C3.2,384.2 11.4,416 37.7,442.2C64,468.4 95.7,476.6 131.6,478.4C168.6,480.5 279.5,480.5 316.5,478.4C352.4,476.7 384.2,468.5 410.4,442.2C436.6,416 444.8,384.2 446.6,348.3C448.7,311.3 448.7,200.5 446.6,163.5ZM398.8,388C391,407.6 375.9,422.7 356.2,430.6C326.7,442.3 256.7,439.6 224.1,439.6C191.5,439.6 121.4,442.2 92,430.6C72.4,422.8 57.3,407.7 49.4,388C37.7,358.5 40.4,288.5 40.4,255.9C40.4,223.3 37.8,153.2 49.4,123.8C57.2,104.2 72.3,89.1 92,81.2C121.5,69.5 191.5,72.2 224.1,72.2C256.7,72.2 326.8,69.6 356.2,81.2C375.8,89 390.9,104.1 398.8,123.8C410.5,153.3 407.8,223.3 407.8,255.9C407.8,288.5 410.5,358.6 398.8,388Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 50%;
}

.pinterest {
 background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 496 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M496,256C496,393 385,504 248,504C222.4,504 197.8,500.1 174.6,492.9C184.7,476.4 199.8,449.4 205.4,427.9C208.4,416.3 220.8,368.9 220.8,368.9C228.9,384.3 252.5,397.4 277.6,397.4C352.4,397.4 406.3,328.6 406.3,243.1C406.3,161.2 339.4,99.9 253.4,99.9C146.4,99.9 89.5,171.7 89.5,250C89.5,286.4 108.9,331.7 139.8,346.1C144.5,348.3 147,347.3 148.1,342.8C148.9,339.4 153.1,322.5 155,314.7C155.6,312.2 155.3,310 153.3,307.6C143.2,295.1 135,272.3 135,251C135,196.3 176.4,143.4 247,143.4C307.9,143.4 350.6,184.9 350.6,244.3C350.6,311.4 316.7,357.9 272.6,357.9C248.3,357.9 230,337.8 235.9,313.1C242.9,283.6 256.4,251.8 256.4,230.5C256.4,211.5 246.2,195.6 225,195.6C200.1,195.6 180.1,221.3 180.1,255.8C180.1,277.8 187.5,292.6 187.5,292.6C187.5,292.6 163,396.4 158.5,415.8C153.5,437.2 155.5,467.4 157.6,487C65.4,450.9 0,361.1 0,256C0,119 111,8 248,8C385,8 496,119 496,256Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 55%;
}

.youtube {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 576 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M549.655,124.083C543.374,100.433 524.868,81.807 501.371,75.486C458.781,64 288,64 288,64C288,64 117.22,64 74.629,75.486C51.132,81.808 32.626,100.433 26.345,124.083C14.933,166.95 14.933,256.388 14.933,256.388C14.933,256.388 14.933,345.826 26.345,388.693C32.626,412.343 51.132,430.193 74.629,436.514C117.22,448 288,448 288,448C288,448 458.78,448 501.371,436.514C524.868,430.193 543.374,412.343 549.655,388.693C561.067,345.826 561.067,256.388 561.067,256.388C561.067,256.388 561.067,166.95 549.655,124.083ZM232.145,337.591L232.145,175.185L374.884,256.39L232.145,337.591Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 55%;
}

/* Desktop: Alle Icons sichtbar */
.ff-sm-main-icon {
  display: none; 
  background-color:#00375a;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 512" fill="%23ffffff"><path d="M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z" fill="%23ffffff"/></svg>');
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 16%;
}
.ff-sm-main-icon:hover {
  background-color:#4aa7ad;
}

@media (max-width: 1420px) {
.ff-social-sidebar {
  top: 180px;
}
 
.ff-social-sidebar {
  height: 45px;
  overflow: hidden;
  transition: height 0.5s;
}
.ff-social-sidebar.active {
  height: 293px;
  transition: height 0.2s;
}  
  
  
/* =============  Social Sidebar 2084 */  
.ff-sm-main-icon {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
color: white;
border: none;
border-radius: 50%;
cursor: pointer;
}

.ff-sm-social-icons {
display: flex;
flex-direction: column;
gap: 10px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
transition: transform 0.3s ease, opacity 0.3s ease;
}

.ff-sm-social-icons.active {
opacity: 1;
transform: scaleY(1);
}
}

@media (max-width: 767px) {
  .ff-social-sidebar {
    top: 139px;
  }
}