@media screen and (max-width: 1200px) {
  /*====================form placeholder font==============*/

  ::-webkit-input-placeholder {
    font-size: 18px;
  }

  ::-moz-placeholder {
    font-size: 18px;
  }

  :-ms-input-placeholder {
    font-size: 18px;
  }

  :-moz-placeholder {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .toggle {
    right: 30px;
  }

  #banner .box .col {
    width: calc(100% / 1);
  }

  #banner .box .col:nth-child(1) {
    margin-bottom: 30px;
  }

  #banner {
    height: 1520px;
  }

  #banner .col{
    z-index: 999;
  }

  #project img {
    width: 738px;
    height: 950px;
    mix-blend-mode: screen;
    margin-left: -300px;
  }

  #project .flex {
    flex-direction: row-reverse;
  }

  #ziel .flex {
    flex-direction: row-reverse;
    margin-bottom: 500px;
  }
  #ziel .ProzessorDesktopVersion{
      display:none;
  }
  
  #ziel .ProzessorIpadVersion{
      display:block;
  }

  #ziel img {
    width: 500px;
    height: 650px;
    mix-blend-mode: screen;
    margin-left: -409px;
  }

  #twitter_landscape .col {
    padding: 0px;
  }

  #twitter_landscape .col .inner {
    border: none;
    padding: 32px 5px;
  }

  #contact .col {
    width: 100%;
    z-index: 99;
    padding: 0 40px;
  }

  #contact .colr {
    width: 35%;
    margin-left: 95px;
    margin-top: -474px;
  }

  .copyright .inner {
    width: 100%;
  }

  footer .flex {
    width: 100%;
  }

  #packages .col {
    padding: 4px;
  }

  .logos_popup ._inner {
    max-width: 956px;
  }

  h1 {
    font-size: 40px;
  }

  #ziel{
    background: #073B43;
  }

  #packages .col .inner h4{
    font-size: 12px;
  }

  #packages .col .inner .box h3 {
    font-size: 16px;
}

.logout_icon{
  right: 25px;
}

.popup ._inner h4{
  font-size: 16px;
}

#banner .colr{
  margin-left: -273px;
}

#banner .col{
  /*padding-left: 28px;*/
}

#project .colr{
  width: 10%
}


#project .col {
  width: 90%;
}

#ziel .colr{
  width: 90%;

}

#ziel .col{
  width: 10%;
  margin-left: -96px;
}


.logos_popup{
  padding: 0;
}

.logos_popup ._inner{
  height: 100vh;
  border-radius: unset;
 max-width: 100%;
}

#konsortium .colr{
  padding-left: 10px;
}

#konsortium .col{
  padding-right: 25px;
}

.form_blk {
  margin-bottom: 18px;
}

}

@media screen and (max-width: 991px) {
  #banner .colr {
    margin-left: -284px;
  }

  #banner .col {
    width: 54%;
  }

  #contact .colr {
    margin-left: -20px;
  }

  .copyright p {
    font-size: 10px;
  }

  .logos_popup ._inner {
    max-width: 100%;
  }

  #packages .col .inner h4 {
    font-size: 12px;
  }

  .kanban_info .colr .outer {
    height: unset;
  }

  .popup ._inner h3 {
    font-size: 20px;
  }

  .popup ._inner p {
    font-size: 16px;
  }

  .kanban_info .info {
    width: 100%;
  }

  .popup ._inner h4 {
    font-size: 16px;
  }

  #ziel .colr{
    width: 90%;
    margin-left: 0px;
  }

 
  #banner .col{
    z-index: 999;
  }

  h1 {
    font-size: 38px;
}

#ziel .col {
  width: 10%;
  margin-left: 0px;
}

#ziel .main_text{
  margin-left: 70px;
}

#twitter_landscape .col .inner .content .flex{
  font-size: 16px;
  gap: 10px;
}

#twitter_landscape .col .inner .content .col1:nth-child(1){
  font-size: 18px;
}

#twitter_landscape .col .inner .content .col1:nth-child(4) {
  font-size: 18px;
}

#banner img{
  width: 845px;
  height: 855px;
}

#banner form .relative {
  width: 350px;
}

#project .main_text{
  max-width: 630px;
}

#ziel .main_text{
  max-width: 650px;
}

#ziel .main_text {
  margin-top: 200px;
}

}

