﻿/* Runde die Ecken des Bildes ab, das im Kasten (.abbcc) liegt */
.karriere_stoerer .lightbox > picture:nth-child(2) > img:nth-child(7) {
    border-radius: 0px !important;
    overflow: hidden;
}


/* Überschreibt die Ecken für ein bestimmtes Element-Layout */

.karriere_stoerer {
  border-radius: 0px;
  overflow: visible;
  position: relative;
}



.row.karriere_stoerer.frame.frame-background-primary::before {
  content: '';
  background: #232e79;

  width: 13vw;
  height: 13vw;
  position: absolute;
  right: -5vw;
  top: -5vw;
  border-radius: 1rem;
  rotate:-35deg;
  z-index: -1;

  animation: wobbleSoft 6s ease-in-out infinite;
  will-change: transform;
}
.karriere_stoerer .col-md-6:has(img) {
  padding-left: 0;
}
.karriere_stoerer .col-md-6:has(img) .frame {
  --frame-outer-spacing-after: 0;
  --frame-outer-spacing-before: 0;
}
.karriere_stoerer .col-md-6:has(img) * {
  object-fit: cover;
  aspect-ratio: 7 / 5;
}
@keyframes wobbleSoft {
  0%   { transform: translate(0, 0) rotate(0deg); }
  20%  { transform: translate(-6px, 4px) rotate(-1deg); }
  40%  { transform: translate(5px, -5px) rotate(1deg); }
  60%  { transform: translate(-3px, -2px) rotate(-.5deg); }
  80%  { transform: translate(4px, 5px) rotate(.8deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}