:root {
	--schwarz:	#010101;
	--lila:		#A089BE; /* neu violett */
	--helllila: #D8D1E5; /* neu violett 30% */
	--blau:		#37579B; /* neu */ 
	--hellblau:	#BFC7E1; /* neu 30% */ 
	--gelb:		#E1AA00; /* neu */ 
	--hellgelb:	#F3E2B3; /* neu 30% */
	--gruen:	#196464; /* neu */
	--hellgruen:#B7D1D1; /* neu 30% */
	--gruen2: 	#196464; /* identisch gruen, trotzdem drin für code */ 
	--orange: 	#6E283C; /* neu braun */
	--weiss: 	#FFFFFF;
	--weinrot: 	#C3196E; /* neu beere */
	--rosa: 	#EBB8CC; /* neu beere 30% */ 
	--pink:		#E60064;
	--hellpink:	#F3B3CA;
	--transparent: rgba(0,0,0,0);
}

html, body {
	font-family:"transat-text";
	background-color: var(--transparent) !important;
}


/* TOP BAR, HEADER */
#top .inside {
	display: block !important;
	width: 100%;
	height: 45px;
}

#top .inside >* {
	float: right;
}

#header.header.original >.inside >.logo {
	position: absolute;
}

/* Infotext neben Telefon, Email */
.header_contact_info {
	font-weight:  bold;
}

/* Welle */
.header:after {
	display: block;
	width: 100%;
	height: 30px;
	background-image:  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path fill="%23FFFFFF" fill-opacity="1" d="M0,128L48,133.3C96,139,192,149,288,170.7C384,192,480,224,576,218.7C672,213,768,171,864,154.7C960,139,1056,149,1152,149.3C1248,149,1344,139,1392,133.3L1440,128L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg>');
	background-position: top center;
	background-size: 80% 100%;
	background-repeat: repeat-x;
	content: '';
	position: absolute;
	margin-top: 0px;
	z-index: 0;
}


/* NAVIGATION */
nav li.active >a >span {
	font-weight: bold;
}






/*
.stickyheader.Fixed .header:after {
	background-image:  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><linearGradient id="gradient" gradientTransform="rotate(90)"><stop offset="58%" stop-color="%23FFFFFF" stop-opacity="1"/><stop offset="98%" stop-color="%23999" stop-opacity="0"/></linearGradient><path fill="url(%23gradient)" fill-opacity="1" d="M0,128L48,133.3C96,139,192,149,288,170.7C384,192,480,224,576,218.7C672,213,768,171,864,154.7C960,139,1056,149,1152,149.3C1248,149,1344,139,1392,133.3L1440,128L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg>');
}
*/


/* FORMS */
input.submit, button.submit {
    width: 100%;
    border-radius: 0;
    font-weight: bold;
    font-size: 0.8rem;
}

form fieldset legend {
	border-radius: 0;
}

form .checkbox_container span, form .widget-radio span {
	display: inline;
}

form fieldset legend {
	background-color: var(--helllila);
	color: var(--schwarz);
	padding: 4px;
	padding-left:10px;
	padding-right:10px;
}


/* SLIDES */
.slide-quote, .slide-text {
	text-transform:  uppercase;
	text-align:  center !important;
}
.slide-quote::before {
    content: open-quote;
    margin-right: -0.2em;
}
.slide-quote::after {
    content: close-quote;
    margin-left: 0.1em;
}
.slide-quote-source {
	text-align:  center !important;
	letter-spacing: 1.2px;
}
@media screen and (max-width: 767px) {
	.slide-quote-source {
		margin-top: 12px !important;
	}
}


/* HEADLINES */
h1, .h1, .h1 p,
h2, .h2, .h2 p,
h3, .h3, .h3 p,
h4, .h4, .h4 p {
	text-transform:  uppercase;
}

/* style 2:  schwarze überschrift, fett, nur leicht größer als text */
h1.headline_style2, .headline_style2 h1, .headline_style2 .h1, .headline_style2 .h1 p,
h2.headline_style2, .headline_style2 h2, .headline_style2 .h2, .headline_style2 .h2 p,
h3.headline_style2, .headline_style2 h3, .headline_style2 .h3, .headline_style2 .h3 p,
h4.headline_style2, .headline_style2 h4, .headline_style2 .h4, .headline_style2 .h4 p {
	text-transform: none;
	font-size:  20px;
	font-weight: bold;
	margin-bottom:  10px;
	line-height:  initial;
}

