.content { padding:30px; min-height:1000px;position:relative;margin:0px auto; }
.content .rectangle.left { background-color:#EFF3F5; border-right-width:1px; width:40%;padding-right:90px; }
.content .rectangle.right { border-color:white; width:60%; }
.impressum .rectangle.left { min-height:950px; }
.divPersonen { margin-top:150px;margin-left:224px;padding-bottom:100px }
.divPersonen h3 { font-size:35px;line-height:35px;padding-top:88px;margin-bottom:5px }
.divPersonen h4 { font-size:20px;line-height:20px;color:#AD4906 }
.divPersonen .imagegray { width:260px; height:260px; position:relative; padding:5px;float:left;margin-right:39px }
.divPersonen > div { height:270px }

.content .left h1 { font-size:60px;line-height:60px;font-weight:bold;margin-left:110px;margin-bottom:59px }
.content .left h2 { font-size:60px;line-height:60px;margin-top:173px;margin-left:110px;margin-bottom:15px }
.content .left div { font-size:24px;line-height:24px;line-height:36px;margin-left:110px }

.content .head_mobile .icon-logo-bildmarke { display:none }
.content .head_mobile { display:none }

.inhalt { font-size: 22px;line-height:24px;margin-left:36px;margin-top:60px;overflow:hidden }
.inhalt a { font-size: 22px;line-height:24px; }
.inhalt h2 { font-size:50px;line-height:50px;margin-bottom:50px; }
.inhalt .text { line-height:32px }
.inhalt .text h3, .inhalt .text h4 { font-weight:bold; }
.inhalt .text h4 { padding-top:20px; }
.inhalt .text p, .inhalt .text h4, .inhalt .text h3 { margin-bottom:22px }
.inhalt .image img { max-width:100% }

.footer { padding-bottom:80px;padding-top:80px }

.imagegray > div {
    position:absolute;
    left:9px;
    right:9px;
    top:9px;
    bottom:9px;
    border-radius: 50%;
    border:solid 2px #F27405;
    overflow:hidden;
}

.imagegray > div > div {
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    border-radius: 50%;
    border:solid 5px white;
    overflow:hidden;
}

.imagegray img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  width:230px;
  position:absolute;
}

.team.content { min-height:unset; }
.team + div { clear:both;padding-top:20px }

.error, .success { display:inline-block;padding:10px 10px;border:solid 1px red;color:red;margin-top:20px }
.success { border-color:green;color:green; }

@media screen and (max-width: 1500px) {
    .inhalt { font-size: 20px;line-height:20px;margin-top:100px;margin-left:15px }
    .inhalt h2 { font-size:40px;line-height:40px;margin-bottom:30px; }
    .inhalt .text { line-height:30px }
}

@media screen and (max-height: 1060px) {
    .divPersonen { margin-top:80px; }
    .content .left h2 { margin-top:103px; }
}

@media screen and (max-height: 900px) {
    .content { padding:20px; }
}

@media screen and (max-width: 1500px) {
    .divPersonen { margin-left:124px }
    .content .left h1 { font-size:40px;line-height:40px;margin-left:30px;margin-bottom:39px }
    .content .left h2 { font-size:40px;line-height:40px;margin-left:30px;margin-bottom:10px }
    .content .left div { font-size:20px;line-height:20px;line-height:30px;margin-left:30px }
}

@media screen and (max-width: 1300px) {
    .divPersonen { margin-left:10px }
}

@media screen and (max-width: 1199px) {
    .content { min-height:1250px }
    .content .rectangle.left { width:50%; }
    .content .rectangle.right { width:50%; }
    .divPersonen > div { height:auto }
    .divPersonen .imagegray { float:none;margin:0px auto }
    .divPersonen h3 { padding-top:5px;margin-bottom:5px;text-align:center }
    .divPersonen h4 { margin-bottom:30px;text-align:center }
}

@media screen and (max-width: 1020px) {
    .content { padding:30px }
    .content .rectangle.left { width:100%;float:none;display:block;height:auto;position:static;border-radius: 20px;padding-left:50px;padding-bottom:70px;border-color:#EFF3F5 }
    .content .rectangle.left img { display:none }
    .content .rectangle.right { width:100%; }    
    .content .head_mobile { display:block;margin:0px 0px 16px 0px;padding:44px 11px 0px 15px }
    .content .head_mobile a img { height:26px;width:auto }
    .content .head_mobile .right { margin-top:2px }
    .content .head_mobile .icon-menue { float:right;font-size:28px;line-height:28px;color:black }
    .content .left h2 { margin-top:115px;font-size:30px;line-height:30px }
    .content .left div { font-size:24px;line-height:36px; }
    
    .impressum .rectangle.left { background-color:white; min-height:0px; margin:40px 0px 0px 20px; padding:0px;border-width:0px }
    .impressum .left h2 {  margin:0px; padding:0px; }
    .impressum .inhalt {  margin:0px; padding:0px;font-size:17px;line-height:17px }
    .impressum .inhalt h2 {  font-size:35px;line-height:35px;font-weight:bold }

    .divPersonen { margin-top:16px }
    .divPersonen h3 { padding-top:16px;margin-bottom:12px;padding-bottom:0px }
    .divPersonen h4 { margin-bottom:30px; }
}



@media screen and (max-width: 650px) {
    .content .head_mobile a img { height:25px }
    .content { padding:20px }
    .content .head_mobile { margin:34px 0px 26px 0px;padding:0px 20px 0px 20px }
    .content .left h1 { font-size:35px;line-height:35px;margin-left:0px;margin-bottom:30px }
    .team .left h2 { font-size:30px;line-height:30px;margin-left:0px;margin-bottom:10px;margin-top:102px;font-size:24px }
    .content .left div { font-size:20px;line-height:20px;line-height:30px;margin-left:0px }
    .team .rectangle.left { padding-left:31px;padding-right:30px;padding-bottom:50px }
    
}

@media screen and (max-width: 420px) {
    .impressum .rectangle.left { margin-left:10px; }
    .content .head_mobile { text-align:left;padding-left:13px;padding-top:1px }
    .content .head_mobile .icon-menue { font-size:30px;line-height:30px; }
    .content .head_mobile .right { margin:0px 1px 0px 0px }
}

@media screen and (max-width: 400px) {
    .team .left h2 { margin-top:72px }
    .content .head_mobile .icon-logo-bildmarke { display:inline-block;font-size: 30px;line-height:30px; }
    .content .head_mobile .icon-logo-bildmarke::before { color:#F27405; }
    .content .head_mobile a img { display:none }
    .error { font-size:20px; }
}

@media screen and (max-width: 350px) {
    .content .head_mobile .icon-menue { font-size: 22px;line-height:22px;margin-top:9px }
    .head_mobile .right { margin-right: 0px; margin-top: 4px; }
}


@media screen and (max-width: 350px) {
    .content .head_mobile { margin:4px 0px 26px 0px;padding:0px 10px 0px 10px }
    .content .left h1 { font-size:26px;line-height:26px; }
    .content .left h2 { font-size:26px;line-height:26px; }
    .content .left div { font-size: 16px;line-height: 26px;}
    .divPersonen h3 { font-size:26px;line-height:26px;margin-bottom:3px }
    .divPersonen h4 { font-size:16px;line-height:16px; }
}