/* Version: 17.01.2014 */
body {
	font-family: 'Maven Pro', sans-serif;
	font-size: 100%;
	color: #4c4c4f;
	text-decoration: none;
	font-weight: 400;
	word-spacing: normal;
	background-color: #FFF;
}

p {
	margin:0;
}

p:empty {
height: 18px;
}

strong{
	font-weight: 500;
}

hr{
	height: 3px; 
	background-color: #109282; 
	border: 0; 
	margin-top: 3px;
	text-align: left;
	width: 300px;
	margin-left: -50px;
}

h1{
	margin: 0px;
	font-size: 1.8rem;
	line-height: 1.9rem;
	font-weight: 500;
color: #4c4c4f;
}

h2{
	margin: 0px;
	font-size: 1.2rem;
	line-height: 1.3rem;
	font-weight: 500;
}

.individuell{
	background-image: url(bg_individuel.png);
    padding-top: 35px;
    padding-right: 42px;
    padding-bottom: 33px;
    padding-left: 50px;
	color: #fff;
}

.individuell img{
	width: 55%;
	margin: 1rem;
}








.button a, .button a:visited, .button a:active {
font-size: 1rem;
    line-height: 1.5;
	display: inline-block;
	background: #109282;
	padding: 0.3rem 1rem 0.3rem 1rem;
	margin: 0 auto;
	cursor: pointer;
	border: 0.1rem solid #109282;
	transition: all 140ms ease 0s;
	-moz-transition: all 140ms ease 0s;
	-webkit-transition: all 140ms ease 0s;
	color: #fff;
font-weight: 400;
    text-align: center;
}
.button a:hover {
	background-color: #3E6FBE;
	text-decoration: none;
	color: #fff;
	border: 0.1rem solid #3E6FBE;
}




.frame-outer {
	position: relative;
	width: 720px; /*	maximale Breite: 782px	*/
	margin: 1.3rem auto;
	background-color: #FFF;
	border: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	font-size: 0.75rem;
	line-height: 1.05rem;
	
}


.frame-outer::after {
	content: "";
	display: block;
	clear: both;
}



#header {
	position: relative;
 padding-top: 35px;
    padding-right: 42px;
    padding-bottom: 33px;
    padding-left: 50px;
}


/* .flex {
  display: table;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1rem 0;
} 
*/

/* -------------- FLEXBOX EIGENSCHAFTEN FÜR GLEICHE HOHE BOXEN MIT "PLATZ ZWISCHEN DEN BOXEN" (siehe "justify-content: space-between;") -------------------- */

.flex {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0rem 0;
}

.flex div {
	width: 21%;
}

.left {
  width: 48%;
  padding: 1rem 3%;
}


.logo{

    padding-top: 35px;
    padding-right: 42px;
    padding-bottom: 0rem;
    padding-left: 50px;

}




.content{
    padding-top: 35px;
    padding-right: 42px;
    padding-bottom: 33px;
    padding-left: 50px;
}


.content_2{
    padding-top: 0rem;
    padding-right: 42px;
    padding-bottom: 33px;
    padding-left: 50px;
}




.box_oben{
}

.box_mitte{
}

.box_unten{
}

.box_links{
	float: left;
	width: 65%;
}

.box_rechts{
	float: right;
	width: 27%;
}

#footer{
}

img {
	max-width: 100%;
	height: auto;
	width: auto9; /* ie8 */
	border:0;
}




/*--Slider editierbar--*/

.slider-wrap {
    max-width: 800px;
    width: auto;
    height: auto;
    position: relative;    
    margin: 0;
    overflow: hidden;
}

.slider-wrap img {
	display: block;
}
  
.slideshow {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.slideshow li span {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: image 24s linear infinite;
    animation: image 24s linear infinite;
}
  
@keyframes image {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
    5% {
      opacity: 1;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }
    25% {
      opacity: 1;
    }
    30% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
}

@-webkit-keyframes image {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    5% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    25% {
        opacity: 1;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
  
.slideshow li {
    margin:0;
    padding:0;
    list-style: none;
}
.slideshow li:nth-child(1) span {}
.slideshow li:nth-child(2) span {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
.slideshow li:nth-child(4) span {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}

ul.slideshow {
    margin: 0;
    padding-left: 0;
}

.slideshow li::before {
	display: none;
}



a:link, a:visited, a:active  {
    text-decoration: none;
	color: #3E6FBE;
}

a:hover {
	text-decoration: none;
	color: #3E6FBE;
}


 
/* Zusatz*/ 



 
.text_gross{
	font-size: 1.2rem;
	line-height: 1.5rem;
}

.titel_gross{

}

.text_klein{

}

.titel_klein{

}

.gruen {
	color: #008872;
}

.rot {
	color: #d70926;
}

.grau {
	color: #4e4f51;
}

.upper {
	text-transform: uppercase;
}

.ausblenden {

}

.font {
	font-family: 'Noto Serif', serif;
}

ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 13px;
}

li {
	padding-left: 5px;
}

/*--Eingrückte Listenpunkte--*/
li ul{ 
	margin: 0 0 0 0;
	padding: 0 0 0 1rem;
}



#bild1{
	position: absolute;
	right: 0px;
	bottom: 220px;
}
	
#bild2{
	display: none;
}

.refnr {}

.apply {}