/* style 3:  page headline ganz oben, fett, nur leicht größer als text */
h1.headline_style3, .headline_style3 h1, .headline_style3 .h1, .headline_style3 .h1 p,
h2.headline_style3, .headline_style3 h2, .headline_style3 .h2, .headline_style3 .h2 p,
h3.headline_style3, .headline_style3 h3, .headline_style3 .h3, .headline_style3 .h3 p,
h4.headline_style3, .headline_style3 h4, .headline_style3 .h4, .headline_style3 .h4 p {
	text-transform: none;
	font-size:  20px;
	font-weight: bold;
}

.headline_weiss h1, .headline_weiss h2, .headline_weiss h3, .headline_weiss h4,
.headline_weiss .h1, .headline_weiss .h2, .headline_weiss .h3, .headline_weiss .h4,
.headline_weiss .h1 p, .headline_weiss .h2 p, .headline_weiss .h3 p, .headline_weiss .h4 p {
	color: var(--weiss);
}

.headline_schwarz h1, .headline_schwarz h2, .headline_schwarz h3, .headline_schwarz h4,
.headline_schwarz .h1, .headline_schwarz .h2, .headline_schwarz .h3, .headline_schwarz .h4,
.headline_schwarz .h1 p, .headline_schwarz .h2 p, .headline_schwarz .h3 p, .headline_schwarz .h4 p {
	color: var(--schwarz);
}



/* ARTICLE */

.mod_article:not(.fullwidth) > .container {
    padding-top: 40px;
    padding-bottom: 40px;
}



/* FOOTER + BOTTOM  */

footer#footer {
	margin-top: 0.1px;
	/* rendering bug fix */
}

footer .totop {
	display:  none;
}

/* Welle */
#footer:before {
	display: block;
	width: 100%;
	height: 30px;
	background-image:  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path fill="%23c3196e" fill-opacity="1" d="M0,128L48,133.3C96,139,192,149,288,170.7C384,192,480,224,576,218.7C672,213,768,171,864,154.7C960,139,1056,149,1152,149.3C1248,149,1344,139,1392,133.3L1440,128L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg>');
	background-position: top center;
	background-repeat: repeat-x;
	background-size: 50% 100%;
	content: '';
	position: absolute;
	margin-top: -30px;
	z-index: 10;
	transform-origin: center center;
	/*transform: rotateX(180deg);*/
	transform:  scaleY(-1);
}

#footer .mod_top_mail >a >i, #footer .mod_top_phone >a >i {
	margin-right: 4px;
}

#footer .mod_top_phone >.header_contact_info {
	display: none;
}

#footer .footer_logos img {
	max-width: 120px;
	margin: 10px;
}

#footer .footer_logos a:hover img {
	opacity: 0.8;
	transition:  opacity 0.2s ease-out;
}

#bottom {
	background-color: var(--helllila);
}


/* HINTERGRÜNDE */

.bg_weiss {
	background-color: var(--weiss);
}

.bg_gelb {
	background-color: var(--gelb);
}

.bg_lila {
	background-color: var(--lila);
}

.bg_helllila {
	background-color: var(--helllila);
}

.bg_hellblau {
	background-color: var(--hellblau);
}

.bg_blau {
	background-color: var(--blau);
}

.bg_hellgelb {
	background-color: var(--hellgelb);
}

.bg_gruen {
	background-color: var(--gruen);
}

.bg_hellgruen {
	background-color: var(--hellgruen);
}

.bg_gruen2 {
	background-color: var(--gruen2);
}

.bg_rosa {
	background-color: var(--rosa);
}

.bg_weinrot {
	background-color: var(--weinrot);
}

.bg_orange {
	background-color: var(--orange);
}

.ce_bgimage.bg-nocolor {
    background: none;
}


/*
.autogrid_row.bg_feat03 {
	background: url(../../media/bg_feat/bg_feat03.svg);	
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 440px;
}
.autogrid_row.bg_feat03 >* {
	background:  rgba(255,255,255,0.6);
}
.autogrid_row.bg_rechts {
	background-position: bottom right;
}
@media screen and (max-width: 1024px) {
	.autogrid_row.bg_feat03 {
		background-position: bottom center;
		min-height: 280px;
	}
}
*/


/* CONTENT */
.text_weiss, p.text_weiss, .text_weiss p, .text_weiss a, a.text_weiss {
	color: var(--weiss);
}

