body {
    margin: 0px;
    font-size: 17px;
    line-height: 1.7;
    font-family: 'Montserrat', sans-serif;
    }

    p a {
        color: inherit;
        text-decoration: none;
        border-bottom: solid 1px;
        padding-bottom: 2px;
        overflow-wrap: break-word;
    }

    p a:hover {
        opacity: 0.7;
    }
    p a {
        color: inherit;
        text-decoration: none;
        border-bottom: solid 1px;
        padding-bottom: 2px;
    }

    p a:hover {
        opacity: 0.7;
    }

    a {
        color: inherit;
        text-decoration: none;
        border-bottom: solid 1px;
        padding-bottom: 2px;
    }
    
    /* Font */
    h1 + p {
        position: relative;
        top: -20px;
    }
    
    h1 {
        color: #e10a17;
    }
    .h1 {
        color: #e10a17;
        font-size: 42px;
        font-weight: 700;
    }
    h3 {
        color: #bbb;
    }
    p + h3 {
        position: relative;
        top:-20px;
    }
    
    /* bovenkant */
    
    .bovenkantHolder {
        position: relative;
        height: 100px;
        width: 100%;
    }
    .bovenkantHolder .backgroundBovenkant {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        border-bottom: 3px solid #666;
    }

    .logo {
        top: 25px;
        position: absolute;
        left: 20px;
        max-width: 230px;

    }
    .hamburgerMenu {
    width: 40px;
    position: absolute;
    right: 10px;
    top: 33px;
    cursor: pointer;
    display: none;
}
    .hamburgerMenu {
    width: 40px;
    position: absolute;
    right: 10px;
    top: 33px;
    cursor: pointer;
    display: none;
}
    
    .menu {
        max-width: 1200px;
        position: relative;
        margin: 0 auto;
    }
    .menu ul {
        margin: 0;
        padding: 0px;
        position: absolute;
        top: 35px;
        right: 20px;
    }

    #dropDowmMenu {
        display: none;
    }
    
    .menu li{
        display: inline-block;
    }
    
    .menu li a{ transition: all .3s ease;
        text-decoration: none;
        color: #666;
        font-weight: 700;
        font-size: 20px;
        margin-left: 20px;
        border-bottom: none;
        display: block;
        padding:0;
    }
    
    .menu li a:hover {
    color: #e10a17;
    }

    
/* Bestellen */
.bestellenHolder{
    text-align: center;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
}

/* contact flex */
.title.h1                           {margin-top: 30px; text-align: center;}

.infoHolder                         {position: relative; max-width: 1200px; display: flex; margin: 0 auto; padding: 0 20px; }

.boxOneHolder                       {width: 50%; margin-top: 100px;}
.boxOneHolder .boxOne               {margin-top: 50px; box-sizing: border-box; width: 320px; background: #eee; box-shadow: 0px 2px 3px 1px #ccc; padding: 20px 22px; position: relative; }
.boxOneHolder .boxOne p             {margin-top: 40px; text-align: center;}
.boxOneHolder .boxOne .circle       {border:solid 1px #aaa; width: 70px; height: 70px; background: #fff; box-shadow: 0px 2px 3px 1px #ccc; border-radius: 100%; position: absolute; top: -35px; right: 0; left: 0; margin-right: auto; margin-left: auto;}
.boxOneHolder .boxOne .circle img   {display: block;width: 60%;text-align: center;height: auto;margin: 0 auto;top: 12px;position: relative; }


/* ContactForm */
.formHolder                     {display: flex; flex-direction: column; width: 50%; margin: 0 auto;}
.formHolder form                {display: flex; flex-direction: column;}
.formHolder form input          {padding: 20px; border-radius: 3px; border: solid #aaa 1.5px; width: 100%;}
.formHolder form input:focus    {border: solid 1.5px #e10a17; outline: none;}
.formHolder form textarea       {border: solid 1.5px #aaa; outline: none; border-radius: 3px; resize: none; border-radius: 3px;}
.formHolder form textarea:focus {border: solid 1.5px #e10a17; outline: none;}
.formHolder label               {display: block; margin-top: 20px;}
.formHolder label span          {color: #e10a17;font-weight: 700;font-size: 20px}
.formHolder form button         {background: #e10a17; border: none; color: #fff; padding: 20px; margin-top: 20px; border-radius: 3px; font-size: 17; font-weight: 700;}
.formHolder form button:hover   {background: #c7020f;}

/* footer */
.footerHolder       {margin-top: 25px;width: 100%;background: #e10a17;}
    
.mainFooter         {max-width: 1200px; margin: 0 auto; background: #e10a17; color: #fff; padding: 0 20px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.mainFooter .foot   {max-width: 30%; min-width: 200px;}
.mainFooter h3      {color: #fff;}
    
.footerBarHolder    {width: 100%; background: #c7020f; }
.footerBar          { color: #fff; max-width: 1200px; background: #c7020f;}

@media only screen and (max-width: 1100px) { 
.infoHolder {flex-direction: column }

.boxOneHolder .boxOne { width: 100%;}
.boxOneHolder {margin: 0 auto;}
}

@media only screen and (max-width: 760px) {
    /* responsive Menu */
    .bovenkantHolder { position: fixed; background: #fff; z-index: 1;}
    .resbalk { height: 100px;}
    
    .hamburgerMenu {display: block;}
    
    #normalMenu {display: none;}
    
    .menu #dropDowmMenu {display: flex;flex-direction: column;left: 0;overflow: hidden;background: #fff; top: -250px; transition: all ease .3s; z-index: -1;}
    .menu li {z-index: -1; border-bottom: #666 1px solid; padding:0;}
    .menu li a {padding: 20px 0;}

    .formHolder {
        margin: 0;
        width: 100%;
    }
    .boxOneHolder {width: 90%;}
}