@font-face {
    font-family:My-Everything;
    src: url('../fonts/My Everything.otf');
}
@font-face{
    font-family:montserrat_light;
    src: url('../fonts/Montserrat-Light.woff');
}
@font-face{
    font-family:montserrat_medium;
    src: url('../fonts/Montserrat-Medium.woff');
}
:root{
    --footer_height_js:40;
    --footer_height:40px;
    --header_height_js:80;
    --header_height:80px;
    --menu_height:334px;
    --menu_height_js:334;
    --scroll_width:6px;
    --scroll_radius:3px;
    --brown:#715134;
    --champagne:#F0D8B8;
    --cream:#F3F0E9;
    --peach:#e6b794;
    --grey:#e4e0d8;
    --darkgrey:#cdc8be;
    --gradient_input:linear-gradient(180deg, rgba(240,216,184,1) 20%,rgba(243,240,233,1) 100%);
    --gradient_1:linear-gradient(180deg, rgba(240,216,184,1) 20%,rgba(243,240,233,1) 100%);
    --gradient_1_rev:linear-gradient(180deg, rgba(243,240,233,1) 0%, rgba(240,216,184,1) 100%);
    --gradient_1_rev2:linear-gradient(180deg, rgba(243,240,233,.9) 0%, rgba(240,216,184,.9) 100%);
    --gradient_1_rev2_trans:linear-gradient(180deg, rgba(243,240,233,.85) 0%, rgba(240,216,184,.9) 100%);
    --gradient_2: linear-gradient(90deg, rgba(230,183,148,1) 15%, rgba(240,216,184,1) 100%);
    --gradient_3: linear-gradient(180deg, rgba(230,183,148,1) 15%, rgba(243,240,233,1) 100%);
    --gradient_3_rev: linear-gradient(180deg, rgba(243,240,233,1) 15%, rgba(230,183,148,1) 100%);
    --gradient_4: linear-gradient(30deg, var(--peach) 15%, var(--champagne) 40%);
    --gradient_5: linear-gradient(180deg, transparent 0%, rgba(230,183,148,0.5) 50%,transparent  100%);
    --gradient_6: linear-gradient(180deg, rgba(240,216,184,0.5) 20%,rgba(243,240,233,0.5) 100%);
    --gradient_L: linear-gradient(270deg, var(--cream) 0%, rgba(240,216,184,1) 80%);
    --gradient_R: linear-gradient(90deg, var(--cream) 0%, rgba(240,216,184,1) 80%);
    --gradient_btn: linear-gradient(130deg, var(--cream) 0%, rgba(240,216,184,1) 100%);
    --gradient_btn_rev: linear-gradient(310deg, transparent, rgba(240,216,184,1) 100%);
    --shadow1: 0px 1px 5px #715134bd;
    --shadow2: 0 14px 28px rgba(0,0,0,.12), 0 10px 10px rgba(0,0,0,.12);
    --shadow3: 0 7px 14px rgba(0,0,0,.12), 0 5px 5px rgba(0,0,0,.12);
    --shadow_plus: 3px 3px 5px #715134;
    --inset_shadow:inset 0px 0px 5px var(--brown);
    --button_shadow: 12px 12px 1px 2px #e6b794;
    --shadow_minimal: 0px 1px 3px 0px #7151347a;
    --shadow_header: 0px 2px 2px #7151344f;
    
    --font_default: 100%;
    --font_normal: 0.8rem;
    --font_catering_links: 0.75rem;
    --font_mobile_menu_links:0.80rem;
    --font_small: 0.7rem;

}
div, a{
    -webkit-tap-highlight-color: transparent;
}
html{
    height:100%;
    width:100%;
}
body{
    height:100%;
    margin:0;
    padding:0;
    font-family: montserrat_light;
    font-size: var(--font_default);
    color:var(--brown);
    background:linear-gradient(180deg, rgba(243,240,233,1) 0%, rgba(240,216,184,1));
    overflow:hidden;
}
::-webkit-scrollbar {
    width:var(--scroll_width);
    height: 0px;
}
::-webkit-scrollbar-track {
    border-radius:var(--scroll_radius);
} 
::-webkit-scrollbar-thumb {
    background-color:var(--peach);
    border:none;
    border-radius:var(--scroll_radius);
}
#logo_anouk {
    width:100%;
    position: relative;
      top: 0;
      left: 0;
}
#logo_bij{
    width:100%;
    position: absolute;
      top: 0px;
      left: 0px;
}
#logo_whisk{
    width:100%;
    position: absolute;
      top: 0px;
      left: 0px;

}
#logo_lijn{
    width:100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
