.languagepicker {
  
  background-color: #FFF;
	display: inline-block;
	padding: 0;
	height: 40px;
	overflow: hidden;
	transition: all .3s ease;
  margin: 20px 250px 20px 0;
	vertical-align: top;
	float: right;
}

.languagepicker:hover {
	/* don't forget the 1px border */
	height: 81px;
}

.languagepicker a{
	color: #000;
	text-decoration: none;
}

.languagepicker li {
	display: block;
	padding: 0px 20px;
	line-height: 40px;
	border-top: 1px solid #EEE;
}

.languagepicker li:hover{
	background-color: #EEE;
}

.languagepicker a:first-child li {
	border: none;
	background: #FFF !important;
}

.languagepicker li img {
	margin-right: 5px;
}

.roundborders {
	border-radius: 5px;
}

.large:hover {
	/* 
	don't forget the 1px border!
	The first language is 40px heigh, 
	the others are 41px
	*/
	height: 125px;
}

ul.agile 
{
     font-size: 16px;
     list-style-type: square;
     margin: 15px;
     padding: 0;
     text-align: center;
}

.initials 
{
    font-family: "Montserrat";
    padding: 0px;    
    font-weight: 600;
}

.position 
{
    font-family: "Montserrat";
    padding: 0px;    
    font-weight: 600;
    font-size: 4.8rem;
}


/* ===================================================================
 * # tech-skills
 *
 * ------------------------------------------------------------------- */
 .s-tech-skills {
  padding-top: 18rem;
  padding-bottom: 18rem;
  color: #555555;
  position: relative;
}


/* ------------------------------------------------------------------- 
 * ## tech-skills list
 * ------------------------------------------------------------------- */
.tech-skills-list {
  margin-top: 6rem;
}
.tech-skills-list .tech-skills-item {
  margin-bottom: 1.5rem;
}
.tech-skills-list .tech-skills-item h3 {
  margin-top: 0;
  margin-bottom: 1.8rem;
}
.tech-skills-list .tech-skills-icon {
  color: #26bfb5;
  font-size: 4.8rem;
}


/* ------------------------------------------------------------------- 
 * responsive:
 * tech-skills
 * ------------------------------------------------------------------- */
@media only screen and (max-width: 1600px) {
  .languagepicker {
    margin: 20px 20rem 0 0;
  }
  
}

@media only screen and (max-width: 1200px) {
  .s-tech-skills {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .tech-skills-list [class*="col-"]:nth-child(2n + 1) {
    padding-right: 30px;
  }
  .tech-skills-list [class*="col-"]:nth-child(2n + 2) {
    padding-left: 30px;
  }

  .languagepicker {
    margin: 20px 20rem 0 0;
  }

}
@media only screen and (max-width: 800px) {
  .languagepicker {
    margin: 20px 17rem 0 0;
  }
  .s-tech-skills {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .tech-skills-list {
    margin-top: 3rem;
  }
  .tech-skills-list .tech-skills-icon {
    font-size: 4.5rem;
  }
  .tech-skills-list [class*="col-"]:nth-child(n) {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 600px) {
  .languagepicker {
    margin: 20px 15rem 0 0;
  }
  .tech-skills-list [class*="col-"]:nth-child(n) {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 400px) {
  .languagepicker {
    margin: 20px 8rem 0 0;
  }
  .s-tech-skills {
    padding-top: 9.6rem;
  }

  .tech-skills-list [class*="col-"]:nth-child(n) {
    padding: 10;
  }
}

.parallax
{ 
  /* Set a specific height */
  background-image: url("images/team.jpeg");    
  min-height: 500px;
  max-height: 500px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;  
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0); 
  padding-top: 180px;  
  min-width: 150px;
  max-width: 500px; 

  display: block;
  margin-left: auto;
  margin-right: auto;  
}

.card-body {
  border-radius: 5px;
  text-align: center;
  background-color: #fff;   
  
  
}

.techImg
{
  padding: 1em;
  background-color: #fff;

  min-width: 150px;
  max-width: 200px;
  width:175px;
  height:175px;
  min-height: 150px;
  max-height: 200px;
}

.teamImg
{  
  background-color: #fff;  
  width:275px;
  height:275px;  
  border-radius: 50%;
}

.teamImg:hover
{
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
}

 .anim2 
{
  color:#2c3e50;
  font-size: 5.0rem;
}

.anim2initials 
{
  color:#a13028;
  font-size: 5.0rem;
} 


.techImg2
{
  
  background-color: #2c3e50;
}

.impressum
{
  font-family: "metropolis-regular", sans-serif;
  font-size: 2.4rem;
  line-height: 1.5;  
  color: rgba(85, 85, 85, 0.95);  
  list-style-type: none;   
  
}

#impressum-data
{  
  font-weight: bold;
  border-bottom:1px solid rgba(85, 85, 85, 0.95);
  margin-right: 0.5em;
}



.initials2 
{
    color:#a13028;
    padding: 0px;    
    font-weight: bolder;
}


.animRS 
{
  align-content: center;
}


/***SVG animation logo*****/

figure {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 800vh;
  width: 100vw;
}

svg {
  height:80px;
  width: 100%;
  
}

svg_code {
  height:100px;
  width: 75%;
  filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg);
}

svg > * {
  fill: white;
  stroke: white;
  stroke-width: 0.85px;
}


@media (max-width: 600px) {
  .techImg{
    padding: 0.5em;
       width: 50%;  
       height: 50%;  
      } /* On small screens, show one logo per row */
      
      .teamImg
{  
   
  width: 50%;  
  height: 50%;  
}

.impressum{
     
  font-size: 2.0rem;
 } /* On small screens, show one logo per row */

 .anim2 
 {
   
   font-size: 3.0rem;
 }

 .anim2initials 
{
  font-size: 3.0rem;
}
}

@media (max-width: 400px) {
  .col-block .techImg{
    
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 5rem;
    margin-right: 0;
    padding: 0.5em;
    
      } /* On small screens, show one logo per row */
      


.col-block .teamImg {
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin-left: 0;
  margin-right: 0;
  padding: 2.0em;
}


.impressum{
     
  font-size: 1.8rem;
 } /* On small screens, show one logo per row */

 .anim2 {  
font-size: 2.0rem;
}

.anim2initials 
{
  font-size: 2.0rem;
}


}