@media all and (max-width: 1198px) {

  #block-hamburgermenutrigger {
    display: block;
  }
  #block_logout_bar,
  #block-mainmenu,
  #desk_orsted,
  #block-loginbarneu,
  #block-headerlinks {
    display: none;
  }
  .twocols .inhalt {
    padding: 0px 60px 40px 60px;
  }
  .twocols .inhalt h2 {
    margin-top: 30px;
  }
  #primary_menu_wrapper {
    justify-content: flex-end;
  }
}

@media all and (max-width: 991px) {
  #pid-user-login #main,
  #pid-legal-accept #main-wrapper,
  #pid-user-password #main-wrapper,
  #pid-kontakt #main-wrapper,
  #pid-faq #main-wrapper,
  #pid-zeichnungsabschluss #main-wrapper,
  [id^="pid-user-"][id$="-edit"] #main-wrapper {
    padding: 0 27px;
  }
  #pid-zeichnung .platform #main * {
    box-sizing: border-box;
  }
  #ee_customer_data_block details {
    width: 45%;
  }
  .twocols .inhalt {
    padding: 0px 30px 20px 30px;
  }
  .twocols .inhalt h2 {
    margin-top: 30px;
  }
  .fourcols {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 32px 8.33333%;
    row-gap: 32px;
  }
  #goto.threecols,
  #steps.threecols.flex {
    flex-wrap: wrap;
    row-gap: 50px;
    padding: 0 8.33333%;
  }
  #goto.threecols {
    gap: 50px;
    align-items: center;
    padding: 75px 8.33333%;
  }
  h2.text_color {
    padding: 0 8.33333%;
  }
  #goto.threecols > div,
  #steps.threecols.flex > div {
    width: 40%;
  }

  .eu-cookie-compliance-message p {
    font-size: 16px;
  }
  .eu-cookie-compliance-message {
    max-width: 100%;
  }
}
@media (max-width: 850px) {

  div.table,
  .table > div,
  .table > div > div,
  .datenschutz .divrow,
  .datenschutz .divrow > div {
    display: block;
    width: 100% !important;
  }

  .datenschutz .divrow {
    border: none;
    padding: 0px;
  }
  .datenschutz .divrow.th {
    display: none;
  }
  .datenschutz .divrow div:before {
    content: attr(title) ":";
    display: block;
    font-weight: 600;
    color: #548094;
    font-size: 100%;
  }
  .datenschutz .divrow > div:first-child {
    font-weight: normal;
    font-size: inherit;
    color: #003244;
    width: auto;
  }

}
@media (max-width: 767px) {
  body #user-link a.button {
    display: inline-block;
    line-height: unset;
    height: unset;
    font-size: 16px;
    padding: 0;
    background: none;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #pid-user-login .platform #main * {
     box-sizing: border-box;
  }
  #pid-user-login #main-wrapper input{
    max-width:100%;
  }
  #area-5 .field-label {
    font-weight: 700;
    margin-top: 15px;
  }
  #ee_subscription_block {
    padding: 45px 15px 45px 15px !important;
  }
  #ee-customer-insert-block-form {
    display: block;
  }
  #ee_customer_data_block details {
    width: 100%;
  }
  #ee-button-area {
    padding-bottom: 50px;
  }
  .content_block.full_width .wrapper.absprung > div {
    margin: 0;
  }
  .projectdetails .fact {

    font-size: 42.88px;
    line-height: 3.216rem;
  }
  .block-system-main-block {
    margin-top: 40px;
  }
  .twocols .inhalt {
    font-size: 16.08px;
    line-height: 1.206rem;
  }
  .content_block h2,
  .twocols .inhalt h2,
  h2 {
    font-size: 21.44px;
    line-height: 1.608rem;
  }
  #main-wrapper {
    margin-top: 0px;
  }
  .headerbild_title {
    display: none;
    margin: 0;
  }
  .just_mobile {
    display: block;
  }
  .just_mobile h1 {
    margin: 0;
    font-size: 26.8px;
    line-height: 2.01rem;
    font-weight: 700;
    padding: 30px 27px 0;
  }
  .headertext {
    top: 24px;
    padding: 0 8.333%;
    left: 0;
  }
  .header-wrapper,
  .headerimage {
    height: 300px;
  }
  .front .header-wrapper,
  .front .headerimage {
    height: 426px;
  }
  .headertext h1 {
    font-size: 42.88px;
    line-height: 3.216rem;
  }
  .headertext h2 {
    font-size: 16.08px;
    line-height: 1.206rem;
  }
  .absprung.fourcols {
    margin-top: 30px;
  }
  .threecols.projectdetails,
  #footer_wrapper,
  .fourcols,
  .twocols.wrapper {
    grid-template-columns: 1fr;
  }
  .twocols.wrapper > div {
    order: 1;
  }
  .twocols.wrapper > div:nth-child(3) {
    order: 4;
  }

  .content_block {
    max-width: 100%;
    padding: 0 27px;
  }
  .content_block.full_width,
  .content_block.content_width {
    max-width: 100%;
    padding: 0;
  }
  #pid-projekte-gruenstrom-projekte #content_block_3 {
    max-width: 100%;
  }

  #ee_fast_registry_block,
  .not-front #content_block_1 {
    max-width: 100%;
    padding: 0 27px;
  }
  #goto.threecols {
    flex-wrap: wrap;
    padding: 75px 25px 25px 75px;
    gap: 50px;
  }
  #steps.threecols.flex {
    flex-direction: column;
    align-items: center;
    row-gap: 80px;
  }
  #steps.threecols.flex > div {
    width: 80%;
  }
  h2.text_color {
    text-align: center;
    margin-bottom: 50px;
  }
  .image.double {
    padding-top: 60px;
  }
}
@media (max-width: 730px) {
  .header-inner,
  .region-header-top,
  .region-navigation,
  .region-preface-top,
  .region-preface-bottom,
  .region-content-top, #content,
  .region-content-bottom,
  .region-postscript-top,
  .region-postscript-bottom,
  .region-footer, .region-footer-bottom {
    width: 100% !important;
  }
  #ee_portfolio_main .ee-contract-id,
  #ee_portfolio_main .ee-subscription-date,
  #ee_portfolio_main .ee-final-due-date-credit,
  #ee_portfolio_main .ee-status,
  #ee_portfolio_main .ee-allocation-volume,
  #ee_portfolio_main td.ee-subscript-volume {
    width: unset;
    min-width: unset;
    text-align: left;
  }
  #ee_portfolio_main td {
    width: unset;
    min-width: unset;
    text-align: left;
    text-align: left;
    padding: 0;
    border-bottom: 1px solid #fff;
  }
  #ee_portfolio_main td:before {
    width: 37vw;
    background-color: var(--darkgreen);
    color: #fff;
    padding: 4px 7px;
    padding-right: 0;
    white-space: nowrap;
  }
  #ee_portfolio_main td span.bt-content {
    width: 37vw;
    background-color: #c8c8c8;
    color: #fff;
    padding: 4px 7px;
  }
  #ee-portfolio-main-table tbody tr {
    cursor: pointer;
    background-color: #c8c8c8;
  }
}
@media (max-width: 760px) {
  #fast-registry-registry .form-item input.form-text {
     width: unset;
  }
  #ee_fast_registry_block .form-item {
    display: block;
  }
  }