#logo_subtext{
    transform: rotate(355deg);
    font-family: montserrat_light;
    font-size: 0.8rem;
    font-style:italic;
    text-align: center;
}
#main-logo,
#menu-logo{
    display:none;
}
h1{
    font-family:My-Everything;
    font-size:3em;
    font-weight:normal;
    margin-top:0px;
    margin-bottom:10px;
    background: url(../images/logo/logo_whisk_lijn.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
    width:fit-content;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
h2{
    margin-top:10px;
    margin-bottom:10px;
    font-family: montserrat_light;
    font-weight: normal;
    width: fit-content;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
h2:after
{
    content:' ';
    display:block;
    border:1px solid var(--peach);
}
h3{
    margin-top:10px;
    margin-bottom:10px;
    font-family: montserrat_light;
    font-weight: normal;
    width: fit-content;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
h3:after
{
    content:' ';
    display:block;
    border-bottom:2px solid var(--peach);
}
h4{
    font-size: 0.9rem;
    margin-top:10px;
    margin-bottom:10px;
    font-family: montserrat_light;
    font-weight: normal;
    width: fit-content;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
h4:after
{
    content:' ';
    display:block;
    border-bottom:2px solid var(--peach);
}
ul{
    padding: 0px;
    margin:0px;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:15px;
    list-style-position: outside;
}
li{
    margin-left: 5px;
    margin-top:5px;
}
li::marker{
    color:var(--peach);
}
textarea:focus, input:focus, select:focus, button:focus{
    outline: none;
}
input, select{
    border:none;
    border-radius: 0px 3px 6px 0px;
    padding:5px;
    padding-bottom: 1px;
    font-size:smaller;
    font-family: montserrat_light;
    color:var(--brown);
    background: transparent;
    min-width:200px;
    min-width:60%;
    border-left:1px solid var(--peach);
}
input[type=checkbox], input[type=radio] {
    min-width: unset;
}
label{
    font-family: montserrat_medium;
    border-bottom: 1px solid var(--peach);
    border-right: 1px solid var(--peach);
    border-radius: 0px 3px 6px 3px;
    display: flex;
    width: fit-content;
    align-items: flex-end;
    font-size:small;
    background: var(--gradient_btn);
    min-width:250px;
    padding-bottom: 5px;
    padding-left:5px;
    width:calc(100% - 5px);
    justify-content: space-between;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
label:hover{
    background: linear-gradient(310deg, transparent, rgba(240,216,184,1) 180%);
}
select{
    border-top:none;
    border-left:none;
    border-radius:0px 3px 6px 3px;
    border-left:1px solid var(--peach);
    box-sizing:content-box;
    cursor:pointer;
}

textarea{
    
    border:none;
    border-radius: 0px 6px 6px 0px;
    padding:5px;
    padding-top: 1px;
    font-family: montserrat_light;
    color:var(--brown);
    background: transparent;
    min-width:200px;
    min-width:60%;
    min-height:60px;
    border-left:1px solid var(--peach);
 }
.textarea_label{
    /* border-top: 1px solid var(--peach); */
    border-right: 1px solid var(--peach);
    border-radius: 0px 6px 6px 3px;
    display: flex;
    align-items: flex-start;
}

button{
    font-family: 'montserrat_light';
    font-size: var(--font_catering_links);
    background: var(--gradient_btn);
    color: var(--brown);
    border-radius: 9px;
    min-width: 120px;
    padding: 6px;
    border: 0;
    border-bottom:1px solid var(--peach);
    border-right:1px solid var(--peach);
    box-sizing: border-box;
    line-height: 1.25rem;
    padding: .75rem 1rem;
    text-align: center;
    text-decoration: none #D1D5DB solid;
    text-decoration-thickness: auto;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}
button:hover{
    background: var(--gradient_btn);
}
button:active {
    box-shadow: none;
    font-family: montserrat_light;
}

a{
    position: relative;
    color: inherit;
    text-decoration: none;
    text-decoration-color: var(--peach);
    text-underline-offset: 5px;
    cursor:pointer;
    font-weight: bold;
}
a:hover{
    /* text-decoration: none; */
    /* font-style: italic; */
}
a::after{
    content: "";
    position: absolute;
    transition: transform 0.3s ease;
}
a::before{
    content: "";
    position: absolute;
    transition: transform 0.3s ease;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: var(--peach);
    transform: scaleX(0);
}

a:before {
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: var(--peach);
    transform: scaleX(1);
}
a:hover:before {
    transition: transform 1.5s ease;
    transform: scaleX(0);
}
.no-deco{
    text-decoration:none;
}
.no-deco::before{
    background:none;
    
}
.no-deco:before{
    background:none;
}
hr{
    margin-top: 5px;
    margin-bottom: 5px;
    border: none;
    height: 2px;
    background:var(--peach);
    /* background-image: -webkit-linear-gradient(left, #e6b794bf, rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,  #e6b794bf, rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left,  #e6b794bf, rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,  #e6b794bf, rgba(0,0,0,0)); */
  
}
.hr_gradient{
    background:none;
    background-image: -webkit-linear-gradient(left, #e6b794bf, rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,  #e6b794bf, rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left,  #e6b794bf, rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,  #e6b794bf, rgba(0,0,0,0));
  
}
table{
    border:1px solid var(--peach);
    background:var(--cream);
    border-radius:6px;
    padding:0px;
    margin:0px;
    border-spacing: 0px;
}
table td{
    padding:5px;
    /* border:1px solid var(--champagne); */
}

#anouk_sig{
    font-family: My-Everything;
    font-size:larger;
    font-size: 22px;
}



#email2_tr, #email234{
    display:none;
}
.no-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }