@charset "utf-8";
/* CSS Document */

/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* root Variable */
:root {
--gold: #b8a07e;
--orange: #d47f21;
}



/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* Design */
.goldtrennborder{
height: 1rem;
background-color: var(--gold);
}
.org-border-img {
border: 20px solid var(--orange);
padding: 0;
}
	.org-border-img img {
  	margin-top: -60px;
  	margin-left: 60px;
  	margin-bottom: 40px;
  	position: relative;
  	z-index: 1;
	}

.fontgold{
color: var(--gold);
}
.fontorg{
color: var(--orange);
}

.borderorg{
border: var(--orange) solid .15rem !important;
}


/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* Buttons */
.btn-org{
color:#fff;
background:var(--orange);
border-color:#96581a;
}
.btn-org:hover{
color:#fff;	
background:#96581a;	
}
.btn-org:focus{
shadow-rgb:49,132,253;
}


/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* Formular */
.inputorg{
border-color:#96581a;
background: #ffd7b2;
}

/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* footer */
.footer2{
background: var(--orange);
}


/* ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- */
/* Raster Aufbau */
.section-abstand1{
height: 150px;
margin: 20px 0;
}
.section-abstand2{
height: 100px;
margin: 20px 0;
}
.section-abstand3{
height: 50px;
margin: 20px 0;
}
.section-abstand4{
height: 25px;
margin: 20px 0;
}










/* Test */
.shape {
transform-origin: top center;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
height: auto;
width: 100%;
transform-origin: top center;
display: block;
position: absolute;
color:var(--orange);
}

.shape > *,
.shape2 > *{
  transform: scale(2);
  transform-origin: top center;
}

.position-relative {
  position: relative !important;
}

.conorg,
.redred{
background:var(--orange);
height:auto;
width:100%;
}
.redred, .conkarte{
	position: relative !important;
	margin: 3rem 0;
}

.shape2{
	  transform-origin: top center;
left: 0;
right: 0;
	bottom:0;
overflow: hidden;
height: auto;
width: 100%;
transform-origin: top center;
display: block;
position: absolute;
color:#ab1917;
	color: rgba(255,255,255,1) !important;
}

.kurve1 {
	height:300px;
}
.kurve2 {
	height:30px;
	background:var(--orange);
}
.red2{
	background:var(--orange);
	opacity: 1;
}