@media (max-width: 670px) {
  #goto.threecols {
    flex-direction: column;
    row-gap: 50px;
    padding: 50px 0;
  }
}
@media (max-width: 600px) {
  .form-actions .button {
    display: inline-block;
    width: 100%;
    margin: 0;
    margin-right: 0px;
    padding-bottom: 0;
  }
 #ee_subscription_block #ee-select-investor-wrapper select{
   width:100%;
 }
}
@media (max-width: 400px) {

  #ee_certification_block #ee-finish-button,
  #ee-button-area #edit-submit,
  .arrow_button_wrapper a {
    font-size: 12px;
    padding: .4rem 0.5rem;
  }
  .arrow_button_wrapper a:focus::after, .arrow_button_wrapper a:hover::after {
     margin-left: 0;
     transform:none;
  }
  #ee_certification_block #ee-finish-button:hover,
  #ee-button-area #edit-submit:hover,
  .arrow_button_wrapper a:hover {
    font-size: 12px;
    padding: .4rem 0.5rem;
  }
  #ee_certification_block #ee-finish-button:after, #ee-button-area #edit-submit:after, .arrow_button_wrapper a:after {
    content: '';
    display: none;
  }
  .system_messages_wrapper {
    width: 100%;
    box-sizing: border-box;
  }
  .system_messages_wrapper * {
    box-sizing: border-box;
  }
}

@media (max-width: 375px) {
  .ui-accordion-content.ui-widget-content {
    padding: 20px 20px;
  }
  .headertext {
    top: 24px;
    padding: 0 8.333%;
    left: 0;
  }
  .headertext h1 {
    font-size: 38.88px;
    line-height: 2.2rem;
  }
 .g-recaptcha iframe{
    width:290px!important;
  }
  #ee_customer_data_block .value-ok, #ee_customer_data_block .indicator-error {
    height: 32px;
    margin-left: 0px;
    width: 25px;
    float: right;
    position: absolute;
    right: 10px;
  }
  #ee_customer_data_block .form-type-select .value-ok,
  #ee_customer_data_block .form-type-select .indicator-error{
    right: 35px;
  }
  #ee_customer_data_block .form-text, #ee_customer_data_block .form-select {
    width: calc(100%);
      box-sizing: border-box;
  }
  #ee_customer_data_block .indicator-error::after, #ee_customer_data_block .value-ok::after {
    right: 10px;
  }
  #ee_certification_block #ee-finish-button, #ee-button-area #edit-submit, .arrow_button_wrapper a {
    padding: .6rem 0.5rem;
  }
}