.ce_table table th {
	background: rgba(255,255,255,0.1);
}
.ce_table table td {
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.bg_weiss .ce_table table th {
	background:  var(--rosa);
}

.bg_weiss .ce_table table td {
	border-bottom: 1px solid var(--rosa);
}

@media screen and (max-width: 900px) {
	.ce_table:after {
		font-size:  12px;
		color: rgba(0,0,0,0.66);
		content:  '\2190 \00a0\00a0 Wischen um mehr zu sehen \00a0\00a0 \2192';
		text-align: center;
		display: block;
	}
}

a:not(.hyperlink_txt), a:not(.hyperlink_txt):hover, a:not(.hyperlink_txt):focus, a:not(.hyperlink_txt):active {
	color: var(--schwarz);
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.mod_navigation a, .mod_navigation a:hover, .mod_navigation a:focus, .mod_navigation a:active {
	color: var(--weiss);
	text-decoration: none;
}
#mmenu a {
	color: var(--weinrot);
}

#bottom a, #bottom a:hover, #bottom a:focus, #bottom a:active {
	text-decoration: none;
}


.ce_text a, .ce_text a:hover, .ce_text a:focus, .ce_text a:active {
	color: var(--schwarz);
	text-decoration: underline;
}
.ce_text a:hover {
	text-decoration: none;
}

.ce_text q {
	font-size: 25px;
	font-weight: bold;
}
.ce_text q + p {
	text-transform:  uppercase;
}

.box_mittel {
	width: 75%;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}

/* DESKTOP */
@media screen and (min-width: 1025px) {
	.hide_on_desktop {
		display:  none;
	}
	.autogrid_row.column-reverse_on_desktop {
		flex-direction: column-reverse;
	}
	.margin_top_negativ1 {
		margin-top: -120px;
	}
	.margin_top_negativ2 {
		margin-top: -60px;
	}
	.margin_bottom_negativ1 {
		margin-bottom: -120px;
	}
	.margin_bottom_negativ2 {
		margin-bottom: -60px;
	}
}
/* TABLET */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hide_on_tablet {
		display:  none;
	}
	.autogrid_row.column-reverse_on_tablet {
		flex-direction: column-reverse;
	}
	.last-element_on_tablet {
		order: 9999;
	}
	.first-element_on_tablet {
		order: -9999;
	}
	.box_mittel {
		width: 100%;
		max-width: 100%;
	}
}
/* MOBIL */
@media screen and (max-width: 767px) {
	.hide_on_mobile {
		display:  none;
	}
	.autogrid_row.column-reverse_on_mobile {
		flex-direction: column-reverse;
	}
	.first-element_on_mobile {
		order: -9999;
	}
	.last-element_on_mobile {
		order: 9999;
	}
	.box_mittel {
		width: 100%;
		max-width: 100%;
	}
}

/*
.extra_padding .ce_text, .extra_padding.ce_text {
	padding: 10px;
}
*/

.pos-abs-bottom {
	position: absolute;
	bottom: 0;
}

@media screen and (max-width: 767px) {
	.autogrid_grid .column, .column[class*=col_] {
		margin-bottom: 0;
	}
}

.autogrid_row.versetzt1:not(:first-child) {
	margin-top: -40px;
}

.autogrid_row.versetzt1 >.column .ce_text {
	margin-left: auto;
	margin-right:  auto;
}

/*
.autogrid_row.versetzt1:not(.extended) >.column:nth-child(1) .ce_text:last-child() {
	padding-bottom: 40px;
}
*/

.autogrid_row.versetzt1 >.column.extend:nth-child(3) .same-height-wrap {
	padding-bottom: 40px;
	/*color:  aquamarine;*/
}

