/* playfair-display-400 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/playfair-display-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* public-sans-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/public-sans-v15-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* public-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/public-sans-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/public-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/public-sans-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/public-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* public-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/public-sans-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
	--bs-body-color: #000000;
	--bs-link-color: #000000;
	--bs-link-color-rgb: 0,0,0;
	
	--bs-body-bg: #D6D2D2;
	
	--bs-font-sans-serif: 'Public Sans', sans-serif;
	--bs-body-font-size: 1.23rem;
	--bs-body-font-weight: 300;
	--bs-body-line-height: 1.32;

	--header-height: 200px;
}

body {
	letter-spacing: 0.014rem;
}

/************************************/

.row, .container-fluid {
--bs-gutter-x: 2rem;
}
.row.g-0 {
	--bs-gutter-x: 0;
}

.mx-2 {
    margin-right: 0.4rem!important;
    margin-left: 0.4rem!important;
}

.p-6 {
    padding: 4% 7.6% 2.7%;
}

.pb-6 {
    padding-bottom: 5rem;
}

.py-6 {
    padding-top: 2.2rem;
    padding-bottom: 5.2rem;
}

.my-6 {
    margin-bottom: 4rem;
    margin-top: 3.9rem;
}

.mt-6 {
    margin-top: 3.6rem;
}
.mt-7 {
    margin-top: 5rem;
}

.mb-8 {
	margin-bottom: 8.1%;
}

.mt-9 {
    margin-top: 10.7%;
}

/************************************/



a {text-decoration:none;}

b, strong {
    font-weight: 700;
}

