/* Spezielle Klassen */

/* Variablen */

:root {
  --font-family-body: 'Open Sans';
  --font-family-a: 'Open Sans';
  --font-family-h: 'Open Sans';
  --font-family-acc: 'Open Sans';
  --color-body: #7c7c7b;
  --color-a: #000;
  --color-footer: #000000;
  --color-nav-border: #fff;
  --headline-border-col: #fff;
  --background-html: #fff;
  --background-footer: #000000;
  --background-col1: #b2292e;
  --background-col2: #5d8eba;
  --background-col3: #fff;
  --background-col4: #fff;
  --background-col5: #fff;
  --font-col1: #fff;
  --font-col2: #fff;
  --font-col3: #fff;
  --font-col4: #fff;
  --font-col5: #fff;
}

html {
	background: var(--background-html);
}

body {
		color: var(--color-body) !important;
		font-family: var(--font-family-body) !important;
}

a {
		color: var(--color-a) !important;
		font-family: var(--font-family-a) !important;
}

#header .inside .content-slider img{
	max-width:100vw;
}

.ce_sliderStart {
	display: grid;
} 

#header {
	overflow: hidden;
}

p {
	text-align: justify;
}

h1 {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
		/*font-size: 4rem;*/
   font-size: calc(40px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
   line-height: calc(70px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
   color: #b2292e;
}

h1,
h2 {
	font-family: var(--font-family-h);
	font-weight: 600;
}

h2 {
	/*font-size: 3rem;*/
	   /*font-size: clamp(3em, 2.8vw, 1.75em);*/
	  font-size: calc(30px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
	  line-height: calc(60px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
}

h3 {
	  font-size: calc(20px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
	  line-height: calc(50px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
}

.elementrund * {
	border-radius: 50%;
}

.startshortcuts li {
	padding: 1rem;
	margin-bottom:0.5rem;
	font-size: 2rem;
	list-style: none;
}

.startshortcuts li a {
	margin-left:2rem;
	color: #fff !important;
	width:100%;
	display:block;
}

.mod_changelanguage {
	position: absolute;
	display: block;
	right: 0px;
	z-index: 999;
}

.mod_changelanguage .active {
	font-weight: 600;
}

.mod_changelanguage li {
	display: inline-block;
	font-size: 1.4rem;
}

.mod_changelanguage li strong,
.mod_changelanguage li a {
	padding-left:10px;
	padding-right:10px;
}

.mod_changelanguage li:last-of-type > * {
	border-left: 2px solid var(--color-nav);
	padding-left: 13px;
}

#toplogos {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999;
}

#toplogos p img {
	margin-left: 10px;
}

#toplogos img {
	max-height: 50px;
	padding-top: 5px;
}

#footer .footerback {
	/*background: var(--background-footer);*/
	background-image: url("/files/images/Retter Bilder/RZ_Retter_Hintergrund.jpg");
	
}

/*#footer .offset-lg-4 {
	margin-right: 0;
}*/

.footerback h3 {
	margin-bottom: 1rem !important;
}

.footerback {
	padding-top:2rem;
	padding-bottom:1rem;
}

.whiteback {
	background-color: #fff;
}

.textwhite {
	color: #fff;
}

.textbig {
	font-size:2rem;
	font-weight:300;
}

.background1 {
	background-color: var(--background-col1);
	color: var(--font-col1);
}

.background1 a {
	color: var(--font-col1);
	text-decoration: underline;
}

.background2 {
	background-color: var(--background-col2);
	color: var(--font-col2);
}

.background2 a {
	color: var(--font-col2);
	text-decoration: underline;
}

.background3 {
	background-color: var(--background-col3);
	color: var(--font-col3);
}

.background3 a {
	color: var(--font-col3);
	text-decoration: underline;
}

.background4 {
	background-color: var(--background-col4);
	color: var(--font-col4);
}

.background4 a {
	color: var(--font-col4);
	text-decoration: underline;
}

.background5 {
	background-color: var(--background-col5);
	color: var(--font-col5);
}

.background5 a {
	color: var(--font-col5);
	text-decoration: underline;
}

.ui-accordion-header {
	text-align: center;
	padding:2rem;
	margin-bottom:1rem;
	font-size: 3rem;
	font-family: var(--font-family-acc);
	cursor: pointer;
}

.backgroundacc1 .ui-accordion-header {
	background-color: var(--background-col1);
	color: var(--font-col1);
}

.backgroundacc2 .ui-accordion-header {
	background-color: var(--background-col2);
	color: var(--font-col2);
}

.backgroundacc3 .ui-accordion-header {
	background-color: var(--background-col3);
	color: var(--font-col3);
}

.backgroundacc4 .ui-accordion-header {
	background-color: var(--background-col4);
	color: var(--font-col4);
}

.backgroundacc5 .ui-accordion-header {
	background-color: var(--background-col5);
	color: var(--font-col5);
}

.backgroundmatrix {
	background-image: url("/files/images/RZ_HB_Hintergrund_Netz_blau.jpg");
	background-size: auto;
}

.ce_accordionSingle {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}

#header figure {
	margin: 0rem !important;
}

#header .ce_image {
	z-index:99;
}

.ce_image img {
	width: 100%;
}

