body {

		--colour_var_greenback: #208c55;
		--colour_var_greenfront: #208c55;
		--colour_var_greenline: #208c55;
		--colour_var_subnavcol: #232323;
		--colour_var_maincol: #333333;
		--colour_var_mainback: #f8f8f8;
		--colour_var_teaserback: #eaeaea;
		--colour_var_bottomback: #4d4d4d;
		--colour_var_footer_1: #cacaca;
		--colour_var_footer_2: #ffffff;
		--colour_var_listelement: #208c55;

	}

/* Footer */

	body.highcontrast {

		filter: contrast(1.5) grayscale(1) !important;

		--colour_var_greenback: #000000;
		--colour_var_greenfront: #000000;
		--colour_var_greenline: #000000;
		--colour_var_subnavcol: #000000;
		--colour_var_maincol: #000000;
		--colour_var_mainback: #ffffff;
		--colour_var_teaserback: #ffffff;
		--colour_var_bottomback: #000000;
		--colour_var_footer_1: #ffffff;
		--colour_var_footer_2: #ffffff;
		--colour_var_listelement: #000000;

	}

	.font-size-default, body {
		font-size: 1.5rem;
		line-height: 1.71429;
	}

	body {
		background-color: var(--colour_var_mainback);
	}

	.bg-cod-light-gray {
		background-color: var(--colour_var_teaserback);
	}

	.list-marked-variant-2 > li > a::before {
		color: #208c55;
	}

