@media screen and (max-width: 768px) {



    /* TYPO */



    #masthead .main-navigation,
    #colophon .footer-navigation {
        font-size: 1.2em;
    }
    main article h1,
    main article h2 {
        /* text-indent: 0; */
        font-size: 2.15rem;
    }
    main article p {
        text-indent: 2rem;
    }
    main article p {
        font-size: 1.1em;
        line-height: 1.8;
    }
    input[type="email"],
    footer#colophon form.bft-inline-label label, 
    footer#colophon .bft-form-group.button .bft-button {
        font-size: 1.1rem;
    }
    .add-text-boldspecial {
        font-size: 1.4em;
    }


    /* MARGINS, PADDINGS, GAPS */    


    
    #page {
        margin: 0 var(--mobile-page-margin);
    }
    #masthead .site-branding .site-title {
        margin-top: calc(var(--mobile-page-margin) * 3.5);
        margin-left: calc(var(--mobile-page-margin) * .3);
    }
    .main-navigation ul li a,
    .footer-navigation ul li a {
       margin-left: 0;
    }
    #site-navigation ul li:last-child {
        margin-bottom: 3em;
    }
    footer#colophon {
        margin-top: unset;
    }


    /* LAYOUT */


    
    #masthead,
    #page main,
    footer#colophon {
        width: 100%;
    }
    #masthead .site-branding {
        align-items: flex-start;
    }
    #masthead .site-branding .site-title {
        height: 5.5rem;
    }
    #masthead .main-navigation,
    #colophon > .footer-navigation {
        width: 35%;
    }
    #masthead {
        height: 17em;
    }
    footer#colophon {
        height: 11em;
    }
    footer#colophon .footer-navigation {
        height: unset;
    }
    /* exceptions for info */
    #page.info footer#colophon {
        height: 16em;
    }
    #page.info footer#colophon {
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        gap: calc(var(--typo-p-space-after) * 1.25);
    }
    #page.info footer#colophon > .form-wrapper {
        width: 100%;
        flex: unset;
    }
    #page.info footer#colophon > .form-wrapper,
    #page.info footer#colophon > .footer-navigation {
        transform: translateY(-1rem);
    }
    /* vertical navigation */
    #primary-menu,
    #site-navigation ul {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-end;
    }
    #colophon > .footer-navigation ul {
        justify-content: center;
        /* float: right; */
    }
    .main-navigation ul li,
    .footer-navigation ul li {
        flex-direction: unset;
        align-items: unset;
    }
    #site-navigation ul li,
    #colophon .footer-navigation ul li {
        height: 2.25em;
    }
    .main-navigation ul li a,
    .footer-navigation ul li a {
        height: 100%;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;    
    }
    .footer-navigation ul li a {
        transform: unset;
    }
    footer#colophon form.bft-front-form.bft-vertical {
        width: 100%;
    }

    
    
    /* COVER IMAGE WITH SIDEBAR WIDGET */


    
    #secondary .widget_simpleimage {
        padding: var(--mobile-page-margin);
    }    

}

@media screen and (max-width: 380px) {


    /* TYPO */


    main article p {
        text-indent: 1.5rem;
    }



}

@media only screen and (min-width: 30rem) {
  .bft-front-form {
    font-size: unset !important;
  }
}