.mod_article .rte a {color:#444C69;font-weight:700;}
.mod_article .rte a:hover {text-decoration:underline;}

h1,h2,h3 {font-family: 'Playfair Display';font-weight: 400;}
h1, .schwarz h2, .schwebend h2 {
    font-size: 4.3rem;
    line-height: 1.36;
    letter-spacing: 0.036rem;
}

.content-image h1 {
    padding: 0 50% 0 7.6%;
    position: relative;
    z-index: 2;
    top: -6.33rem;
    margin: 7.3rem 0 0 0;
	height:0;
}

.media--right h1 {
    margin-top: -3rem;
    margin-bottom: 3rem;
}


h2,h3 {
    font-size: 3.1rem;
    line-height: 1.35;
    letter-spacing: 0.01rem;
    margin-bottom: 2.85rem;
}

h2.content-headline {
    background: black;
    color: white;
    text-transform: uppercase;
    position: absolute;
    padding: 1.9rem 2.87rem;
    left: 7.6%;
    transform: translateY(-100%);
}

.col-lg-5 h2 {
	margin-bottom: 1.35rem;
}

.stupid-h2-margin h2 {
    margin-left: 6rem;
}

p:last-child {margin-bottom:0;}

.btn {
	--bs-btn-border-radius:0;}

/************************************************************************************/

header {
	height:var(--header-height);
    letter-spacing: 0.01rem;
}

header .rte a:hover {color:#444C69;}

header p {margin:0;}

/*.startseite .navbar-brand {display:none;}*/


.navbar {
	--bs-navbar-toggler-focus-width:0;
}

.navbar-brand {
    width: 21.14%;
	min-width:15rem;
    padding: 0 0 0.4rem 0;
    margin: -0.1rem 0 0 0;
}

.metamenu {
    width: 28.69%;
	min-width: 16rem;
    margin-right: 2.8rem;
}
.metamenu .rte {
    display: flex;
    justify-content: space-between;
}


.telefon {
    padding-top: 0.3rem;
}
.telefon img {
    margin: 0.2rem 0.55rem 0.4rem 1rem;
}





.navbar-toggler {
    border: 0;
    padding: 0 2.5rem 0 2.05rem;
}




.navbar-toggler-icon {
    display: flex;
    width: auto;
    height: 2.7rem;
    justify-content: flex-end;
    flex-direction: column;
    position: relative;
    background: transparent;
    margin-bottom: 0.4rem;
}
.navbar-toggler-icon::before {
    content: '';
    display: block;
    background: black;
    height: 2px;
    width: 132%;
    position: absolute;
    top: 0;
}

.navbar-toggler-icon::after {
    content: '';
    display: block;
    background: black;
    height: 2px;
    width: 73%;
    position: absolute;
    top: 33%;
}



.offcanvas {
	--bs-offcanvas-bg: #444C69;
	--bs-offcanvas-color: white;
	--bs-offcanvas-height: 100vh;
    --bs-offcanvas-padding-x: 11%;
    --bs-offcanvas-padding-y: 4%;
}

.offcanvas-header {
    justify-content: flex-end;
    padding: 3% 9.5% 4.1%;
}
.offcanvas-header .btn-close {
    padding: 0;
    background: transparent;
    margin: 0;
	opacity:1;
	height: 2rem;
    width: 4rem;
	position: relative;
    --bs-btn-close-focus-shadow: none;
}
.offcanvas-header .btn-close::before {
    content: '';
    background: white;
    height: 2px;
    width: 106%;
    position: absolute;
    left: 0;
    transform: rotate(30deg) translate(0px, 1px);
}
.offcanvas-header .btn-close::after {
    content: '';
    background: white;
    height: 2px;
    width: 59%;
    position: absolute;
    left: 0;
    transform: rotate(-45deg) translate(6px, 2px);
}

.navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    --bs-nav-link-padding-y: 1rem;
}

.nav-link {
    font-size: 3rem;
    font-family: 'Playfair Display';
    font-weight: 200;
    letter-spacing: 0.053rem;
}
.nav-item {
    margin: 0 3rem 5rem;
}


.navbar-nav .dropdown-menu {
    position: static;
    display: block;
    background: transparent;
    border: 0;
	letter-spacing: 0.02rem;
    --bs-dropdown-link-color: white;
    --bs-dropdown-font-size: inherit;
    --bs-dropdown-item-padding-x: 0;
    --bs-dropdown-item-padding-y: .8rem;
	--bs-dropdown-link-hover-bg: transparent;
	--bs-dropdown-link-active-bg:transparent;
	--bs-dropdown-link-hover-color: white;
}
.dropdown-item {
	position:relative;
	width:fit-content;
    font-weight: 200;
}

.dropdown-item::after {
	content:'';
	position:absolute;
	transition:opacity .5s .1s;
	height:2px;
	width:100%;
	background:white;
	bottom:0;
	left:0;
}

.dropdown-item:not(:hover)::after {opacity:0;}

/************************************************************************************/


.start-anim {
    position: relative;
    padding: 1px 0 0 0;
    background: white;
    min-height: calc(100vh - var(--header-height));
}

.start-anim [src="/files/public/images/start-bg.jpg"] {
    position: absolute;
    z-index: 0;
    top: 0;
}

.start-anim p {
    margin: 0;
}
.start-anim p:nth-child(2) {
    position: absolute;
    overflow: hidden;
    min-height: 100vh;
	opacity:0;
    z-index: -1;
    width: 100%;
    mix-blend-mode: screen;
    top: calc(-1 * var(--header-height));
	animation-name: nodisplay;
    animation-duration: 4s;
	animation-iteration-count: 1;
}

.start-anim [src="/files/public/images/light.jpg"] {
    position: absolute;
    top: calc((100vh - var(--header-height)) * 0.3 + var(--header-height));
    left: 50%;
    transform: translate(-50%,-55%) scale(0);
    z-index: 1;
    transform-origin: 51% 58%;
    opacity: 0.96;
	animation-name: licht;
    animation-duration: 4s;
	animation-iteration-count: 1;
}

.start-anim [src="/files/public/images/rosenheimer-bestattungshaus.svg"] {
    position: absolute;
    z-index: 1;
	max-width: 80%;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
}




.start-anim [src="/files/public/images/start-berge.jpg"] {
    position: absolute;
    bottom: 0;
    mix-blend-mode: multiply;
    max-height: 50vh;
	min-height:20rem;
    object-fit: cover;
    object-position: top;
}

.start-anim [src="/files/public/images/kirchturm.png"] {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scale(1.8);
    transform-origin: 50% 100%;
	animation-name: kirchturm;
    animation-duration: 4s;
	animation-iteration-count: 1;
}

@keyframes kirchturm {
  from {transform: translateX(-50%) scale(0.5);}
  to {transform: translateX(-50%) scale(1.8);}
}
@keyframes licht {
  from {transform: translate(-50%,-55%) scale(10);}
  to {transform: translate(-50%,-55%) scale(0);}
}
@keyframes nodisplay {
  0% {z-index: 10;opacity:1;}
  99% {z-index: 10;opacity:1;}
  100% {z-index: -1;opacity:0;}
}

.start-anim a {
    position: absolute;
    background: white;
    padding: 1rem 1.5rem 1rem 2.16rem;
    left: 5.7rem;
    bottom: 5rem;
    font-family: 'Playfair Display';
    font-size: 1.6rem;
    letter-spacing: -0.008rem;
}
.start-anim a img {
    margin: 0 0 0.23rem 0.85rem;
}

.start-anim::after {
    content: '';
    position: absolute;
    height: 4.2rem;
    width: 4.2rem;
    background: url(/files/public/images/runterscrollen.svg);
	background-size: 100%;
    bottom: 1.24rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}

/*********************/

figure {margin: 0;position:relative;overflow:hidden;}

.content-player figure {
    padding-bottom: calc(100%* 9 / 16);
}

.content-player h3:empty {display:none;}
.content-player.col-lg-6 {margin-bottom:1rem;}


figure video {
  position: absolute;
  height: 100%;
  width: 100%;
	top:0;
}


.content-image img,
figure img {
  width: 100%;
  height: auto;
}

.img-rounded img {
    border-radius: 50%;
	width:80%;
}

/*********************/

.schwarz {
    background: black;
    color: white;
    position: relative;
}

.schwebend {
    position: absolute;
    z-index: 2;
    width: 100%;
}

.content-text.d-lg-flex > h1,
.content-text.d-lg-flex > h2 {
	margin-bottom:3rem;
	width: 60.3%;
}
.content-text.d-lg-flex.h2-no-mb > h2 {
    margin-bottom: 0;
}

.content-text.d-lg-flex > .rte {
    width: 39.7%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.35;
    font-weight: 200;
    letter-spacing: 0.033rem;
    font-size: 1.2rem;
}

.inner-padding .rte {
    padding: 0 17.2%;
    line-height: 1.22;
}
.inner-padding h2 {
    padding: 2.6rem 0 0.7rem 6.2rem;
}

/*********************/

.content-gallery {
	--imgwidth: 70vw;
}

.content-gallery h2 {
    padding: 5.6rem 0 2rem;
    text-align: center;
	z-index: 11;
    position: relative;
}


.content-gallery ul {
  padding: 0;
  height: calc(var(--imgwidth) * 0.6);
  list-style: none;
  width: 100%;
  position: relative;
  overflow:hidden;
}

.content-gallery li figure {
	display:none;
	position:absolute;
	height: calc(var(--imgwidth) * 0.6);
	width: var(--imgwidth);
	transform:translateX(-50%);
	transition:left .5s, display 0s .5s;
}

.content-gallery li:nth-child(1) figure  { display:block; left: -110%;}
.content-gallery li:nth-child(2) figure  { display:block; left: -30%; cursor:pointer;}
.content-gallery li:nth-child(3) figure  { display:block; left: 50%;}
.content-gallery li:nth-child(4) figure  { display:block; left: 130%; cursor:pointer;}
.content-gallery li:nth-child(5) figure  { display:block; left: 210%;}


.content-gallery figure img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}