@media screen and (min-width: 1025px) {
	.autogrid_row.versetzt1 {
		width:  calc(100% - 40px);
		margin-left: 40px;
	}

	.autogrid_row.versetzt1.extended {
		margin-bottom:  60px !important;
	}

	.autogrid_row.versetzt1:nth-child(2n+1) {
		margin-left: 20px;
		padding-bottom:  20px;
		/*border: 1px solid red;*/
	}

	.autogrid_row.versetzt1:nth-child(2n) >.column:nth-child(2) >div {
		margin-left:  40px;
		/*color:  purple;
		border: 1px solid purple;*/
	}


	.autogrid_row.versetzt1:nth-child(2n+4) >.column:nth-child(1) >div {
		margin-top: -40px;
		/*color:  blue;
		border: 1px solid blue;*/
	}

/*
	.autogrid_row.versetzt1:nth-child(2n+1) >.column:nth-child(1) >div {
		margin-left:  40px;
	}
*/

	.autogrid_row.versetzt1 >.column:nth-child(1) {
		flex: 0 0 calc((100% / 12) * 6 + 40px);
		max-width: calc((100% / 12) * 6 + 40px);
		z-index:  1;
		/*
		color:  yellow;
		border: 1px solid yellow;
		*/
	}
	.autogrid_row.versetzt1 >.column:nth-child(2) {
		margin-left: -40px;
		margin-top: -20px;
		/* border: 1px solid green; */ 
	}
	/*
	.extra_padding .ce_text, .extra_padding.ce_text {
		padding: 30px;
	}
	*/
	/*
	.autogrid_row.versetzt1:not(.extended) >.column:nth-child(1) .ce_text.extend_link {
		padding-bottom: 20px;
	}
	*/
}

@media screen and (min-width: 768px) {
	.flex_galerie1.autogrid_row, .flex_galerie1 .autogrid_row {
		height:  500px;
	}
}
@media screen and (max-width: 767px) {
	.flex_galerie1 .image_container {
		width:  100%;
	}
	.flex_galerie1 .image_container img {
		width: 100%;
		height: 50vh;
		max-height: 320px;
		object-fit:  cover;
	}
	
}


.extend {
	max-height: 0px;
	transition: max-height 0.5s ease-in-out, opacity 0.33s ease-in-out;
	opacity: 0;
}

.extended .extend {
	opacity: 1;
	max-height:  1440px;
}


.ce_testimonial_inside q {
	font-weight: bold;
}

/* leicht abgedeckter Hintergrund für Text in mobil + table */
@media screen and (max-width: 1024px) {
	.semi-transparent-bg-weiss , .semi-transparent-bg-weiss {
		background: rgba(255,255,255,0.7);
	}
}

.column_boxshadow .autogrid_row .column:not(.spacer) {
	box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
	padding-left: 0;
	padding-right: 0;
	background-color: var(--weiss);
}
.column_boxshadow .autogrid_row .column:not(.spacer) .ce_text {
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (min-width: 768px) {
	.column_boxshadow .autogrid_row .column:not(.spacer) {
	    margin-left: calc((100% / 12));
	}
}

@media screen and (min-width: 1024px) {
	.column_boxshadow .autogrid_row .column:not(.spacer) {
	    margin-left: calc((100% / 46));
	}
}


/* SWIPER */

.swiper-pagination-bullet-active {
	background: var(--weinrot);
}
.swiper-pagination-bullet {
    border: 1px solid var(--weinrot);
    box-shadow: 0 0 0 2px var(--weinrot);
}

.swiper-buttons {
	display: none;
}


:not(footer) .ce_image_extended .image_container img, :not(footer) .ce_image .image_container img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
@media screen and (max-width: 768px) {
	:not(footer) .ce_image_extended .image_container img, :not(footer) .ce_image .image_container img {
		max-height: 60vh;
	}
}
:not(footer) .ce_image_extended, :not(footer) .ce_image,
:not(footer) .ce_image_extended .image_container, :not(footer) .ce_image .image_container {
	height:  100%;
}

.swiper-container .ce_image_extended .image_container img, .swiper-container .ce_image .image_container img {
	width: initial;
    height: initial;
    object-fit: initial;
    object-position: initial;
}
.swiper-container .ce_image_extended, .swiper-container .ce_image,
.swiper-container .ce_image_extended .image_container, .swiper-container .ce_image .image_container {
	height:  initial;
}




/* EXTEND */
.extend h1.headline_style2, .extend .headline_style2 h1, .extend .headline_style2 .h1, .extend .headline_style2 .h1 p,
.extend h2.headline_style2, .extend .headline_style2 h2, .extend .headline_style2 .h2, .extend .headline_style2 .h2 p,
.extend h3.headline_style2, .extend .headline_style2 h3, .extend .headline_style2 .h3, .extend .headline_style2 .h3 p,
.extend h4.headline_style2, .extend .headline_style2 h4, .extend .headline_style2 .h4, .extend .headline_style2 .h4 p {
	color: var(--schwarz);
}

.extend_link {
	margin-bottom: 40px;
    transition: opacity 0.75s ease-out, margin-bottom 0.5s ease-out;
}

.extend_link >a {
	font-weight: bold;
}

.extend_link >a:after {
	content: '\276F';
	margin-left: 20px;
	font-size: 30px;
	color: var(--weinrot);
	transform: rotate(90deg);
	display:  inline-block;
	position:  absolute;
	transition: transform 0.5s ease-out;
	/*border: 1px solid var(--weinrot);
	border-radius: 50%;*/
}

.extended .extend_link {
	opacity: 0.25;
	margin-bottom: -20px;
}

@media screen and (max-width: 768px) {
	.extend_link >a:after {
		margin-left: auto;
		margin-right: auto;
		display:  block;
		left: 0;
		right:  0;
		width: 30px;
		height: 30px;
		text-align: center;
	}
	.extend_link {
		margin-bottom: 60px;
		text-align: center;
	}
	.extended .extend_link {
		opacity: 0.25;
		margin-bottom: 0px;
	}	
}



.extended .extend_link >a:after {
	transform:  rotate(-90deg);
}


/* UNGENUTZT */
#top a.telefonnummer {
	display: none;
}

