/* Opmaak voor Stichting Arnhemse Velden - 18-07-2026 Studio Erkwerk 

Fonts
Raleway en Open Sans

Kleurenschema 
#f0ece6 warm ivoor
#fed26e honing-goud
#9cba9d zacht groen
#d4a373 zacht terracotta
#00200b donker groen
*/
/* Algemeen */
 body {margin:0 auto !important;padding:0px !important;max-width:1310px;background-color: #9cba9d;opacity:1;background-image:  radial-gradient(#96b697 17%, #9cba9d 18% 35%, transparent 36.5%), radial-gradient(#96b697 17%, #9cba9d 18% 35%, transparent 36.5%), radial-gradient(#9cba9d 34%, #96b697 36% 68%, transparent 70%), repeating-linear-gradient(45deg, #96b697 -12.5% 12.5%, #9cba9d 0 37.5%);background-position: -20px -20px, 20px 20px, 0 0, 0 0;background-size: 80px 80px, 80px 80px, 40px 40px, 80px 80px;}
 
 img {max-width:100% !important;height:auto !important;}
 html {scroll-behavior: smooth;}
/* background-image:  repeating-linear-gradient(0deg, transparent, transparent 19px, #f0ece6 19px, #f0ece6 20px, transparent 20px, transparent 39px, #f0ece6 39px, #f0ece6 40px), repeating-linear-gradient(90deg, transparent, transparent 19px, #f0ece6 19px, #f0ece6 20px, transparent 20px, transparent 39px, #f0ece6 39px, #f0ece6 40px), radial-gradient(circle at 20px 20px, #f0ece6 1.6px, transparent 2.1px), radial-gradient(circle at 0px 0px, #f0ece6 1.2px, transparent 1.7px), radial-gradient(circle at 40px 0px, #f0ece6 1.2px, transparent 1.7px), radial-gradient(circle at 0px 40px, #f0ece6 1.2px, transparent 1.7px), radial-gradient(circle at 40px 40px, #f0ece6 1.2px, transparent 1.7px);
background-size: 40px 40px;} */
 
 
.achtergrond-teksten {background:#f0ece6;border-radius:24px;margin:40px 20px;position:relative;}
 
 h1 {color: #96b697;font-size:58px;font-style: normal;text-align:left;padding:0px 20px 20px 0px;line-height:0.9em;margin:30px 0 0 30px;z-index:20;}
 h1,h2,h3,h4 {font-family: "Raleway", sans-serif;font-optical-sizing: auto;font-weight:700;font-style: normal;margin-bottom:0.5em;}
 h2 {color: #d4a373;font-size:34px;}
 h3 {color: #9cba9d;font-size:34px;}
 h4 {color: #f0ece6;font-size:34px;}
 
 .p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8 {width: 100% !important;}

 .logo-positie {float:right;padding:30px;}

 ol.alfalijst {list-style-type:lower-alpha;}
 .achtergrond-donker {background:#00200b;}
 .achtergrond-licht {background:#f0ece6;}
 .achtergrond-geel {background:#fed26e;}
 .achtergrond-terra {background:#d4a373;}

/* menu */
/*  .menu-opmaak {margin:0;display:flex;height:180px;align-items:center; float: right;padding-right:50px;padding-top:10px;} */
.menu-items {padding:20px 30px;text-align: left;display:block;}
.menu-items-mobiel {display:none;}
.menu-items a {overflow: auto;font-family: "Open Sans", sans-serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;text-align: left;font-size: 20px;color: #00200b;text-decoration:none;padding:0 20px 0 0;}
.menu-items a:hover {font-family: "Open Sans", sans-serif;text-align: center;font-size: 20px;color: #00200b;text-decoration:underline;} 

/* steunknop */
 
 .steunknop a {font-family: Open Sans, sans-serif;text-align: center;font-size: 20px;color: #fff !important;background:#799f19;padding:10px 20px;border-radius:12px;}
 .steunknop a:hover {color: #fff !important;background:#597a05;}

/* Hoofdtekst*/
 /*.schaduw {box-shadow:0 8px 6px -6px rgba(0, 0, 0, 0.1);}*/
 .schaduw {border-bottom:1px solid #e1e1e1;}
 .container-plaatje {padding:35px 5% 0px 20px;text-align:right;}
 .container-plaatje img {width:250px;}
 
 .afstandendiv {margin:30px 0px;padding:0px;}
 .fotokader {padding:60px 30px 30px 30px;}
 img.profielfoto {border-radius:12px;box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.1);}
 .centreren {text-align:center;}
 .tekstopmaak {padding:30px 60px 60px 60px;line-height:1.5em;font-family: "Open Sans", sans-serif;text-align: left;font-size: 18px;color:#00200b;margin-bottom:0px;}
  a.tekstopmaak-docs {padding:10px 20px;line-height:1.3em;font-family: "Open Sans", sans-serif;text-align: left;font-size: 18px;color:#00200b;background:#f0ece6;border-radius:20px;text-decoration:none;margin-bottom:40px;transition: background-color 0.5s;}
  a:hover.tekstopmaak-docs {background:#9cba9d;}
 .tekstopmaak-titel {padding:0px 40px;margin-bottom:0px;}


/* Footer */
 .footer-frame {padding:15px 0px;border-radius:0px 0px 12px 12px;}
 .footer-tekst {font-family: Verdana, sans-serif;text-align: center;font-size: 16px;color: #9cba9d;margin-top:0px;}
 

/* mobiele aanpassingen */ 
 @media screen and (max-width: 768px) {
  
  h1 {font-size:38px;margin:30px 0 0 20px;}
  h2,h3,h4 {font-size:28px;margin-bottom:0.4em;}
  .menu-items {display:none;}
  .menu-items-mobiel {padding:20px 30px 20px 20px;text-align: left;display:block;}
  .menu-items-mobiel a {overflow: auto;font-family: "Open Sans", sans-serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;text-align: left;font-size: 20px;color: #00200b;text-decoration:none;padding:0 20px 0 0;}
  .menu-items-mobiel a:hover {font-family: "Open Sans", sans-serif;text-align: center;font-size: 20px;color: #00200b;text-decoration:underline;} 
  .tekstopmaak,.tekstopmaak-docs {padding:10px 20px;}
 
}