#pinnedlayer { padding: 0; }

/* Container bleibt unter dem Header und zeigt nur den sichtbaren Bereich */
#pinnedlayer.fade {
  position: relative;
  height: calc(100vh - 130px);
  overflow: hidden;
  opacity: 1;
}


/* Alle Panels liegen exakt übereinander */
#pinnedlayer.fade .panel {
  position: absolute;
  inset: 0;
  will-change: transform, opacity;
}

/* card styles */
#pinnedlayer .panel {
  width: 100%;
  z-index: 10;
  border: 1px solid #acabab;
  position: relative;
  display: flex;
}
#pinnedlayer h1,
#pinnedlayer h2,
#pinnedlayer h3,
#pinnedlayer h4,
#pinnedlayer h5 { color: inherit; }


/* CONTENTBOX */
#pinnedlayer .container { width: auto; }

#pinnedlayer .panel.has-shadow { box-shadow: -10px -10px 30px rgba(0,0,0,0.4); }

#pinnedlayer .contentBox {
  max-width: 50vw; 
  padding: 5rem;
  /* border-radius: 25px; */
  box-sizing: border-box;
  box-shadow: 2px 2px 20px rgba(0,0,0,.6);
}

#pinnedlayer .panel.topRight { align-items: start; justify-content: end; }
#pinnedlayer .panel.topLeft { align-items: start }
#pinnedlayer .panel.topCenter { align-items: start; justify-content: center; }

#pinnedlayer .panel.centerCenter { align-items: center; justify-content: center; }
#pinnedlayer .panel.centerRight { align-items: center; justify-content: right; }
#pinnedlayer .panel.centerLeft { align-items: center; justify-content: left; }

#pinnedlayer .panel.bottomRight { align-items: end; justify-content: right; }
#pinnedlayer .panel.bottomLeft { align-items: end; justify-content: left; }
#pinnedlayer .panel.bottomCenter { align-items: end; justify-content: center;}

#pinnedlayer .panel.topRight .contentBox, #pinnedlayer .panel.centerRight .contentBox, #pinnedlayer .panel.bottomRight .contentBox { margin-left: auto; }
#pinnedlayer .panel.topLeft .contentBox, #pinnedlayer .panel.centerLeft .contentBox, #pinnedlayer .panel.bottomLeft .contentBox { margin-right: auto; }
#pinnedlayer .panel.topCenter .contentBox, #pinnedlayer .panel.centerCenter .contentBox, #pinnedlayer .panel.bottomCenter .contentBox { margin:0 auto; }


/* CONTENTBOX */

/*
.bgcolor_novaColor { background-color: #FFD3B8; }
.bgcolor_terraColor { background-color: #A83800; }
.bgcolor_frischgruenColor { background-color: #CBE4BE; }
.bgcolor_sattgruenColor { background-color: #4A5E4C; }
.bgcolor_lichtblauColor { background-color: #A8E4F2; }
.bgcolor_innovisblauColor { background-color: #00749E; }
.bgcolor_rheinweissColor { background-color: #FFFCF2; }
.bgcolor_kraftgrauColor { background-color: #4B4B4B; }
.bgcolor_rheinischJelbColor { background-color: #FFD447; }
.bgcolor_lepusColor { background-color: #C8A87E; }
*/