a.emailadresse {

}









/* MIYA */

#miya_anmeldung button[type="submit"] {
	text-transform: uppercase;
}


/*

.miya_anmeldung_kursinfo
	.miya_anmeldung_kurstextgenerell
	.miya_anmeldung_kurstextspeziell
.miya_anmeldung_formwrapper
.miya_anmeldung_fehler

.miya_kursliste_wrapper
	.miya_kursliste_fehlerleer
	.miya_kursliste_textportal
	.miya_kursliste_tabelle
	.miya_kursliste_tabelle_miyaoffline
	.miya_kursliste_datennichtaktuell
	.miya_kursliste_textesonstiges

*/



/* FORMULARE */
form fieldset {
	background-color: white;
	line-height: 1.3;
}

form fieldset label {
	font-size: 0.9em;
}






/* SONSTIGE */

img.bild-spiegeln-horizontal, .bild-spiegeln-horizontal img {
	  -webkit-transform: scaleX(-1); 
	  transform: scaleX(-1);
}

.zwei-spalten p {
	column-count: 2;
}


.headline-linksbuendig h1, .headline-linksbuendig h2, .headline-linksbuendig h3, .headline-linksbuendig h4,
.headline-linksbuendig div.h1, .headline-linksbuendig div.h2, .headline-linksbuendig div.h3, .headline-linksbuendig div.h4 {
	text-align: left;
}


.logo { width: 224px; }
.logo a { background-image: url('../themedesigner/uploads/rundum_logo_RGB.png') !important; }

.mainmenu ul li { margin-left: 1.5vw; margin-right: 1.5vw; } 

#footer:before {
	background-image:  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path fill="%23c3196e" fill-opacity="1" d="M0,128L48,133.3C96,139,192,149,288,170.7C384,192,480,224,576,218.7C672,213,768,171,864,154.7C960,139,1056,149,1152,149.3C1248,149,1344,139,1392,133.3L1440,128L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg>');
}

/* JUBILAEUM */
.logo { width: 244px; }
.logo a { background-image: url('../themedesigner/uploads/rundum_logo25_RGB.png') !important; }

/*------------------------------------
Laura versucht Sachen zu machen...
--------------------------------------*/ 

/* oberste Leiste flieder färben */ 
#top, 
#top .inside {
    background-color: var(--helllila);
}

/* Logo & Header-Welle auf Mobil + Tablet fixen */
@media screen and (max-width: 1024px) {

    .logo {
        position: relative !important;
        width: 170px;
        max-width: 50vw;
        margin: 0; /* wieder linksbündig */
    }

    /* Header: genug Höhe + Platz nach unten für die Welle */
    .header {
        position: relative;
        z-index: 1;
        overflow: visible;
        padding-bottom: 30px; /* Platz für die Welle */
    }

    .header:after {
        left: 0;
        right: 0;
        bottom: 0;       /* direkt an der Unterkante des Headers */
        z-index: 0;      /* hinter Logo & Menü */
    }
}

/* Mobile-Menü: Unterpunkte immer anzeigen */
@media (max-width: 1024px) {
	#mmenu .mod_navigation ul ul {
		display: block !important;
		max-height: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
}

@media (max-width: 1024px) {
	#mmenu .level_2,
	#mmenu .submenu {
		display: block !important;
		max-height: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
}

/* Bilderunterschrift unter Teambildern in beere */
.image_container .caption,
figcaption.caption {
    background-color: var(--weinrot) !important;
}