@media screen and (max-width: 480px) {
  /*_____ col-xx-? _____*/
  .col-xx-12,
  .col-xx-11,
  .col-xx-10,
  .col-xx-9,
  .col-xx-8,
  .col-xx-7,
  .col-xx-6,
  .col-xx-5,
  .col-xx-4,
  .col-xx-3,
  .col-xx-2,
  .col-xx-1 {
    width: 100% !important;
  }

  #banner .col {
    width: 100%;
    z-index: 9;
  }

  #banner .colr {
    margin-left: -488px;
    margin-top: 100px;
  }

  #banner img {
    width: 700px;
    mix-blend-mode: screen;
    height: unset;
  }

  #banner form {
    display: none;
  }

  #banner {
    height: 1420px;
  }

  #banner .btn_hide {
    display: inline-flex;
    width: 100%;
    justify-content: center;
  }

  h1 {
    font-size: 32px;
  }

  #project .col {
    width: 100%;
    text-align: center;
    z-index: 9999;
  }

  #ziel .col {
    width: 334px;
    height: 453px;
    margin-left: 0px;
    margin-top: 0px;
    position: absolute;
    top: 321px;
    left: -30px;
  }

  #ziel .colr {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 350px;
  }

  #ziel .flex {
    flex-direction: column-reverse;
    margin-bottom: 100px;
  }
  #konsortium .inner {
    width: 100%;
  }

  #konsortium .image img {
    width: 100%;
  }

  #twitter_landscape .col {
    width: calc(100% / 1);
  }

  #twitter_landscape .col:nth-child(2) {
    display: none;
  }

  #contact form {
    display: none;
  }

  h2 {
    font-size: 28px;
  }

  #contact .colr {
    width: 100%;
  }

  #info_box a {
    font-size: 18px;
  }

  footer .ffg_logo .col1 .ffgschrift {
    font-size: 14px;
    margin-bottom: 0;
    display: none;
  }

  .copyright p:not(:nth-last-child(3)) {
    display: none;
  }

  .copyright p {
    font-size: 11px;
  }

  footer .f_logo .image {
    width: 74px;
  }

  footer .ffg_logo .col1 .image {
    width: 146px;
    height: 64px;
  }

  #contact {
    height: 700px;
    padding-top: 0;
  }

  #contact .colr img {
    position: absolute;
    bottom: 0;
    height: 400px;
  }

  #contact .col {
    padding: 0px;
    padding-top: 220px;
    text-align: center;
  }

  .hide_btn {
    display: block;
  }

  #packages .col {
    width: calc(100% / 1);
  }

  #packages h3 {
    font-size: 22px;
  }

  #packages .col .inner .box h3 {
    font-size: 16px;
  }

  #login .inner {
    max-width: 100%;
    margin: auto;
  }

  #login .row {
    width: 100%;
  }

  #login img {
    left: unset;
    right: 0;
    width: 500px;
    height: 700px;
    top: 300px;
  }

  nav > ul > li > a{
    font-size: 16px;
  }

  #banner .box .col:nth-child(1) {
    margin-bottom: 60px;
}

.sh_ow{
  display: none;
}

.btn_hide {
  display: block;
}

#project .colr {
  width: 525px;
  margin-left: -118px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 500px;
}

#project img {
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  margin-left: 0px;
}

#ziel img{
  width: 100%;
  height: 100%;
  margin-left: 0;
}

#konsortium .image a {
  display: inline-block;
}

#login h2 {
  font-size: 24px;
}

.kanban_info .col {
  width: 100%;
  padding-right: 0px;
}

.kanban_info .colr {
  width: 100%;
  padding-left: 0px;
  padding-top: 30px;
}

.kanban_info .outer .flex{
  display: block;
}

.kanban_info {
  padding: 0;
  border-radius: unset;
}
.kanban_info ._inner{
  border-radius: unset;
}

#twitter_landscape .col .inner .content .col1{
  font-size: 16px;
}

#twitter_landscape .col .inner .content .col1:nth-child(1){
  font-size: 20px

}

#twitter_landscape .col .inner .content .col1:nth-child(4){
  font-size: 20px;
}

#twitter_landscape .col .inner .content .flex{
  gap: 8px;
}

._content p{
filter: blur(3px);
display: none;
}

._content p:nth-child(1) {
  filter: unset;
  display: block;
}

.main_text{
  margin-top: 120px;
}

#ziel .main_text {
  margin-left: 0px;
}

#project strong{
  background: linear-gradient(90deg, #8441a4 0%, #ff5894 34.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: block;
}

}