.flexWrap {
	flex-wrap: wrap !important;
}

.hideOnLiveSite:not(.block-editor-block-list__block) {
   display: none !important;
}

.df-bg {
	/* Flipbook Hintergrundfarbe*/
	background-color: rgba(255, 255, 255, 0) !important;
}
.df-ui, .df-ui-btn {
	/* Flipbook Controls Hintergrundfarbe*/
	background-color: rgba(255, 255, 255, 0) !important;
	box-shadow: none !important;
}
.df-ui:hover {
	/* Flipbook Controls Hintergrundfarbe*/
	background-color: rgba(255, 255, 255, 0.5) !important;
}
.df-ui-btn:hover {
	/* Flipbook Controls Hintergrundfarbe*/
	background-color: rgba(255, 255, 255, 1) !important;
}

/*
.heroStartseite {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(#4b79a1, #283e51);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  transition: transform 0.6s ease;
  z-index: 1000;
}
.heroStartseite.hidden {
  transform: translateY(-100vh); 
}
*/

body {scroll-behavior: smooth;}

header {
	position: sticky;
	top:0;
	z-index:1000;
}


.heroStartseite {
    z-index:1001;
	position: relative; 
	top: -300px;
	transition: transform 1s ease;
}
.inhaltMain{
	transition: transform 1s ease;
}
.heroStartseite.hidden {
  transform: translateY(-100vh); 
}
.inhaltMain.shifted {
  transform: translateY(-90vh); 
}


.heroStartseite .wp-block-cover__background, header {    
	background: linear-gradient(45deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
    background-size: 300% 100%;

    -webkit-animation: AnimationName 10s ease infinite;
    -moz-animation: AnimationName 10s ease infinite;
    animation: AnimationName 10s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/*


.heroStartseite .wp-block-cover__background {
	animation: colorChange7 4s infinite alternate ease-in-out;
}																																					
@keyframes colorChange7 {
    0%{background-position:83% 0%}
    50%{background-position:18% 100%}
    100%{background-position:83% 0%}
}
*/


.websiteThumbnail {
	width: 80%;
}

.FullHeaderMenue a {
	text-decoration: none;
}

.FullHeaderMenue .klammer {
	font-size: clamp(40px, 5.5vw, 200px) !important;	
}
.FullHeaderMenue .edito a {
	font-size: clamp(24px, 2.2vw, 100px) !important;
}
.FullHeaderMenue .online a {
	font-size: clamp(33px, 2.6vw, 100px) !important;
}
.FullHeaderMenue .werbung a {
	font-size: clamp(22px, 1.7vw, 100px) !important;
}
.FullHeaderMenue .verpackung a {
	font-size: clamp(31px, 2.5vw, 100px) !important;
}

div.FullHeaderMenue > p {
	min-height: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.logoFullPageHeader {
	padding: 0 30px;
}

.FullHeaderMenue A:HOVER{
	color: yellow;
}

nav.mobileNav{
	position: absolute;
	right: 30px;
	top: 15px;
}

.logoHeader{
	max-width: 437px;
    min-width: 250px;
    width: 40vw;
    height: auto;
}