.content-gallery .navi {
    width: 100%;
    text-align: center;
}

.content-gallery .navi button {
    background-image: url(/files/public/images/pfeil_schwarz.svg);
    border: 0;
    height: 2rem;
    width: 2rem;
	margin:1.1rem 3rem 0.7rem;
    background-repeat: no-repeat;
    background-position: center;
}


.blumen.content-gallery ul {
	height: calc(29vw / 0.68 + 13rem);
}

.blumen.content-gallery figure {
	width: 16vw;
	height: calc(16vw / 0.63);
	transform: translate(-50%,calc(-50% + 30vw / 0.68 / 2));
	transition:left 0.5s,display 0s 0.5s,width 0.5s,height 0.5s;
}
.blumen.content-gallery figcaption  {
	opacity:0;
	z-index:0;
	position:absolute;
	bottom:3rem;
	left:0;
	width:100%;
	text-align:center;
	transition: opacity 0.5s;
}


.blumen.content-gallery li:nth-child(1) figure  { display:block; left: -20%;}
.blumen.content-gallery li:nth-child(2) figure  { display:block; left: 0%; cursor:default;}
.blumen.content-gallery li:nth-child(3) figure  { display:block; left: 21.5%; cursor:pointer;}
.blumen.content-gallery li:nth-child(4) figure  { display:block; left: 50%; cursor:default;}
.blumen.content-gallery li:nth-child(5) figure  { display:block; left: 78.5%; cursor:pointer;}
.blumen.content-gallery li:nth-child(6) figure  { display:block; left: 100%;}
.blumen.content-gallery li:nth-child(7) figure  { display:block; left: 120%;}

