/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++ 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;
      -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;
      padding-top: 30px;
      padding-bottom: 30px;
      overflow-x: hidden;
      }
      	      	      	
   #feld_container_schleier_vor
      {
      width: 100%;
      height: 70px;
      margin-bottom: -70px;
      background-image: linear-gradient(to top, rgba(0,0,0,0) 25%, rgba(0,0,0,1) 100%);
      }
      	      	      	
   #feld_container_schleier
      {
      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;
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0.7);
      }
      	      	      	
   #feld_container_schleier_hinter
      {
      width: 100%;
      height: 70px;
      margin-top: -70px;
      background-image: linear-gradient(to bottom, rgba(0255,255,255,0) 25%, rgba(255,255,255,1) 100%);
      }
      	      	      	
   #platzhalter
      {
      width: 100%;
      height: 50px;
      background-color: rgb(0,0,0);
      }
/*
   #feld_container_vor
      {
      width: 100%;
      height: 70px;
      margin-bottom: -70px;
      background-image: linear-gradient(to top, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 100%);
      z-index: 10;
      }
   #feld_container_hinter
      {
      width: 100%;
      height: 70px;
      margin-top: -70px;
      margin-bottom: 80px;
      background-image: linear-gradient(to bottom, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 100%);
      z-index: 10;
      }
*/
      	      	      	
   #feld_content
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -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 +++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   #alle
      {
      width: 100%;
      text-align: right;
      margin-top: 0px;
      margin-bottom: 20px;
      font-size: 110%;
      }
      	      	      	
   #content_image
      {
      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%;
      width: 50%;
      // background-color: rgb(255,255,255);
      overflow: hidden;
      }
      @media only screen and (max-width: 399px) { #content_image{display: none;} }
      @media only screen and (min-width: 400px) and (max-width: 769px) { #content_image{display: none;} }
      @media only screen and (min-width: 770px) and (max-width: 1199px) { #content_image{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex;} }
      @media only screen and (min-width: 1200px) { #content_image{display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex;} }
      	      	      	
      #content_image img
      	{
      	height: auto;
      	max-height: 100%;
      	width: auto;
      	max-width: 100%;
      	}
      	      	      	
      #content_image video
      	{
      	height: auto;
      	width: auto;
      	max-width: 100%;
      	}
      	      	      	
      	#content_image img:hover
      	   {
      	   
      	   }
      	      	      	
      #content_image a img
      	{
      	height: auto;
      	max-height: 100%;
      	width: auto;
      	max-width: 100%;
      	-webkit-transition: transform 1.5s ease-in;
      	-moz-transition: transform 1.5s ease-in;
      	transition: transform 1.5s ease-in;
      	}
      	      	      	
      	#content_image a img:hover
      	   {
      	   -moz-transform: scale(1.1, 1.1);
       	   -webkit-transform: scale(1.1, 1.1);
       	   -o-transform: scale(1.1, 1.1);
       	   -ms-transform: scale(1.1, 1.1);
      	   transform: scale(1.1, 1.1);
      	   -webkit-transition: transform 1.5s ease-out;
      	   -moz-transition: transform 1.5s ease-out;
      	   transition: transform 1.5s ease-out;
      	   }
      	      	      	
   #content_text, #content_text_100
      {
      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%;
      // background-color: rgb(255,255,255);
      overflow: hidden;
      }
      @media only screen and (max-width: 399px) { #content_text{width: 95%;} }
      @media only screen and (min-width: 400px) and (max-width: 769px) { #content_text{width: 95%;} }
      @media only screen and (min-width: 770px) and (max-width: 1199px) { #content_text{width: 50%;} }
      @media only screen and (min-width: 1200px) { #content_text{width: 50%;} }
      	      	      	
   #content_text_100
      {
      width: 100%;
      }
      	      	      	
      #content_text h1, #content_text_100 h1
      	{
      	
      	}
      	      	      	
      #content_text h2
      	{
      	text-align: center;
      	}
      	      	      	
      #content_text p
      	{
      	text-align: justify;
      	}
      	      	      	
      	#content_text p sup
      	   {
      	   
      	   }
      	      	      	
      #content_text a
      	{
      	text-align: center;
      	}
      	      	      	
      #content_text #bild_rahmen
      	{
      	padding: 0;
      	text-align: center;
      	margin-left: auto;
      	margin-right: auto;
      	height: auto;
      	max-height: 350px;
      	width: auto;
      	max-width: 80%;
      	overflow: hidden;
      	}
      	      	      	
      #content_text_100 img, #content_text img
      	{
      	height: auto;
      	max-height: 100%;
      	width: auto;
      	max-width: 100%;
      	}
      	      	      	
      	#content_text_100 img:hover, #content_text img:hover
      	   {
      	   
      	   }
      	      	      	
/*
      #content_text_100 a img, #content_text a img
      	{
      	height: auto;
      	max-height: 100%;
      	width: auto;
      	max-width: 100%;
      	-webkit-transition: transform 1.5s ease-in-out;
      	-moz-transition: transform 1.5s ease-in-out;
      	transition: transform 1.5s ease-in-out;
      	}
      	      	      	
      	#content_text_100 a img:hover, #content_text a img:hover
      	   {
      	   -moz-transform: scale(1.1, 1.1);
       	   -webkit-transform: scale(1.1, 1.1);
       	   -o-transform: scale(1.1, 1.1);
       	   -ms-transform: scale(1.1, 1.1);
      	   transform: scale(1.1, 1.1);
      	   -webkit-transition: transform 1.5s ease-in-out;
      	   -moz-transition: transform 1.5s ease-in-out;
      	   transition: transform 1.5s ease-in-out;
      	   }
*/
      	      	      	
   #content_special
      {
      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;
      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;
      }
      	      	      	
   #content_special_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;
      width: 100%;
      height: 100%;
      background-color: rgba(255,255,255,0.5);
      }
      	      	      	
      #content_special_text p
      	{padding: 2%;
      	text-align: center;
      	font-size: 150%;
      	font-weight: bold;
      	color: rgb(255,255,255);
      	text-shadow: -2px -2px 2px rgb(0,0,0), -2px 2px 2px rgb(0,0,0), 2px -2px 2px rgb(0,0,0), 2px 2px 2px rgb(0,0,0);
      	}
      	      	      	
      	#content_special_text p sup
      	   {
      	   font-style: italic;
      	   font-size: 60%;
      	   font-weight: normal;
      	   text-shadow: -1px -1px 1px rgb(255,255,255), -1px 1px 1px rgb(255,255,255), 1px -1px 1px rgb(255,255,255), 1px 1px 1px rgb(255,255,255);
      	   }
      	      	      	
      #content_special_text img
      	{
      	height: auto;
      	max-height: 350px;
      	width: auto;
      	max-width: 80%;
      	}
      	      	      	
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++ Modulinhalte +++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   #container_text_block
      {
      width: 100%;
      text-align: justify;
      }
      	      	      	
      #container_text_block h2
      	{
      	text-align: left;
      	margin-bottom: 0px;
      	}
      	      	      		      	
   #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;
      }
      	      	    
@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%;} }  
      	      	      	
   a img#img_finger_link_ueberschrift
      {
      height: auto;
      width: auto;
      padding-right: 5px;
      }
      @media only screen and (max-width: 399px) { a img#img_finger_link_ueberschrift {max-height: 14px;} }
      @media only screen and (min-width: 400px) and (max-width: 769px) { a img#img_finger_link_ueberschrift {max-height: 16px;} }
      @media only screen and (min-width: 770px) and (max-width: 1199px) { a img#img_finger_link_ueberschrift {max-height: 20px;} }
      @media only screen and (min-width: 1200px) { a img#img_finger_link_ueberschrift {max-height: 24px;} }
      	      	      	
   a img#img_finger_link_text
      {
      height: auto;
      width: auto;
      max-height: 14px;
      padding-right: 5px;
      }
      	      	      	
   a:hover img#img_finger_link_ueberschrift, a:hover img#img_finger_link_text
      {
      height: auto;
      width: auto;
      -webkit-animation: wackeln 1.5s infinite;
      animation: wackeln 1.5s infinite;
      }