/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++ STARTBILD GANZES FENSTER +++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*
#head
   {
   background-image: url("../images/global/background.jpg");
   }
*/
      	      	      	
   #feld_container
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center;
      align-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      width: 100%;
      min-height: 50%;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      -moz-background-size: cover;
      -o-background-size: cover;
      -webkit-background-size: cover;
      background-size: cover;
      }
      	      	      	
   #feld_content
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center;
      align-content: flex-start;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      }
      @media only screen and (max-width: 399px) { #feld_content{flex-direction: column; width: 95%;} }
      @media only screen and (min-width: 400px) and (max-width: 769px) { #feld_content{flex-direction: column; width: 90%;} }
      @media only screen and (min-width: 770px) and (max-width: 1199px) { #feld_content{flex-direction: row; width: 80%;} }
      @media only screen and (min-width: 1200px) { #feld_content{flex-direction: row; width: 80%;} }
      	      	      	
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++ WEITERER INHALT +++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   #container_text_block
      {
      width: 100%;
      text-align: justify;
      }
      	      	      	
      #container_row h2, #container_text_block h2, #container_row h3, #container_text_block h3
      	{
      	width: 100%;
      	text-align: center;
      	margin-bottom: 10px;
      	}
      	      	      		      	
   #container_text_block_row
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: stretch;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      box-sizing: border-box;
      width: 100%;
      text-align: justify;
      margin-bottom: 30px;
      }










      	      	      	
/*
      #container_text_block_row a
      	{
      	text-align: justify;
      	background-color: rgb(225,225,225);
      	border-radius: 15px;
      	box-shadow: 2px 2px 2px rgb(48,81,160);
      	margin-bottom: 20px;
      	text-shadow: none;
      	}
      	@media only screen and (max-width: 599px) { #container_text_block_row a{width: 90%;} }
      	@media only screen and (min-width: 600px) and (max-width: 769px) { #container_text_block_row a{width: 90%;} }
      	@media only screen and (min-width: 770px) and (max-width: 1199px) { #container_text_block_row a{width: 45%;} }
      	@media only screen and (min-width: 1200px) { #container_text_block_row a{width: 30%;} }
      	      	      	
      	#container_text_block_row a:hover, #container_text_block_row a:active, #container_text_block_row a:focus
      	   {
      	   background-color: rgb(200,200,200);
      	   text-shadow: none;
      	   transition: 0.5s ease;
      	   }
      	      	      	
      	   #container_text_block_row a:hover #leistungen h2
      	      {
      	      color: rgb(255,255,255);
      	      background-color: rgb(48,81,160);
      	      text-shadow: none;
      	      transition: 0.5s ease;
      	      }
      	      	      	
      	#container_text_block_row a #leistungen
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: column;
      	   flex-wrap: wrap;
      	   -webkit-align-items: stretch;
      	   align-items: stretch;
      	   align-content: stretch;
      	   -webkit-justify-content: space-between;
      	   justify-content: space-between;
      	   width: 100%;
      	   height: 100%;
      	   padding: 5px;
      	   box-sizing: border-box;
      	   }
      	      	      	
      	   #container_text_block_row a #leistungen h2
      	      {
      	      text-align: center;
      	      font-size: 100%;
      	      background-color: rgb(255,204,41);
      	      // box-shadow: 0px 0px 5px rgb(255,204,41);
      	      margin-top: 0px;
      	      padding: 5px 5px;
      	      }
      	      	      	
      	   #container_text_block_row a #leistungen div
      	      {
      	      padding: 5px 5px;
      	      max-width: 100%;
      	      }
      	      @media only screen and (max-width: 599px) { #container_text_block_row a #leistungen div{font-size: 80%;} }
      	      @media only screen and (min-width: 600px) and (max-width: 769px) { #container_text_block_row a #leistungen div{font-size: 90%;} }
      	      @media only screen and (min-width: 770px) and (max-width: 1199px) { #container_text_block_row a #leistungen div{font-size: 90%;} }
      	      @media only screen and (min-width: 1200px) { #container_text_block_row a #leistungen div{font-size: 90%;} }
      	      	      	
      	      #container_text_block_row a #leistungen div p, #container_text_block_row a #leistungen div ul li
      	      	{
      	      	text-align: left;
      	      	word-wrap: break-word;
      	      	-ms-hyphens: auto;
      	      	-webkit-hyphens: auto;
      	      	hyphens: auto;
      	      	}
      	      	      	
      	   #container_text_block_row a #leistungen #mehr_erfahren
      	      {
      	      text-align: center;
      	      margin: 10px 0px;
      	      }
      	      	      	
      	      #container_text_block_row a #leistungen #mehr_erfahren strong
      	      	{
      	      	background-color: rgb(200,200,200);
      	      	border-style: solid;
      	      	border-width: 2px;
      	      	border-top-color: rgb(175,175,175);
      	      	border-left-color: rgb(175,175,175);
      	      	border-right-color: rgb(125,125,125);
      	      	border-bottom-color: rgb(125,125,125);
      	      	padding: 2px 5px;
      	      	font-weight: normal;
      	      	font-size: 100%;
      	      	color: rgb(50,50,50);
      	      	}
      	      	      	
      	      	#container_text_block_row a #leistungen #mehr_erfahren strong:hover
      	      	   {
      	      	   background-color: rgb(150,150,150);
      	      	   border-style: solid;
      	      	   border-width: 2px;
      	      	   border-top-color: rgb(100,100,100);
      	      	   border-left-color: rgb(100,100,100);
      	      	   border-right-color: rgb(200,200,200);
      	      	   border-bottom-color: rgb(200,200,200);
      	      	   padding: 2px 5px;
      	      	   }
*/
      	      	      		      	
   #content_text_100, #content_text
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      -webkit-align-items: center;
      align-items: center;
      align-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      box-sizing: border-box;
      padding-left: 2%;
      padding-right: 2%;
      padding-top: 1%;
      padding-bottom: 1%;
      }
      #content_text_100 {width: 100%;}
      @media only screen and (max-width: 399px) { #content_text{width: 96%;} }
      @media only screen and (min-width: 400px) and (max-width: 769px) { #content_text{width: 96%;} }
      @media only screen and (min-width: 770px) and (max-width: 1199px) { #content_text{width: 45%;} }
      @media only screen and (min-width: 1200px) { #content_text{width: 45%;} }
      	      	      	
      	#content_text_100 img, #content_text img
      	   {
      	   width: auto;
      	   height: auto;
      	   max-width: 100%;
      	   }
      	      	      	
      #content_bild
      	{
      	box-sizing: border-box;
      	padding-left: 2%;
      	padding-right: 2%;
      	padding-top: 1%;
      	padding-bottom: 1%;
      	text-align: center;
      	}
      	@media only screen and (max-width: 399px) { #content_bild{width: 96%;} }
      	@media only screen and (min-width: 400px) and (max-width: 769px) { #content_bild{width: 96%;} }
      	@media only screen and (min-width: 770px) and (max-width: 1199px) { #content_bild{width: 45%;} }
      	@media only screen and (min-width: 1200px) { #content_bild{width: 45%;} }
      	      	      	
      	#content_bild img
      	   {
      	   margin-top: 20px;
      	   width: auto;
      	   height: auto;
      	   max-width: 100%;
      	   }
      	   @media only screen and (max-width: 399px) { #content_bild img{max-height: 180px;} }
      	   @media only screen and (min-width: 400px) and (max-width: 769px) { #content_bild img{max-height: 250px;} }
      	   @media only screen and (min-width: 770px) and (max-width: 1199px) { #content_bild img{max-height: 300px;} }
      	   @media only screen and (min-width: 1200px) { #content_bild img{max-height: 400px;} }
      	      	      	
      #content_text_100 h1, #content_text h1
      	{
      	
      	text-align: center;
      	}
      	@media only screen and (max-width: 399px) { #content_text_100 h1, #content_text h1{font-size: 100%;} }
      	@media only screen and (min-width: 400px) and (max-width: 769px) { #content_text_100 h1, #content_text h1{font-size: 130%;} }
      	@media only screen and (min-width: 770px) and (max-width: 1199px) { #content_text_100 h1, #content_text h1{font-size: 170%;} }
      	@media only screen and (min-width: 1200px) { #content_text_100 h1, #content_text h1{font-size: 200%;} }
      	      	      	
      #content_text_100 h2, #content_text_100 h3, #content_text h2, #content_text h3
      	{
      	text-align: center;
      	}
      	@media only screen and (max-width: 399px) { #content_text_100 h2, #content_text h2{font-size: 90%;} }
      	@media only screen and (min-width: 400px) and (max-width: 769px) { #content_text_100 h2, #content_text h2{font-size: 110%;} }
      	@media only screen and (min-width: 770px) and (max-width: 1199px) { #content_text_100 h2, #content_text h2{font-size: 150%;} }
      	@media only screen and (min-width: 1200px) { #content_text_100 h2, #content_text h2{font-size: 180%;} }
      	@media only screen and (max-width: 399px) { #content_text_100 h3, #content_text h3{font-size: 80%;} }
      	@media only screen and (min-width: 400px) and (max-width: 769px) { #content_text_100 h3, #content_text h3{font-size: 95%;} }
      	@media only screen and (min-width: 770px) and (max-width: 1199px) { #content_text_100 h3, #content_text h3{font-size: 135%;} }
      	@media only screen and (min-width: 1200px) { #content_text_100 h3, #content_text h3{font-size: 155%;} }
      	      	      	
      #content_text_100 p, #content_text p
      	{
      	text-align: justify;
      	}
      	      	      	
      	#content_text_100 p#center
      	   {
      	   text-align: center;
      	   }
      	      	      	
      	#content_text_100 img
      	   {
      	   max-width: 100%;
      	   }
      	      	      	
      	#content_text_100 p sup, #content_text p sup
      	   {
      	   
      	   }
      	      	      	
      #content_text_100 a, #content_text a
      	{
      	text-align: center;
      	}
      	      	      		      	
   #container_row
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center;
      align-content: center;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      box-sizing: border-box;
      width: 100%;
      height: auto;
      border-radius: 10px;
margin-bottom: 20px;
      }
      	      	      	
   #container_text_block
      {
      width: auto;
      text-align: justify;
      margin-bottom: 30px;
      }
      	      	      	
      #container_text_block h2
      	{
      	text-align: left;
      	margin-bottom: 0px;
      	}
      	      	      	
      #container_text_block h3
      	{
      	text-align: center;
      	margin-bottom: 0px;
      	}
      	      	      	
      #bildergalerie
      	{
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: stretch;
      	align-items: stretch;
      	align-content: center;
      	-webkit-justify-content: space-around;
      	justify-content: space-around;
      	width: 100%;
      	height: auto;
      	}
      	      	      	
      	#bildergalerie #bild_rahmen
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   flex-wrap: wrap;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: center;
      	   -webkit-justify-content: center;
      	    justify-content: center;
      	   box-sizing: border-box;
      	   height: auto;
      	   margin-top: 15px;
      	   margin-bottom: 15px;
      	   text-align: center;
      	   }
      	   @media only screen and (max-width: 399px) { #bildergalerie #bild_rahmen {width: 95%; margin-left: 2%; margin-right: 2%;} }
      	   @media only screen and (min-width: 400px) and (max-width: 769px) { #bildergalerie #bild_rahmen {width: 90%; margin-left: 5%; margin-right: 5%;} }
      	   @media only screen and (min-width: 770px) and (max-width: 1199px) { #bildergalerie #bild_rahmen {width: 45%; margin-left: 2%; margin-right: 2%;} }
      	   @media only screen and (min-width: 1200px) { #bildergalerie #bild_rahmen {width: 31%; margin-left: 1%; margin-right: 1%;} }
      	      	      		      	
      	      	      	
      	#container_row #bildergalerie #bild_rahmen a img
      	   {
      	   width: auto;
      	   height: auto;
      	   max-width: 100%;
      	   }
      	   @media only screen and (max-width: 399px) { #container_row #bildergalerie #bild_rahmen a img {max-height: 200px;} }
      	   @media only screen and (min-width: 400px) and (max-width: 769px) { #container_row #bildergalerie #bild_rahmen a img {max-height: 200px;} }
      	   @media only screen and (min-width: 770px) and (max-width: 1199px) { #container_row #bildergalerie #bild_rahmen a img {max-height: 250px;} }
      	   @media only screen and (min-width: 1200px) { #container_row #bildergalerie #bild_rahmen a img {max-height: 300px;} }
      	      	      	
@keyframes bilddrehen {
   0% {transform:perspective(300px) rotateY(0deg)}
   25% {transform:perspective(300px) rotateY(90deg)}
   50% {transform:perspective(300px) rotateY(180deg)}
   75% {transform:perspective(300px) rotateY(270deg)}
   100% {transform:perspective(300px) rotateY(360deg)}
}
      	      	      		      	
      	#container_text_block_row a
      	   {
      	   position: relative;
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   -webkit-align-items: stretch;
      	   align-items: stretch;
      	   align-content: center;
      	   -webkit-justify-content: flex-start;
      	   justify-content: flex-start;
      	   box-sizing: border-box;
      	   min-height: 150px;
      	   margin-top: 30px;
      	   margin-bottom: 30px;
      	   border-radius: 10px;
color: rgb(255,255,255);
      	   }
      	   @media only screen and (max-width: 399px) { #container_text_block_row a {width: 90%;} }
      	   @media only screen and (min-width: 400px) and (max-width: 769px) { #container_text_block_row a {width: 90%;} }
      	   @media only screen and (min-width: 770px) and (max-width: 1199px) { #container_text_block_row a {width: 90%;} }
      	   @media only screen and (min-width: 1200px) { #container_text_block_row a {width: 40%;} }
      	      	      		      	
      	   #container_text_block_row a:hover
      	      {
      	      color: rgb(255,204,41);
      	      }
      	      	      		      	
      	   #container_text_block_row a:hover img#leistung_icon
      	      {
      	      -webkit-animation: bilddrehen 4s infinite linear;
      	      animation: bilddrehen 4s infinite linear;
background-color: rgb(255,204,41);
transition: background-color 3s ease;
      	      }
      	      	      		      	
      	   #container_text_block_row a:hover fieldset#leistung_rahmen
      	      {
      	      // background-color: rgb(255,204,41);
background-color: rgb(48,81,160);
border-color: rgb(255,204,41);
box-shadow: -2px -2px 5px rgb(48,81,160), 2px -2px 5px rgb(48,81,160), -2px 2px 5px rgb(48,81,160), 2px 2px 5px rgb(48,81,160);
transition: all 1s ease;
      	      }
      	      	      	
#container_text_block_row a:hover fieldset#leistung_rahmen legend
   {
   text-shadow: 0px 0px 2px rgb(48,81,160);
   }
      	      	      		      	
      	fieldset#leistung_rahmen
      	   {
      	   position: relative;
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: row;
      	   -webkit-align-items: stretch;
      	   align-items: stretch;
      	   align-content: flex-start;
      	   -webkit-justify-content: flex-start;
      	   justify-content: flex-start;
      	   box-sizing: border-box;
      	   width: 100%;
      	   height: 100%;
      	   padding-top: 10px;
      	   border: solid 2px rgb(255,255,255);
      	   border-radius: 10px;
transition: all 1s ease;
      	   }
      	      	      		      	
      	   fieldset#leistung_rahmen legend
      	      {
      	      margin-left: 10px;
      	      padding: 0 10px 0 10px;
      	      text-align: left;
font-weight: bold;
font-size: 110%;
      	      }
      	      	      		      	
      	      img#leistung_icon
      	      	{
      	      	position: relative;
float: right;
      	      	width: auto;
      	      	height: auto;
      	      	border-radius: 10px;
      	      	// box-shadow: 2px 2px 8px rgb(0,0,0);
background-color: rgb(48,81,160);
padding: 10px;
transition: background-color 1s ease;
      	      	}
      	      	@media only screen and (max-width: 399px) { img#leistung_icon {top: -35px; right: -30px; max-width: 50px; max-height: 50px;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 769px) { img#leistung_icon {top: -35px; right: -35px; max-width: 60px; max-height: 60px;} }
      	      	@media only screen and (min-width: 770px) and (max-width: 1199px) { img#leistung_icon {top: -45px; right: -60px; max-width: 80px; max-height: 80px;} }
      	      	@media only screen and (min-width: 1200px) { img#leistung_icon {top: -45px; right: -40px; max-width: 80px; max-height: 80px;} }
      	      	      		      	
      	   #leistung_details
      	      {
      	      box-sizing: border-box;
      	      margin: 0 0 0 20px;
      	      width: 95%;
      	      text-align: left;
      	      }
      	      	      		      	
      	      #leistung_details h3
      	      	{
      	      	margin-top: 0;
      	      	margin-bottom: -3px;
      	      	text-align: left;
      	      	}
      	      	@media only screen and (max-width: 399px) { #leistung_details h3 {font-size: 120%;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 769px) { #leistung_details h3 {font-size: 150%;} }
      	      	@media only screen and (min-width: 770px) and (max-width: 1199px) { #leistung_details h3 {font-size: 180%;} }
      	      	@media only screen and (min-width: 1200px) { #leistung_details h3 {font-size: 180%;} }
      	      	      		      	
      	      #leistung_details small
      	      	{
      	      	margin-top: -3px;
      	      	}
      	      	@media only screen and (max-width: 399px) { #leistung_details small {font-size: 40%;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 769px) { #leistung_details small {font-size: 50%;} }
      	      	@media only screen and (min-width: 770px) and (max-width: 1199px) { #leistung_details small {font-size: 60%;} }
      	      	@media only screen and (min-width: 1200px) { #leistung_details small {font-size: 60%;} }
      	      	      		      	
      	      #leistung_details p
      	      	{
      	      	text-align: left;
      	      	}
      	      	@media only screen and (max-width: 399px) { #leistung_details p {font-size: 70%;} }
      	      	@media only screen and (min-width: 400px) and (max-width: 769px) { #leistung_details p {font-size: 80%;} }
      	      	@media only screen and (min-width: 770px) and (max-width: 1199px) { #leistung_details p {font-size: 90%;} }
      	      	@media only screen and (min-width: 1200px) { #leistung_details p {font-size: 90%;} }