.blumen.content-gallery li:nth-child(4) figure  {
	width: 29vw;
	height: calc(29vw / 0.68);
}
.blumen.content-gallery li:nth-child(4) figcaption  { opacity:1;}

.blumen.content-gallery h2 {padding-bottom:0;}
.blumen.content-gallery figcaption h3 {font-size: 3.1rem;}


.blumen.content-gallery .navi {
    width: 59%;
    top: 47.4%;
    position: absolute;
    z-index: 111;
    left: 20.5%;
    display: flex;
    justify-content: space-between;
}

.blumen.content-gallery .navi button {
    background-image: url(/files/public/images/pfeil_weiss.svg);
	margin: 1.1rem 0 0.7rem 0;
}

/*********************/

.bogen {position:relative;}

.bogen::before,
.bogen:not(.bogen-oben)::after {
    content: '';
    position: absolute;
	z-index:1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/files/public/images/bogen.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
    transition: height 1s cubic-bezier(0.45, 0, 0.17, 1.03);
}

.bogen:not(.bogen-oben)::after {
	transform: rotate(180deg);
	bottom: 0;
    top: auto;
}

.bogen:hover::before,
.bogen:hover::after {height:0;}

.bogen.bogen-oben:hover::before {height:40%;}

/*********************/


.scroll-liste {
	position:relative;
	z-index:11;
}
.scroll-liste h2,.scroll-liste h3,.scroll-liste p {
    width: 40%;
}

.scroll-liste ul {
    float: right;
    list-style: none;
    padding: 3rem;
    overflow-y: auto;
    width: calc(48.3% - 3.7rem);
    max-height: 34rem;
    background: black;
    color: white;
    margin-right: 3.7rem;
    margin-bottom: 0;
}

.scroll-liste.overflow-top ul {
    margin-top: -17rem;
}

.scroll-liste li {
    margin-bottom: 1.6rem;
}
.scroll-liste li:last-child {
    margin-bottom: 0;
}

.scroll-liste a {color:white!important;font-weight:bold;}
.scroll-liste a:hover {text-decoration:underline;}