.image_container img {
	width: 100%;
	height: auto;
}

.navbar-brand {
		max-width: 70%;
}

#main .inside .ce_text {
	padding-top: 3rem;
	padding-bottom: 2rem;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

#main .inside .ce_googlemaps_embed {
	padding-top: 3rem;
	padding-bottom: 2rem;
}

#main a:hover {
	text-decoration: none;
}

#main .imagetext {
	padding-left: 0px;
	padding-right: 0px;
}

#main .imagetext > * {
	padding-top: 1rem;
}

#main .ce_headline {
	padding-bottom:3rem;
	padding-top:3rem;
}

#main .imagetext * {
	font-weight: 300;
	color: #fff !important;
	width: 100%;
	height: 100%;
	display: block;
}

.nopaddingnomarginbottomtop,
.nopaddingnomarginbottomtop * {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.nopaddingnomarginleftright,
.nopaddingnomarginleftright * {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.headlineborder {
width: fit-content;
margin-left: auto;
margin-right: auto;
border-bottom: 4px var(--headlineborder-col) solid;
}


#main .inside .spezialright > *{
max-width:690px;
float: right;
width:100%;
clear: both;
}

#main .inside .spezial > *{
max-width:690px;
float: left;
width:100%;
clear: both;
}

#main .ce_text img {
	max-width:100%;
	height: auto;
}

#main ul {
	    list-style-type: '> ';
}

.card {
	border-radius: 0px;
}

#footer .inside .container {
	padding-top: 2rem;
	padding-bottom: 3rem;
	color: var(--color-footer);
	font-size:1.2rem !important;
	font-weight: 200;
}

#footer .invisible {
	display: none;
}

#footer ul {
	padding-left: 0px;
}

#footer a,
#footer li {
	color: #fff !important;
	text-decoration: none;
		list-style-type: none;
		width: auto;
}

#footer h3 {
	font-size:1.2rem;
}

#footer li:not(.first) {
padding-top: 0.5rem;
}

#footer li:not(.last) {
border-bottom: 1px solid #fff;
padding-bottom:0.5rem;
}

#footer a:hover {
	text-decoration: underline;
}

.slider-control {
	display:none;
}

.content-slider,
.content-slider img{
	max-width: 100%;
}

.slider-wrapper {
	width: 100%;
}

#headerbalken {
	background: #fff;
}

#headerbalken .image_container {
	margin-top: -10px !important;
}

#headerbalken img {
	height: 25px;
}

.shortcuts {
	margin-top: -7.5rem;
}

.shortcuts a {
	color: #fff !important;
	text-decoration: none !important;
}

.image-to-top-2 {
	margin-top: -2rem;
}

.hborange {
	background-color: #e37739;
	color: #fff;
	text-transform: uppercase;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	  -webkit-box-decoration-break: clone;  
  box-decoration-break: clone;
}

.hborange_h1 {
	background-color: #e37739;
	color: #fff;
	text-transform: uppercase;
		text-align:center;
	margin-left: auto;
	margin-right: auto;
   font-size: calc(40px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
   line-height: calc(70px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
}
	
.hborange_h2 {
	background-color: #e37739;
	color: #fff;
	text-transform: uppercase;
		text-align:center;
	margin-left: auto;
	margin-right: auto;
	  font-size: calc(30px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
	  line-height: calc(60px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
}


.hborange_h3 {
	background-color: #e37739;
	color: #fff;
	text-transform: uppercase;
		text-align:center;
	margin-left: auto;
	margin-right: auto;
	  font-size: calc(20px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
	  line-height: calc(50px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
}

form .invisible {
	display: none;
}

form .widget {
	margin-top:15px;
	margin-bottom:15px;
}

.form-control { 
	border-radius: 0px;
}

#cboxCurrent {
	display: none !important;
}

@media(max-width:1300px){
	#footer {
	padding-top: 13rem;
}
}

@media(max-width:992px){
	#footer {
	padding-top: 8rem;
}

#headermenubar {
	background: #76b82a;
}

.whiteback .blockbackground {
	border-left: 15px solid #fff;
	border-right: 15px solid #fff;
}

h1,
.ui-accordion-header {
	font-size: 2.2rem;
}

.hborange {
  display:block;
}


}

@media(max-width:762px){
	#footer {
	padding-top: 2rem;
	}
	#footer .mod_customnav {
		padding-left: 15px !important;
	}
	
	#main .imagetext {
	border-left: 15px solid #fff;
	border-right: 15px solid #fff;
}

#header .content-slider img {
	max-width: 100vw !important;
}

.shortcuts {
	margin-top: 0.5rem;
}

#main .shortcuts .ce_text {
	padding: none !important;
}

#main .shortcuts p {
	display: none;
}

#main .shortcuts h2 {
	font-size: 2rem;
}

h1,
.ui-accordion-header{
	font-size: 1.8rem;
}

.navbar-brand img {
		/*width: 100% !important;*/
		height: auto !important;
}

#main .inside .ce_text,
#main .ce_headline{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

}

@media(max-width:630px){
	#toplogos	{ display: none; }
}

@media(max-width:576px){
	#footer {
	padding-top: 1rem;
}
}

@media(min-width: 763px) {
	.imagetextspezial {
		padding-right: 0px;
}}