.titlediv {
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1.3;
	padding: 10px;
	width: 100%;
	top: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 9;
}

	.comp-name-container {
		align-items: stretch;
	}

	.comp-type-a, .comp-name-a {
		width: 100%;
	}

	.comp-type {
		color: var(--colour_var_greenfront);
		background-color: white;
		font-weight: bold;
		text-align: center;
		border: 2px solid var(--colour_var_greenline);
		width: 100%;
		font-size: 1.75rem;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.comp-type-active {
		background-color: var(--colour_var_greenfront);
		color: white;
	}

	.comp-name {
		color: var(--colour_var_greenfront);
		background-color: white;
		font-weight: bold;
		text-align: center;
		border: 1px solid var(--colour_var_greenline);
		width: 100%;
		font-size: 1.5rem;
		padding-top: 25px;
		padding-bottom: 25px;
		margin: 30px 15px 0 15px !important;
		cursor: pointer;
	}

	.comp-logobox {
		margin-top: 15px;
		width: auto;
		max-width: 100%;
		height: 200px;
		max-height: 200px;
		text-align: center;
	}

	.comp-logo {
		width: auto;
		max-width: 100%;
		max-height: 200px;
	}

	h6.comp-title {
		font-size: 1.8rem;
		color: var(--colour_var_greenfront);
	}

/*  Eventuell für Smarties (max 480px) folgende max. Logo-Abmessungen: 432px x 243px  */

@media (min-width: 992px) { 

	.comp-logobox {
		height: 180px;
		max-height: 180px;
	}

	.comp-logo {
		max-height: 180px;
	}

}

@media (min-width: 1200px) { 

	.comp-logobox {
		height: 150px;
		max-height: 150px;
	}

	.comp-logo {
		max-height: 150px;
	}

}

	.range-event {
		background-color: white;
		border: 1px solid var(--colour_var_greenline);
		border-radius: 5px;
		-webkit-box-shadow: -1px 0px 5px 0px rgba(65, 65, 65, 0.12);
		box-shadow: -1px 0px 5px 0px rgba(65, 65, 65, 0.12);
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.swiper-variant-1, .swiper-variant-1 .swiper-wrapper {
	    height: auto;
    	min-height: 600px;
	}

	a, a:active, a:focus {
    	color: var(--colour_var_greenfront);
	}

	h1 {
		color: var(--colour_var_greenfront);
		border-bottom: 1px solid var(--colour_var_greenline);
	}

	h2 {
		color: var(--colour_var_greenfront);
	}

	h4 {
		color: var(--colour_var_greenfront);
	}
/*
	body.highcontrast a, a:active, a:focus {
    	color: var(--colour_var_greenfront_contrast);
	}

	body.highcontrast h1 {
		color: var(--colour_var_greenfront_contrast);
		border-bottom: 1px solid var(--colour_var_greenline_contrast);
	}

	body.highcontrast h2 {
		color: var(--colour_var_greenfront_contrast);
	}
*/

	.swiper-scrollbar-drag {
		background: var(--colour_var_greenline);
	}

	.bg-gray-base {
		background: var(--colour_var_bottomback);
		fill: var(--colour_var_bottomback);
	}

	.fullsize {
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	.text_start {
		font-size: 1.6rem;
		margin-bottom: 27px;
	}

	.text_gutschein {
		font-size: 1.6rem;
	}

@media (min-width: 992px) {

	h1, .h1 {
		line-height: 1.07692;
		font-size: 3.6rem;
	}

	h2, .h2 {
		line-height: 1.18644;
		font-size: 3.2rem;
	}

}

h2 + *, .h2 + * {
    margin-top: 0;
}

* + h2, * + .h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}



.swiper-variant-1 {
	min-height: 400px !important;
}


.rd-navbar, .rd-navbar-static.rd-navbar--is-stuck {
	background: #fff;
}

.rd-navbar-default .rd-navbar-nav > li > a {
	color: #000;
}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav {
	margin-right: 0px;
}

.rd-navbar-default.rd-navbar-static .rd-navbar-nav-inner {
	margin-right: 20px;
}

.willi {
	display: none;
}

.modal-backdrop {
	z-index: 99997;
}

.modal {
	z-index: 99999;
}

.modal-content {
	border-radius: 0px;
}

.list-marked li::before {
	content: '\e015';
}
.list-marked li:not(:last-child)::after {
	content: '';
}
.list-marked li:last-child::after {
	content: '';
}
.navbar-rd-logo {
	width: 250px;
}
@media (max-width: 1026px) {
	.navbar-rd-logo {
		width: 200px;
	}
}

@media (max-width: 991px) {
	.navbar-se-logo {
		position: fixed;
		right: 0px;
		z-index: 999;
		width: 85px;
		top: 0px;
	}
	.navbar-rd-logo {
		width: 150px;
		position: relative;
		top: -10px;
		z-index: 999;
	}
	.rd-navbar-search-wrap {
		margin-top: -25px;
	}
	.rd-navbar-fixed .rd-navbar-brand {
		overflow: inherit;
	}

	.swiper-variant-1, .swiper-variant-1 .swiper-wrapper {
		min-height: auto;
	}
	.swiper-variant-1 {
   	 	min-height: auto !important;
	}
	.swiper-variant-1 .swiper-slide-caption {
    	padding: 200px 0 115px;
	}
	
}

	.rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-static .rd-navbar-dropdown > li > a:focus, .rd-navbar-static .rd-navbar-dropdown > li > a:active, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:focus, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:active {
		color: var(--colour_var_subnavcol);
	}

	.list-marked-variant-2 > li > a::before {
		color: var(--colour_var_listelement);
	}

/* Social Navigation
-------------------------------------------------- */
	
	.side-nav {
		left: 0;
		position: fixed;
		top: 20%;
		z-index: 999;
		transition: all 0.3s ease-in-out;
		font-family: "Lato", Helvetica, Arial, sans-serif;
		cursor: pointer;
	}
	
	.side-nav ul {
		list-style-type: none;
		cursor: pointer;
	}
	
	.side-nav ul li {
		margin-bottom: 5px;
		transition: all 0.3s ease-in-out;
		position: absolute;
		z-index:10;
	}
	
	.side-nav ul li:nth-child(1) {
		z-index: 99;
	}
	
	.side-nav ul li:nth-child(2) {
		z-index: 98;
		top: 55px;
	}
	
	.side-nav ul li:nth-child(2) a span:last-child::before {
		display: none;
	}
	
	.side-nav ul li:nth-child(3) {
		z-index: 98;
		top: 110px;
	}
	
	.side-nav ul li:nth-child(3) a span:last-child::before {
		display: none;
	}

	.side-nav ul li:nth-child(4) {
		z-index: 98;
		top: 165px;
	}
	
	.side-nav ul li:nth-child(5) {
		z-index: 98;
		top: 220px;
	}
	
	.side-nav ul li:nth-child(6) {
		z-index: 98;
		top: 275px;
	}

	.side-nav ul, ol {
		margin: 0 0 0 0;
		padding-left: 0px;
	}
	
	.side-nav a, .side-nav .entypo-phone {
		background: var(--colour_var_greenback);
		color: white !important;
		display: block;
		height: 50px;
		font-size: 1.8rem;
		line-height: 50px;
		position: relative;
		text-align: center;
		width: 45px;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
	}
	
	.side-nav a span, .side-nav .entypo-phone span {
		right: 100%;
		opacity: 1;
	}
	
	.side-nav a span, .side-nav .entypo-phone span {
		background: var(--colour_var_greenback);
		font-family: "Lato", Helvetica, Arial, sans-serif;
		line-height: 17px;
		left: -85px;
		height:100%;
		margin-left: 0px;
		margin-top: -25px;
		opacity: 1;
		padding: 8px 8px;
		position: absolute;
		top: 50%;
		z-index: 1;
		width: 95px;	
		font-size: 1.2rem;
		font-weight: 900;
		text-align: left;
		text-transform: uppercase;
		transition: all 0.3s ease-in-out;
	}
	
	.side-nav a span:last-child:before {
	    content: "";
	    color: white;
	    display: block;
	    height: 8px;
	    left: -4px;
	    z-index: 10000;	
	}
/*
	.side-nav li:first-child a span, .side-nav li:first-child .entypo-phone span {
		left: 100%;
		transition: all 0.3s ease-in-out;
		z-index: 10;
		font-family: "Lato", Helvetica, Arial, sans-serif;
	}
*/
	.side-nav li:first-child a span:before, .side-nav li:first-child .entypo-phone span:before {
		content: "";
		color: white;
		display: block;
		height: 8px;
		left: -4px;
		margin-top: -4px;
		position: absolute;
		top: 50%;
		z-index: 10000;	
	}
	
	.entypo-info-t {
		position: absolute;
		top: -50px;
		z-index: 1 !important;
		background-color: white;	
	} 
	
	.entypo-info-t span{
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";	
	    vertical-align: middle;
	    -ms-flex-align: center;
	    align-items: center;
	    display: flex;	
	}
	
	.entypo-info-t .fa-phone-volume {
		transform: rotate(225deg);
	    -webkit-filter: none;
		filter: none;	
	}	
	
	.entypo-info-t .fab, .entypo-info-t .fas, .entypo-info-t .far {
		font-size: 2.4rem;
	}
	
	.entypo-info-e .fab, .entypo-info-e .fas, .entypo-info-e .far {
		font-size: 1.8rem;
	}
	
	.entypo-info-e {
		position: absolute;
		top: -100px;
		z-index: 1 !important;
		background-color: white;	
	}
	
	.entypo-info-e span{ 
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";	
		vertical-align: middle;
	    -ms-flex-align: center;
	    align-items: center;
	    display: flex;
	}
	
	a.entypo-info-e, .entypo-info-e, .entypo-info-e span, a.entypo-info-t, .entypo-info-t, .entypo-info-t span {
		z-index: -1 !important;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";	
	}
	
	.entypo-phone:hover .entypo-info-t {
		top: 5px;	
		background-color: white;
	}
	
	.entypo-phone:hover .entypo-info-t span {
		background-color: white;
	}
	
	.entypo-phone:hover .entypo-info-e {
		top: 0px;	
		background-color: white;
	}
	
	.side-nav li:first-child .side-nav-link span {
		font-family: "Lato", Helvetica, Arial, sans-serif;
	
	}

	.side-nav a:hover, .side-nav .entypo-phone:hover {
		color: #232323 !important;
		background-color: white;
		text-decoration: none !important;
	}

	.side-nav a:hover span, .side-nav .entypo-phone:hover span {
		background-color: white !important;
		left: 100%;
		transition: all 0.3s ease-in-out;
	}

@media (max-width: 1400px)  { 

	.hide-1400 {
		display: none !important;
	}

	.show-1400 {
		display: static !important;
	}

	.side-nav li:first-child .entypo-phone span::before {		
		margin-top: 0px;		
		position: absolute;
	}

	.side-nav li:first-child .entypo-phone span {
		width: 45px;
		left: 0px;	
		top: 60px;	
		height: 35px;
		text-align: center;
	}

	.entypo-phone:hover .entypo-info-t, .entypo-phone:hover .entypo-info-e {
		top: 25px;
	}

	.entypo-info-t, .entypo-info-t span {
		width: 75px !important;	
	}

	.entypo-info-t span {
		top: 25px !important;
		height: 100% !important;
	}

	.side-nav ul li:nth-child(2) a span:last-child::before {
				
	}

	.side-nav .entypo-phone .entypo-info-t {
		height: 70px;
		top: -50px;
		left: -30px;
		transition: all 0.3s;
		
	}

	.entypo-phone:hover .entypo-info-t, .side-nav .entypo-phone .entypo-info-t:hover {
		left: 50px;
	}

}


@media (min-width: 1401px)  { 

	.show-1400 {
		display: none !important;
	}

	.hide-1400 {
		display: static !important;
	}

}


@media (max-width: 1129px) { 

	.side-nav li:first-child .entypo-phone span {
		left: 100%;
		transition: all 0.3s ease-in-out;
		z-index: 10;
		width: 105px;
	}

}


@media (max-width: 1024px) { 

	.side-nav {
		display: none;
	}

}

	.hide-1400 {
		padding-top: 17px !important;
	}


	.acc-control {
		font-size: 2.8rem;
		font-style: normal;
	}

/* OWL SLider Startseite */

	.owl-carousel .owl-nav {
		position: absolute;
		top: calc(50% - 40px);
		left: 0;
		right: 0;
		z-index: 666666;
	}

	.owl-carousel .owl-nav button.owl-next {
		position: absolute;
		right: 10px;
		height: 40px;
		width: 40px;
		padding: 0 3px 6px 3px !important;
		font-size: 3rem !important;
		line-height: 30px !important;
		border: 1px solid #1b232f !important;
		background-color: #ffd840 !important;
		color: #1b232f !important;
	}

	.owl-carousel .owl-nav button.owl-prev {
		position: absolute;
		left: 10px;
		height: 40px;
		width: 40px;
		padding: 0 3px 6px 3px !important;
		font-size: 30px !important;
		line-height: 30px !important;
		border: 1px solid #1b232f !important;
		background-color: #ffd840 !important;
		color: #1b232f !important;
	}

	.owl-theme .owl-dots .owl-dot span {
		width: 15px;
		height: 15px;
  		background: #ffd840;
		border: 1px solid #1b232f;
	}

	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #1b232f;
		border: 1px solid #1b232f;
	}

	.swiper-slide-caption .container {
		padding-top: 27px;
		padding-bottom: 27px;
		background: rgba(0, 0, 0, .42);
	}

	.swiper-slide-caption h2 {
		margin-bottom: 27px;
	}

	.top30 {
		margin-top: 30px !important;
	}

	.list-marked-variant-2 > li > a::before {
		color: var(--colour_var_listelement);
	}

/* OWL */

.owl-carousel .owl-nav {
		position: absolute;
		top: calc(50% - 21px);
		left: 0;
		right: 0;
		z-index: 666666;
	}

	.owl-carousel .owl-nav div.owl-next {
		position: absolute;
		right: 10px;
		height: 40px;
		width: 40px;
		padding: 3px 3px 3px 3px !important;
		font-size: 30px !important;
		line-height: 30px !important;
		border: 2px solid white !important;
		background-color: #208c55 !important;
		color: white !important;
	}

	.owl-carousel .owl-nav div.owl-prev {
		position: absolute;
		left: 10px;
		height: 40px;
		width: 40px;
		padding: 3px 3px 3px 3px !important;
		font-size: 30px !important;
		line-height: 30px !important;
		border: 2px solid white !important;
		background-color: #208c55 !important;
		color: white !important;
	}

	.owl-theme .owl-dots .owl-dot span {
		width: 15px;
		height: 15px;
  		background: white;
		border: 1px solid #208c55;
	}

	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #208c55;
		border: 1px solid #208c55;
	}

/* Footer */

	section.bg-gray-base, footer.bg-gray-base, 
	section.bg-gray-base .contact-info  , footer.bg-gray-base .contact-info, 
	section.bg-gray-base .list-marked-variant-2 > li > a::before, footer .list-marked-variant-2 > li > a::before {
		color: var(--colour_var_footer_1);
	}

	section.bg-gray-base h6 , footer.bg-gray-base h6, 
	section.bg-gray-base a , footer.bg-gray-base a {
		color: var(--colour_var_footer_2);
	}