.scroll-liste .navi {
    position: absolute;
    right: calc(7.6% + 1.1rem);
    top: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 3.8rem;
    transform: translateY(-50%);
}

.scroll-liste.overflow-top .navi {top: 0%;transform: translateY(50%);}

.navi button:first-child {
    transform: rotate(180deg);
}

.navi button {
    border: 0;
    background: transparent;
    border-style: solid;
    border-width: 0.85rem 0.75rem 0;
    height: 0;
    padding: 0;
    border-color: black transparent transparent;
	z-index:1;
}

.scroll-liste .navi::after {
    position: absolute;
    content: '•';
    top: 50%;
    left: 0;
    font-size: 4rem;
    height: 0;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 0;
}



.breit.scroll-liste .rte {position:relative;}

.breit.scroll-liste ul {
	float:none;
    padding: 3.5rem;
    width: 100%;
    max-height: 30rem;
    margin-right: 0;
}
.breit.scroll-liste li {
    background: var(--bs-body-bg);
    color: black;
    text-transform: uppercase;
    font-family: 'Playfair Display';
    font-size: 3.1rem;
    padding: 2.3rem 3rem;
    width: fit-content;
    display: block;
    margin: 0 auto 3rem;
}

.breit.scroll-liste .navi {right: -2.7rem;}





/*********************/

.media.content-text {
  display: flex;
  flex-wrap: wrap;
}

.media--right > figure {
  order: 2;
  margin-left: calc(var(--bs-gutter-x) * 0.5);
  width: calc(50% - var(--bs-gutter-x) * 0.5);
}
.media--right > .rte {
  order: 1;
  margin-right: calc(var(--bs-gutter-x) * 0.5);
  width: calc(50% - var(--bs-gutter-x) * 0.5);
  padding: 2.5% 8.3% 0 7.3%;

}

.media--left > figure {
  order: 1;
  margin-right: calc(var(--bs-gutter-x) * 0.5);
  width: calc(50% - var(--bs-gutter-x) * 0.5);
}
.media--left > .rte {
  order: 2;
  margin-left: calc(var(--bs-gutter-x) * 0.5);
  width: calc(50% - var(--bs-gutter-x) * 0.5);

}

.media--above figure {margin-bottom: 3.6rem;}

.media--above .rte {order: 3;}
.media--above h2 {order: 2;}
.media--above figure {order: 1;}


/***************************************************/

.form-control,.form-control:focus {background:white;border-radius:0;}

/***************************************************/

.aufklappmenu {
    position: relative;
    min-height: 2rem;
    margin-top: 3rem;
}

.aufklappmenu.play::before {
    content: '';
    cursor:pointer;
    position: absolute;
    left: 50%;
    top: 0;
    height: 74px;
    width: 74px;
    text-align: center;
    border-radius: 50%;
    transform: translate(-50%, -68%);
    z-index: 0;
    background: transparent;
    border: 1.4px solid;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.6 43.2'%3e%3cpolygon fill='none' stroke='black' stroke-width='1.33' points='0.7,41.6 20.7,21.6 0.7,1.6 '/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 58% 52%;
    background-size: 32%;
}

.aufklappmenu .container {
    position: relative;
    overflow: hidden;
    padding: 15px 30px !important;
}



/***************************************************/

.backtop {
  position: fixed;
  background: black;
  height: 3rem;
  width: 3rem;
  right: -4rem;
  bottom: 1rem;
  border-radius: 50%;
	transition:right 1s;
  z-index: 1111;
	cursor:pointer;
}
.scrolled .backtop {right:1rem;}
.backtop::before {
  content: '';
  border-style: solid;
  border-color: transparent transparent white transparent;
  border-width: 1rem .7rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-6%);
}


footer {
    padding: 8.6% 14.5%!important;
    font-size: 1rem;
	line-height: 1.45;
}

footer img[src="/files/public/images/logo.svg"] {
    width: 18rem;
	max-width: 70vw;
}

footer .telefon {
    font-size: 1.23rem;
}
footer .telefon img {
    margin: 0 0.5rem 0 0;
}

footer a:hover {color:#444C69;}

/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/

@media screen and (max-width: 1191px) {
	.navbar-toggler {padding: 0;}
	.metamenu {margin-right: 0rem;}
	
	
	
	.start-anim {min-height: calc(190vh - var(--header-height));}
	.start-anim [src="/files/public/images/light.jpg"] {top:calc((190vh - var(--header-height)) * 0.3 + var(--header-height));}
	
}

@media screen and (max-width: 991px) {

:root {
	--header-height: 290px;
}
	
.navbar>.container-fluid {
	flex-direction:column;
	}
	
	.navbar-brand {
	    order: 1;
	    margin: -0.1rem 0 1rem 0;
	}
	
	.metamenu {
		order:2;
		margin-bottom:1rem;
	}
	.telefon {order:3;}
	.navbar-toggler {margin-top: 1rem;order:4;}

	
	
	
	
	.navbar-nav {flex-direction: column;}
	.nav-item {margin: 0 0 1rem 0!important;}
	.nav-link {font-size: 2rem;}
	.navbar-nav .dropdown-menu {--bs-dropdown-item-padding-y: .2rem;}
	
	
	.start-anim {min-height: calc(140vh - var(--header-height));}
	.start-anim [src="/files/public/images/light.jpg"] {top:calc((140vh - var(--header-height)) * 0.3 + var(--header-height));}
	.start-anim a {
    background: white;
    left: 50%;
    bottom: 6rem;
    font-size: 1.1rem;
    transform: translateX(-50%);
    width: 90%;
    text-align: center;
}
	.start-anim::after {
    height: 3.2rem;
    width: 3.2rem;
	}
	
	/*.media.content-text {display: block;}*/

.media--left > figure,
.media--right > figure {
    order: 1;
    margin-left: 0;
	margin-right:0;
    width: 100%;
	margin-bottom:1rem;
}

.media--left .rte,
.media--right .rte {
    order: 2;
    margin-left: 0;
	margin-right:0;
    width: 100%;
}	

	.media--above figure {margin-bottom: 2rem;}

	
	h2,.content-text.d-lg-flex > h1, .content-text.d-lg-flex > h2 {
		font-size:2.4rem;
    margin-bottom: 1rem;
    width: 100%;
}
	.content-text.d-lg-flex > .rte {width:100%;}
	
	.inner-padding h2 {padding: 0;}
	.inner-padding .rte {padding: 0 1rem;}
	
	.schwebend {
    position: static;
    background: white;
	}
}

@media screen and (max-width: 580px) {

	:root {
		--bs-body-font-size:1rem;
	}
	
	h1, .schwarz h2, .schwebend h2 {font-size: 2.5rem;}
	h2,h3,.blumen.content-gallery figcaption h3 {font-size:1.8rem;}

	h2.content-headline {
    position: static;
    transform: none;
}
	
	.stupid-h2-margin h2 {
    margin-left: 0;
}
	
	.media--right h1 {margin-top: 0;}
	
	.scroll-liste .rte {display:flex;flex-direction:column;}
	.scroll-liste ul {
    float: none;
	max-height:100%;
    padding: 1.5rem;
    width: 100%;
		order:2;
		margin-top:2rem;
	}
	.scroll-liste .navi {display:none;}
	.scroll-liste h2, .scroll-liste h3, .scroll-liste p {width:100%;order:1;}

	.breit.scroll-liste ul {
    padding: 1.5rem;
    max-height: 100%;
}
.breit.scroll-liste li {
    font-size: 1.6rem;
    padding: 1rem;
    width: 100%;
    margin: 0 auto 1rem;
    text-align: center;
}


}