@charset "utf-8"; #inhoud.vervolgpagina{ padding: 0px 0 40px 0; z-index: 2; } #paginabg{ } /* template met header --------------------------------------- */ #inhoud.vervolgpagina .centered{ width: 1260px; } #inhoud.vervolgpagina .centered .container.pagina{ line-height: 180%; background: #fff; box-shadow: 0 12px 50px rgba(0,0,0,0.13); margin-top: -60px; padding: 100px 150px ; border-radius: 20px; } #inhoud.vervolgpagina .centered .container.pagina.nocta{ min-height: 250px; } #inhoud.vervolgpagina .centered .container.pagina.nocta{ min-height: 250px; } #kruimelpad{ margin-top: 80px; background: #333; padding: 20px 0 90px 0; color: #fff; box-sizing: border-box; } #kruimelpad .content{ font-size: 11px; z-index: 1; } #kruimelpad .content a{ color:#fff; } #kruimelpad .content a:hover{ color: #1DAE8D!important; } #kruimelpad .content .kruimellinks{ opacity: 1; color: #fff; height: 20px; line-height: 22px; margin-top: 10px; box-sizing: border-box; padding-left: 45px; background: url(../img/svg-sitemap-wit.svg) no-repeat left center; background-size: 18px auto; } #kruimelpad .content .kruimellinks:hover{ } #kruimelpad .content h1{ color: #fff; font-size: 36px; box-sizing: border-box; } #kruimelpad .content .kruimellinks { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #kruimelpad .centered{ width: 1260px; } #kruimelpad { padding-top: 250px; background: #333 url("../img/visual-header-pagina.jpg") no-repeat center center; background-size: cover; } #kruimelpad.error { padding-top: 250px; background: #333 url("../img/visual-header-error.jpg") no-repeat center center; background-size: cover; } #kruimelpad:before{ display: none; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 140px; background: #2A3362; opacity: 0.7; } /* template gedeeld --------------------------------------- */ #inhoud.vervolgpagina { line-height: 180%; font-weight: 500; } #inhoud.vervolgpagina h1{ font-size: 50px; padding-bottom: 10px; font-weight: bold; text-transform: uppercase; } #inhoud.vervolgpagina h2{ font-size: 32px; padding: 30px 0 15px; font-weight: bold; } #inhoud.vervolgpagina h1 + h2{ padding: 0px 0 20px; color: #1DAE8D; font-weight: normal; } #inhoud.vervolgpagina h1 + h3{ padding: 0px 0 20px; } #inhoud.vervolgpagina h3{ font-size: 18px; padding: 30px 0 20px; } #inhoud.vervolgpagina h4{ font-size: 16px; } #inhoud.vervolgpagina h6{ font-weight: 500; font-size: 20px; padding: 40px 120px; box-sizing: border-box; background: #fff; box-shadow: 0 12px 50px rgba(0,0,0,0.13); border-radius: 20px; margin: 40px 0; position: relative; float: left; width: 100%; text-align: center; font-style: italic; } #inhoud.vervolgpagina ul{ text-align: left; padding: 20px 0 20px 40px; } #inhoud.vervolgpagina ul li{ list-style: disc; padding: 5px 0 5px 30px; list-style-position: outside; } #inhoud.vervolgpagina ul li span{ text-align: left; padding: 10px 0 0 10px; } #inhoud.vervolgpagina ul.special li span:before{ content:''; position: absolute; top: 13px; left: -45px; width: 26px; height: 26px; background: #1DAE8D; box-shadow: 0px 9px 20px rgba(0,84,164,0.5); } #inhoud.vervolgpagina ul.special li span:after{ content:''; position: absolute; top: 22px; left: -37px; width: 10px; height: 8px; background: url("../img/svg-vink.svg") no-repeat; background-size: 100% auto; } #inhoud.vervolgpagina ul li{ list-style: disc; padding: 5px 0 5px 30px; list-style-position: outside; } #inhoud.vervolgpagina ol{ text-align: left; padding: 20px 0 20px 40px; } #inhoud.vervolgpagina ol li{ list-style: decimal; padding: 5px 0 5px 30px; list-style-position: outside; } #inhoud.vervolgpagina a{ color: #1DAE8D; text-decoration: underline; } #inhoud.vervolgpagina a:hover{ color: #10A180; text-decoration: underline; } #inhoud.vervolgpagina img{ max-width: 100%; height: auto; } /* paginalagen --------------------------------------- */ #paginalaag.header{ margin-top: 120px; padding-top: 250px; background: #333 url("../img/headers/visual-header-pagina.jpg") no-repeat center center; background-size: cover; } #paginalaag.noheader{ margin-top: 120px; } #inhoud.paginalagen:before{ display: none; } #inhoud.paginalagen{ margin-top: 50px; overflow-x-uit: hidden; } #inhoud.paginalagen h1{ text-align: center; line-height: 110%;} #inhoud.paginalagen h2{ text-align: center; } #inhoud.paginalagen h1+h2{ text-align: center; font-weight: normal; font-size: 24px; font-style: italic; } #inhoud.paginalagen h3{ font-weight: bold; } #inhoud.paginalagen h1.animate { transition: opacity 1s ease 0s; opacity: 0; } #inhoud.paginalagen h1.animate-active { opacity: 1; } #inhoud.paginalagen h2.animate { transition: opacity 1s ease 0s; opacity: 0; } #inhoud.paginalagen h2.animate-active { opacity: 1; } #inhoud.paginalagen h3.animate { transition: opacity 1s ease 0s; opacity: 0; } #inhoud.paginalagen h3.animate-active { opacity: 1; } #inhoud.paginalagen .split { margin-bottom: 40px; height: 3px; background: #333; background: linear-gradient(95deg, rgba(0,0,0,0.7595413165266106) 0%, rgba(51,51,51,1) 30%, rgba(51,51,51,1) 70%, rgba(0,0,0,0.9948354341736695) 100%); margin-top: 60px; } #inhoud.paginalagen .split1 { height: 1px; } #inhoud.paginalagen .split2 { height: 6px; } #inhoud.paginalagen .quotelaag{ margin: 40px 15%; width: 70%; font-weight: 300; font-size: 18px; line-height: 180%; padding: 40px 120px; box-sizing: border-box; background: #fff; box-shadow: 0 3px 12px rgba(0,0,0,0.1); border-radius: 20px; text-align: center; font-style: italic; } #inhoud.paginalagen .quotelaag .quotefoto{ display: none; position: absolute; top: 50px; left: 70px; width: 100px; height: 100px; border-radius: 100%; } #inhoud.paginalagen .quotelaag .quotefoto img{ height: 100px; object-fit: cover; border-radius: 100%; border: 5px solid #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.1); } #inhoud.paginalagen .quotelaag.metfoto .quotefoto{ display: block; } #inhoud.paginalagen .quotelaag.metfoto { padding: 50px 80px 50px 220px; text-align: left; min-height: 190px; } #inhoud.paginalagen .quotelaag .quoteauteur { font-weight: bold; font-size: 14px; font-style: normal; padding-top: 5px; } #inhoud.paginalagen .quotelaag:after { opacity: 1; position: absolute; bottom: 30px; right: 30px; width: 25px; height: 25px; background: url("../img/svg-quoteonder-kleur.svg") no-repeat top right; background-size: contain; } #inhoud.paginalagen .quotelaag:before { opacity: 1; position: absolute; top: 30px; left: 30px; width: 25px; height: 25px; background: url("../img/svg-quoteboven-kleur.svg") no-repeat top right; background-size: contain; } #inhoud.paginalagen .split.animate { transition: opacity 1s ease 0s; opacity: 0; } #inhoud.paginalagen .split.animate-active { opacity: 1; } #inhoud.paginalagen .tekst { text-align: center; padding: 10px 100px; color: rgba(42, 51, 98, 0.85); /* softere kleur */ } #inhoud.paginalagen .tekst ul{ text-align: center; list-style-position: inside!important; padding-left: 0!important; } #inhoud.paginalagen .tekst ul li{ text-align: center; list-style-position: inside!important; padding-left: 0!important; } #inhoud.paginalagen .tekst.animate { transition: opacity 1s ease 0s; opacity: 0; } #inhoud.paginalagen .tekst.animate-active { opacity: 1; } #inhoud.paginalagen .tekst.vinkjes{ padding-left: 0; padding-right: 0; } #inhoud.paginalagen .tekst.vinkjes ul{ text-align: left; position: relative; float: left; line-height: 160%; width: 100%; margin: 30px 0; box-shadow: 0 12px 55px rgba(0, 0, 0, 0.1); background:#fff; padding: 30px 80px 60px!important; border-radius: 60px; list-style-position: inside!important; } #inhoud.paginalagen .tekst.vinkjes ul li{ position: relative; float: left; width: 33%; list-style: none; margin-top: 20px; padding: 5px 30px 0 70px!important; text-align: left; list-style-position: inside!important; } #inhoud.paginalagen .tekst.vinkjes ul li span{ padding: 0!important; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(3n){ padding-right: 0!important; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(3n + 4){ clear: both; } #inhoud.paginalagen .tekst.vinkjes ul li:before{ position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; border-radius: 100%; background: #fff; } #inhoud.paginalagen .tekst.vinkjes ul li:after{ position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; border-radius: 100%; background: url("../img/svg-vink-kleur.svg") no-repeat center center; background-size: auto 50%; } #inhoud.paginalagen .foto { padding: 40px 0; text-align: center; } #inhoud.paginalagen .foto img{ position: relative; float: left; border-radius: 10px; } #inhoud.paginalagen .foto.foto0 img{ width: 100%; height: auto; object-fit: cover; margin-left: 0%; z-index: 1; } #inhoud.paginalagen .foto.foto1 img{ max-width: 100%; height: auto; display: block; z-index: 1; } #inhoud.paginalagen .fotoimg { text-align: center; margin-top: -30px; } #inhoud.paginalagen .fotoimg img { text-align: center; float: none; display: inline!important; } #inhoud.paginalagen .fototekst{ padding: 20px 15% 10px; text-align: center; font-size: 17px; font-style: italic; line-height: 170%; } #inhoud.paginalagen .fototekst.fototekst1{ padding: 50px 20% 10px; font-size: 14px; font-weight: 400; font-style: italic; } #inhoud.paginalagen .fototekst.fototekst2{ padding: 0 15%; text-align: right; font-size: 9px; font-weight: bold; } #inhoud.paginalagen .fototekst.fototekst2 span { position: absolute; bottom: 10px; padding: 10px 15px; right: 15%; max-width: 60%; background: rgba(0,0,0,0.4); color: #fff; } #inhoud.paginalagen .foto.foto1 .fototekst.fototekst2 span { bottom: 0px; right: 20%; left: 20%; text-align: center; } #inhoud.paginalagen .video { width: 70%; padding: 40px 40px 30px ; margin: 50px 15%; background:#151616; border-radius: 20px; border: 1px solid #333; } #inhoud.paginalagen .video iframe{ width: 100%; height: 400px; object-fit: cover; margin-left: 0%; } #inhoud.paginalagen .video .url{ text-align: center; padding-top: 20px; } #inhoud.paginalagen .video a{ position: relative; float: none; padding: 15px 35px; margin-left: auto; margin-right: auto; } #inhoud.paginalagen .video.animate{ opacity: 0; } #inhoud.paginalagen .video.animate-active{ opacity: 1; } #inhoud.paginalagen .knop .url{ text-align: center; padding: 30px 0 ; } #inhoud.paginalagen .knop a{ position: relative; float: none; padding: 15px 35px; margin-left: auto; margin-right: auto; } #inhoud.paginalagen .knop.animate { transition: opacity 1s ease 0s; opacity: 0; } #inhoud.paginalagen .knop.animate-active { opacity: 1; } #inhoud.paginalagen .tekstblokken{ padding: 40px 100px; } #inhoud.paginalagen .tekstblokken+.tekstblokken{ padding: 0px 100px 40px; } #inhoud.paginalagen .tekstblokken h3 { text-align: left; font-size: 24px; font-style: normal; } #inhoud.paginalagen .tekstblokken h2 { padding: 20px 80px 0; } #inhoud.paginalagen .tekstblokken h2 span{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #eee; } #inhoud.paginalagen .tekstblokken .tekstbloklinks{ width: 48%; margin-right: 2%; padding: 0 0 40px 0; text-align: left; border-radius: 15px; background: #fff; box-shadow: 0 12px 55px rgba(0, 0, 0, 0.1); } #inhoud.paginalagen .tekstblokken .tekstblokrechts{ width: 48%; margin-left: 2%; padding: 0 0 40px 0; text-align: left; border-radius: 15px; background: #fff; box-shadow: 0 12px 55px rgba(0, 0, 0, 0.1); } #inhoud.paginalagen .tekstblokken img{ width: 100%; height: 300px; object-fit: cover; box-shadow: 0px 6px 20px rgba(0,0,0,0.2); border-radius: 15px 15px 0 0; } #inhoud.paginalagen .tekstblokken .tekstbloktitel { padding: 20px 60px 0 60px; } #inhoud.paginalagen .tekstblokken .tekstbloktekst{ padding: 0 60px 20px 60px; } #inhoud.paginalagen .tekstblokken .knop{ padding: 0 60px 20px 60px; } #inhoud.paginalagen .tekstfoto{ padding: 70px 0 70px; color: rgba(42, 51, 98, 0.85); /* softere kleur */ } #inhoud.paginalagen .tekstfoto h2{ text-align: left; padding-top: 0px; text-transform: uppercase; } #inhoud.paginalagen .tekstfoto img{ border-radius: 20px; width: 550px; max-height: 350px; object-fit: cover; } #inhoud.paginalagen .tekstfoto .knop{ margin-top: 20px; } #inhoud.paginalagen .tekstfoto.positie1 .tekstfotolinks{ width: 50%; padding-right: 50px; } #inhoud.paginalagen .tekstfoto.positie1 .tekstfotorechts{ width: 50%; padding-left: 50px; } #inhoud.paginalagen .tekstfoto.positie1 img{ z-index: 1; box-shadow: 0px 6px 20px rgba(0,0,0,0.2); } #inhoud.paginalagen .tekstfoto.positie1:before{ content:''; position: absolute; top: 270px; left: -80px; width: 250px; height: 250px; display:none; } #inhoud.paginalagen .tekstfoto.positie0 .tekstfotolinks{ width: 50%; padding-left: 50px; } #inhoud.paginalagen .tekstfoto.positie0 .tekstfotorechts{ width: 50%; padding-right: 50px; } #inhoud.paginalagen .tekstfoto.positie0 img{ box-shadow: 0px 6px 20px rgba(0,0,0,0.2); } #inhoud.paginalagen .tekstfoto.positie0:before{ content:''; position: absolute; top: 280px; right: -10px; width: 200px; height: 200px; display:none; } #inhoud.paginalagen .tekstfoto.positie0.animate img { transition: transform 1s ease 0s; } #inhoud.paginalagen .tekstfoto.positie1.animate img { transition: transform 1s ease 0s; } #inhoud.paginalagen .tekstfoto.positie0.animate-active img { transform: perspective(880px) rotateY(-15deg); } #inhoud.paginalagen .tekstfoto.positie1.animate-active img { transform: perspective(880px) rotateY(15deg); } #inhoud.paginalagen .tekstfoto.positie0.animate { transition: opacity 1s ease 0s; opacity: 0; } #inhoud.paginalagen .tekstfoto.positie1.animate { transition: opacity 1s ease 0s; opacity: 0; } #inhoud.paginalagen .tekstfoto.positie0.animate-active { opacity: 1; } #inhoud.paginalagen .tekstfoto.positie1.animate-active { opacity: 1; } #inhoud.paginalagen .tekstfoto.noresize img{ height: auto!important; max-height: none!important; } #inhoud.paginalagen .tekstfoto.noborder img{ box-shadow: none!important; } #inhoud.paginalagen .tekstfoto.vinkjes ul{ position: relative; float: left; width: 100%; } #inhoud.paginalagen .tekstfoto.vinkjes ul li{ padding: 0 0 0 30px; margin-top: 10px; position: relative; float: left; width: 100%; list-style: none;} #inhoud.paginalagen .tekstfoto.vinkjes ul li:before{ position: absolute; top: 3px; left: -20px; width: 30px; height: 30px; border-radius: 100%; background: #1DAE8D; } #inhoud.paginalagen .tekstfoto.vinkjes ul li:after{ position: absolute; top: 3px; left: -20px; width: 30px; height: 30px; border-radius: 100%; background: url("../img/svg-vink-wit.svg") no-repeat center center; background-size: auto 30%; } #inhoud.paginalagen .tekstfoto.pijltjes ul{ position: relative; float: left; width: 100%; } #inhoud.paginalagen .tekstfoto.pijltjes ul li{ padding: 0 0 0 30px; margin-top: 10px; position: relative; float: left; width: 100%; list-style: none;} #inhoud.paginalagen .tekstfoto.pijltjes ul li:before{ position: absolute; top: 3px; left: -20px; width: 30px; height: 30px; border-radius: 100%; background: #E6F0CE; } #inhoud.paginalagen .tekstfoto.pijltjes ul li:after{ position: absolute; top: 12px; left: -8px; width: 8px; height: 12px; border-radius: 100%; background: url("../img/svg-pijl-rechts-donker.svg") no-repeat center center; background-size: auto 100%; } #inhoud.paginalagen #faq.faq{ background: none; } #inhoud.paginalagen #faq.faq:before{ display:none; } #inhoud.paginalagen .faq{ padding: 30px 10% 30px; text-align: center; } #inhoud.paginalagen .faq h3{ font-size: 24px; color: #333; font-weight: normal; } #inhoud.paginalagen .faqitem{ min-height: 20px; height: auto; margin-top: 10px; border-radius: 20px; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.08); overflow: hidden; } #inhoud.paginalagen .faqitem h4{ padding: 15px 20px; height: auto; font-size: 14px; line-height: 140%!important; margin: 0; cursor: pointer; font-weight: bold; } #inhoud.paginalagen .faqinhoud{ position: relative; float: left; width: 100%; opacity: 0; height: 1px; padding: 0; font-size: 14px; } #inhoud.paginalagen .faqinhoud .faqlink{ margin-top: 20px; } #inhoud.paginalagen .faqinhoud .btn-leesverder{ float: none; padding: 15px 30px; margin-bottom: 30px; } #inhoud.paginalagen .faqitem.active { height: auto; } #inhoud.paginalagen .faqitem.active h4{ margin-top: 25px; font-size: 16px; } #inhoud.paginalagen .faqitem.active .faqinhoud{ height: auto; opacity: 1; padding: 10px 40px 40px;} #inhoud.paginalagen .faqitem:hover{ background: #fff; } #inhoud.paginalagen .faqitem:hover h4{ color: #1DAE8D; } #inhoud.paginalagen .faqitem.active:hover{ background: #fff; } #inhoud.paginalagen .faqitem.active:hover h4{ color: #1DAE8D; } #inhoud.paginalagen .faqitem.active:before{ position: absolute; top: 0px; left: 50%; width: 100px; height: 4px; background: #1DAE8D; margin-left: -50px; } #inhoud.paginalagen .tekstfoto.positie2 .tekstfototop{ width: 100%; padding-bottom: 30px; text-align: center; } #inhoud.paginalagen .tekstfoto.positie2 .tekstfototop img{ width: auto; height: 300px; object-fit: cover; box-shadow: 0px 6px 20px rgba(0,0,0,0.2); } #inhoud.paginalagen .tekstfoto.positie2 .tekstfotobottom{ width: 80%; margin-left: 10%; text-align: center; } #inhoud.paginalagen .tekstfoto.positie2 .tekstfotobottom h2{ text-align: center; } #inhoud.paginalagen .tekstfoto.positie3 .tekstfotobottom{ width: 100%; padding-top: 30px; text-align: center; } #inhoud.paginalagen .tekstfoto.positie3 .tekstfotobottom img{ width: auto; height: 300px; object-fit: cover; box-shadow: 0px 6px 20px rgba(0,0,0,0.2); } #inhoud.paginalagen .tekstfoto.positie3 .tekstfototop{ width: 80%; margin-left: 10%; text-align: center; } #inhoud.paginalagen .tekstfoto.positie3 .tekstfototop h2{ text-align: center; } #inhoud.paginalagen .fotoblokken{ padding: 50px 0 70px; text-align: center; } #inhoud.paginalagen .fotoblokken img{ width: auto; margin: 0 15px; height: 150px; box-shadow: 0px 6px 20px rgba(0,0,0,0.2); border-radius: 100%; } #inhoud.paginalagen .fotoblokken.fotoblokken4{ } #inhoud.paginalagen .fotoblokken.fotoblokken5{ } #inhoud.paginalagen .fotoblokken.fotoblokken6{ } #inhoud.paginalagen .prijslijst{ padding: 50px 100px 10px; } #inhoud.paginalagen .prijslijstcontainer{ padding: 40px 60px; margin-top: 20px; background:#fff; border-radius: 20px; box-shadow: 0px 9px 35px rgb(0 0 0 / 15%); } #inhoud.paginalagen .prijslijsttekstboven { text-align: center;} #inhoud.paginalagen .prijslijsttekstonder { padding: 20px 0; text-align: center; font-size: 11px; opacity: 0.7; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop{ font-size: 13px; padding-bottom: 10px; color: #009239; border-bottom: 3px dotted #eee; margin-bottom: 20px; font-weight: bold; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop .kolom1{ width: 70%; padding-left: 5px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop .kolom2{ text-align: right; width: 15%; padding-right: 5px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop .kolom3{ text-align: right; width: 15%; padding-right: 5px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop.basic .kolom1{ width: 85%; } #inhoud.paginalagen .prijslijstcontainer .prijslijstsplit { height:1px; margin: 4px 0 5px; border-top: 1px dotted #eee; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij { padding: 10px 0; font-size: 13px; border-radius: 30px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij .kolom1{ width: 70%; padding-left: 5px; font-weight: bold; line-height: 140%; padding-right: 20px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij .kolom1 .kolom1subzin{ font-size: 11px; font-weight: normal; padding-right: 20px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij .kolom2{ text-align: right; width: 15%; padding-right: 5px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij .kolom3{ text-align: right; width: 15%; padding-right: 5px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij.basic .kolom1{ width: 85%; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij:hover { background: #f5f5f5; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij:hover .kolom1 { padding-left: 25px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij:hover .kolom2 { padding-right: 25px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij:hover .kolom3 { padding-right: 25px; } #inhoud.paginalagen .quotelaag{ margin: 40px 15%; width: 70%; font-weight: 300; font-size: 18px; line-height: 180%; padding: 40px 120px; box-sizing: border-box; background: #fff; box-shadow: 0 3px 12px rgba(0,0,0,0.1); border-radius: 20px; text-align: center; font-style: italic; } #inhoud.paginalagen .quotelaag .quotefoto{ display: none; position: absolute; top: 50px; left: 70px; width: 100px; height: 100px; border-radius: 100%; } #inhoud.paginalagen .quotelaag .quotefoto img{ height: 100px; object-fit: cover; border-radius: 100%; border: 5px solid #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.1); } #inhoud.paginalagen .quotelaag.metfoto .quotefoto{ display: block; } #inhoud.paginalagen .quotelaag.metfoto { padding: 50px 80px 50px 220px; text-align: left; min-height: 190px; } #inhoud.paginalagen .quotelaag .quoteauteur { font-weight: bold; font-size: 14px; font-style: normal; padding-top: 5px; } #inhoud.paginalagen .quotelaag:after { opacity: 1; position: absolute; bottom: 30px; right: 30px; width: 25px; height: 25px; background: url("../img/svg-quoteonder-kleur.svg") no-repeat top right; background-size: contain; } #inhoud.paginalagen .quotelaag:before { opacity: 1; position: absolute; top: 30px; left: 30px; width: 25px; height: 25px; background: url("../img/svg-quoteboven-kleur.svg") no-repeat top right; background-size: contain; } #inhoud.paginalagen .tabbladlaag{ margin-top: 30px; margin-bottom: 30px; border-radius: 20px; background: #eee; padding: 50px 60px; } #inhoud.paginalagen .tabbladlaag:before{ display:none; position: absolute; top: 35px; right: 40px; width : 30px; height: 30px; background: url("../img/svg-information-kleur.svg") no-repeat center center; background-size: auto 100%; } #inhoud.paginalagen .tabbladlaag .tabbladlaagmenu { z-index: 1; padding-right: 50px; } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem{ font-size: 14px; margin-right: 15px; border-top: 3px solid transparent; } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem{ text-transform: uppercase; font-weight: bold; text-align: center; padding: 10px 15px 20px; } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem:hover{ cursor: pointer; } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem.active{ border-radius: 10px 10px 0 0; background: #fff; border-top: 3px solid #1DAE8D; padding: 10px 20px 20px; } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoudblok { margin-top: -10px; z-index: 0; border-radius: 10px; background: #fff; padding: 50px 60px 50px 60px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); margin-right: 20px; } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoud { display:none; color: rgba(42, 51, 98, 0.85); /* softere kleur */ } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoud h2{ display:none; color: rgba(42, 51, 98, 1); /* softere kleur */ } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoud .tabbladlaagtxt{ padding-right: 25%; } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoud.active { display:block; } #inhoud.vervolgpagina .tabbladlaag ul li { padding: 1px 0 1px 30px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda{ font-size: 14px; font-weight: 600; margin-top: 25px; padding: 10px 25px 15px; background: rgba(0,0,0,0.03); border-radius: 10px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item{ border-radius: 10px; padding: 15px 20px ; margin: 10px 0 0 0; border-top: 1px solid #ddd; line-height: 140%; color: #2A3362; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item:first-of-type{ border-top: 1px solid transparent; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-datum{ color: #333C6E; line-height: 140%; text-transform: uppercase; text-align: center; width: 120px; padding: 20px 15px 17px; background: #fff; border-radius: 10px; box-shadow: 0 3px 5px rgba(0,0,0,0.1); border: 2px solid #D0D5E4; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-datum:before{ position: absolute; top: -10px; left: 50%; width: 20px; height: 20px; margin-left: -10px; background: url("../img/svg-date-unselected-1.svg") no-repeat center center; background-size: contain; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-datum .dagnaam{ font-size: 12px; font-weight: 800; padding-bottom: 3px; border-bottom: 1px solid #D0D5E4; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-datum .dag{ font-size: 20px; font-weight: 800; margin-top: 7px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-datum .maand{ font-size: 16px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-datum .jaar{ font-size: 10px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-info{ width: calc(100% - 120px); padding: 0 0 0 30px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-locatie{ font-size: 18px; padding: 2px 0 10px; font-weight: 800; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-link{ margin-top: 8px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-link span{ border-radius: 30px; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; background: #999; background: radial-gradient(#ddd, #ccc); padding: 0 15px; height: 30px; line-height: 31px; position: relative; float: right; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-opmerking{ line-height: 130%; font-size: 12px; font-style: italic; opacity: 0.5; margin-top: -4px; font-weight: 500; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item:hover{ background: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); border-top: 1px solid transparent; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item:hover .trainingen-agenda-item-link span{ background: #333C6E; background: #1DAE8D; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.singleline .trainingen-agenda-item-datum{ margin-top: 4px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.singleline .trainingen-agenda-item-locatie{ margin-top: 4px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-meerinfo { margin-top: 8px; text-decoration: none!important; clear:left; border-radius: 30px; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; background: #999; background: radial-gradient(#ddd, #ccc); padding: 0 15px; height: 30px; line-height: 31px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-aanmelden { margin-top: 8px; text-decoration: none!important; margin-left: 10px; border-radius: 30px; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; background: #999; background: radial-gradient(#ddd, #ccc); padding: 0 15px; height: 30px; line-height: 31px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-meerinfo:hover{ background: #1DAE8D; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-aanmelden:hover{ background: #333C6E; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort .trainingen-agenda-item-aanmelden{ margin-lefT: 0; background: #1DAE8D;} #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort .trainingen-agenda-item-aanmelden:hover{ margin-lefT: 0; background: #333C6E; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort .trainingen-agenda-item-info{ padding-right: 60px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort .trainingen-agenda-item-meerinfo span { display:none; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort .trainingen-agenda-item-meerinfo { position: absolute; right: 0px; top: 50%; margin-top: -15px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort .trainingen-agenda-item-meerinfo:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../img/svg-pijl-rechts-wit.svg") no-repeat 12px center; background-size: auto 40%;} #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort:hover .trainingen-agenda-item-meerinfo { background: #1DAE8D; } #inhoud.paginalagen .tabbladlaag .trainingen-reviews-mobiel{ display: none; } #inhoud.paginalagen .tabbladlaag .trainingen-review{ font-size: 14px; font-weight: 600; margin-top: 25px; padding: 10px 25px 15px; background: rgba(0,0,0,0.03); border-radius: 10px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item{ min-height: 120px; padding: 20px 30px 20px 140px; border-radius: 20px; background: rgba(0, 0, 0, 0.03); box-shadow: inset 2px 4px 6px rgba(0,0,0,0.02); font-size: 13px; font-weight: normal; color: #2A3362; line-height: 180%; font-style: italic; margin-bottom: 30px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item-img{ position: absolute; top: 15px; left: 20px; width: 70px; height: 70px; border-radius: 100%; border: 10px solid #fff; box-shadow: 1px 3px 10px rgba(0,0,0,0.1); } #inhoud.paginalagen .tabbladlaag .review-koppel-item-img img{ border-radius: 100%; width: 70px; height: 70px; object-fit: cover; object-position: center; } #inhoud.paginalagen .tabbladlaag .review-koppel-item-titel{ font-size: 15px; color: #2A3362; font-weight: 500; font-style: italic; line-height: 140%; } #inhoud.paginalagen .tabbladlaag .review-koppel-item-reviewer{ font-weight: bold; color: #1DAE8D; font-style: normal; line-height: 140%; margin-top: 5px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item-sterren{ margin-top: 5px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item-sterren .ster{ width: 20px; height: 20px; margin-right: 4px; background: url("../img/svg-ster-geel.svg") no-repeat center center; background-size: contain; } #inhoud.paginalagen .tabbladlaag .review-koppel-item:nth-child(even) {padding: 20px 140px 20px 30px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item:nth-child(even) .review-koppel-item-img{ left: auto; right: 20px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol:before { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: url("../img/svg-quoteonder-licht.svg") no-repeat center center; background-size: contain; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol { padding: 40px 50px 40px 160px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol .review-koppel-item-titel{ font-size: 18px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol .review-koppel-item-beschrijving{ margin-top: 5px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol .review-koppel-item-sterren{ margin-top: 15px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol .review-koppel-item-img{ top: 35px; left: 30px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol:nth-child(even):before { right: auto; left: 20px; background: url("../img/svg-quoteboven-licht.svg") no-repeat center center; background-size: contain; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol:nth-child(even) { padding: 40px 160px 40px 60px } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol:nth-child(even) .review-koppel-item-img{ left: auto; right: 30px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.nofoto { padding: 40px 50px 40px 50px!important; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.nofoto .review-koppel-item-img{ display: none; } #inhoud.paginalagen .bundelmenu { padding: 0px 0 0px; text-align: center; } #inhoud.paginalagen .bundelmenu .bundelmenuitem{ margin: 0px 5px; padding: 15px 25px; color: #2A3362; font-size: 15px; border-radius: 50px; background:#eee; font-weight: bold; text-transform: uppercase; text-decoration: none; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.active{ color: #fff; background-color: #1DAE8D; } #inhoud.paginalagen .bundelmenu .bundelmenuitem:hover{ background:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon{ padding-left: 47px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.vraag{ background: #eee url("../img/svg-faq-donker.svg") no-repeat 15px center; background-size: auto 20px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.vraag:hover{ background-color:#888; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.vraag.active{ background: #1DAE8D url("../img/svg-faq-wit.svg") no-repeat 15px center; background-size: auto 20px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.boek{ background: #eee url("../img/svg-boek-donker.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.boek:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.boek.active{ background: #1DAE8D url("../img/svg-boek-wit.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.pijl{ background: #eee url("../img/svg-pijl-rechts-donker.svg") no-repeat 22px center; background-size: auto 13px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.pijl:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.pijl.active{ background: #1DAE8D url("../img/svg-pijl-rechts-wit.svg") no-repeat 22px center; background-size: auto 13px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.vink{ background: #eee url("../img/svg-vink-donker.svg") no-repeat 18px center; background-size: auto 12px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.vink:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.vink.active{ background: #1DAE8D url("../img/svg-vink-wit.svg") no-repeat 18px center; background-size: auto 12px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.ster{ background: #eee url("../img/svg-ster-donker.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.ster:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.ster.active{ background: #1DAE8D url("../img/svg-ster-wit.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.locatie{ background: #eee url("../img/svg-pin-donker.svg") no-repeat 18px center; background-size: auto 20px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.locatie:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.locatie.active{ background: #1DAE8D url("../img/svg-pin-wit.svg") no-repeat 18px center; background-size: auto 20px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.groep{ background: #eee url("../img/svg-mensen-donker.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.groep:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.groep.active{ background: #1DAE8D url("../img/svg-mensen-wit.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.deelnemer{ background: #eee url("../img/svg-login-donker-1.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.deelnemer:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.deelnemer.active{ background: #1DAE8D url("../img/svg-login-wit-1.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.home{ background: #eee url("../img/svg-home-donker.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.home:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.home.active{ background: #1DAE8D url("../img/svg-home-wit.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.chat{ background: #eee url("../img/svg-gesprek-donker.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.chat:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.chat.active{ background: #1DAE8D url("../img/svg-gesprek-wit.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.agenda{ background: #eee url("../img/svg-boeken-donker.svg") no-repeat 18px center; background-size: auto 20px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.agenda:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.agenda.active{ background: #1DAE8D url("../img/svg-boeken-wit.svg") no-repeat 18px center; background-size: auto 20px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.duo{ background: #eee url("../img/svg-deelnemers-donker.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.duo:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.duo.active{ background: #1DAE8D url("../img/svg-deelnemers-wit.svg") no-repeat 18px center; background-size: auto 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.info{ background: #eee url("../img/svg-prijs-donker.svg") no-repeat 18px center; background-size: auto 20px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.info:hover{ background-color:#ddd; } #inhoud.paginalagen .bundelmenu .bundelmenuitem.meticoon.info.active{ background: #1DAE8D url("../img/svg-prijs-wit.svg") no-repeat 18px center; background-size: auto 20px; } #inhoud.paginalagen .bundelmenu.uitgebreid.boven { position:static; float:none; width:auto; display:flex; justify-content:center; gap:20px; } #inhoud.paginalagen .bundelmenu.uitgebreid.boven .bundelmenuitem{ position:relative; height: 150px; width: 250px; } #inhoud.paginalagen .bundelmenu.uitgebreid.boven .bundelmenuitem .overlay{ z-index: 2; position: absolute; font-size: 14px; line-height: 110%; left: 15px; right: 15px; bottom: 15px; overflow: hidden; color: #fff; text-transform: uppercase; } #inhoud.paginalagen .bundelmenu.uitgebreid.boven .bundelmenuitem .overlay .subtitel{ padding-top: 1px; font-size: 10px; font-weight: normal; } #inhoud.paginalagen .bundelmenu.uitgebreid.boven .bundelmenuitem .afbeelding{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; border-radius: 20px; } #inhoud.paginalagen .bundelmenu.uitgebreid.boven .bundelmenuitem img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; } #inhoud.paginalagen .bundelmenu.uitgebreid.boven .bundelmenuitem:before{ z-index: 1; position: absolute; border-radius: 0 0 20px 20px; left: 0px; right: 0px; bottom: 0px; height: 100px; background: linear-gradient( to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%); } #inhoud.paginalagen .bundelmenu.onder { padding: 0px 0px 0 ; } #inhoud.paginalagen .bundelmenu.uitgebreid.onder { position:static; float:none; width:auto; display:flex; justify-content:center; gap:20px; } #inhoud.paginalagen .bundelmenu.uitgebreid.onder .bundelmenuitem{ position:relative; height: 150px; width: 250px; } #inhoud.paginalagen .bundelmenu.uitgebreid.onder .bundelmenuitem .overlay{ z-index: 2; position: absolute; font-size: 14px; line-height: 110%; left: 15px; right: 15px; bottom: 15px; overflow: hidden; color: #fff; text-transform: uppercase; } #inhoud.paginalagen .bundelmenu.uitgebreid.onder .bundelmenuitem .overlay .subtitel{ padding-top: 1px; font-size: 10px; font-weight: normal; } #inhoud.paginalagen .bundelmenu.uitgebreid.onder .bundelmenuitem .afbeelding{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; border-radius: 20px; } #inhoud.paginalagen .bundelmenu.uitgebreid.onder .bundelmenuitem img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; } #inhoud.paginalagen .bundelmenu.uitgebreid.onder .bundelmenuitem:before{ z-index: 1; position: absolute; border-radius: 0 0 20px 20px; left: 0px; right: 0px; bottom: 0px; height: 100px; background: linear-gradient( to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%); } #inhoud.paginalagen .bundelmenucontainer { padding: 60px 0px ; } #inhoud.paginalagen .bundelmenucontainer.boven { padding-top: 0!important; } #inhoud.paginalagen .bundelmenucontainer h2 { padding: 0px 0px 5px; text-align: center; } #inhoud.paginalagen .bundelmenucontainer .bundellaagtxt { padding: 0px 0px 25px; text-align: center; } #inhoud.paginalagen .bundelmenu.uitgebreid.laag { position:static; float:none; width:auto; display:flex; justify-content:center; gap:20px; } #inhoud.paginalagen .bundelmenu.uitgebreid.laag .bundelmenuitem{ position:relative; height: 150px; width: 250px; } #inhoud.paginalagen .bundelmenu.uitgebreid.laag .bundelmenuitem .overlay{ z-index: 2; position: absolute; font-size: 14px; line-height: 110%; left: 15px; right: 15px; bottom: 15px; overflow: hidden; color: #fff; text-transform: uppercase; } #inhoud.paginalagen .bundelmenu.uitgebreid.laag .bundelmenuitem .overlay .subtitel{ padding-top: 1px; font-size: 10px; font-weight: normal; } #inhoud.paginalagen .bundelmenu.uitgebreid.laag .bundelmenuitem .overlay .link{ display: none;} #inhoud.paginalagen .bundelmenu.uitgebreid.laag .bundelmenuitem .afbeelding{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; border-radius: 20px; } #inhoud.paginalagen .bundelmenu.uitgebreid.laag .bundelmenuitem img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; } #inhoud.paginalagen .bundelmenu.uitgebreid.laag .bundelmenuitem:before{ z-index: 1; position: absolute; border-radius: 0 0 20px 20px; left: 0px; right: 0px; bottom: 0px; height: 100px; background: linear-gradient( to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%); } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels { position: relative; float: left; width: 100%; display: block; justify-content: initial; gap: 0; padding-left: 30px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem{ position: relative; height: auto; float: left; width: 380px!important; padding: 220px 0px 10px 0px; text-align: left; margin: 0 0 30px 30px; background: #fff; border-radius: 20px ; box-shadow: 0 5px 20px rgba(0,0,0,0.08); z-index: 0; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem:nth-child(3n + 1) { margin-left: 0; clear: left; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .afbeelding { z-index: 0; position: absolute; top: 0; left: 0; height: 220px; border-radius: 20px 20px 0 0 ; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .afbeelding img{ width: 100%; border-radius: 20px 20px 0 0; height: 220px; object-fit: cover; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem:before{ display: none;} #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay { z-index: 1; padding: 35px 50px 35px; position: relative; float: left; max-width: 100%; bottom: auto; right: auto; left: auto; overflow: visible; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay .titel{ padding: 10px 0px 0; line-height: 115%;font-weight: bold; font-size: 24px; color: #2A3362; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay .subtitel{ padding: 12px 0px 0; font-style: italic; color: #1DAE8D; font-size: 16px; line-height: 120%; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay .link{ display: block; margin-top: 20px; border-radius: 50px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; background: #2A3362; padding: 0 35px; height: 50px; line-height: 50px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay:after { position: absolute; top: -20px; left: 50%; margin-left: -25px; height: 30px; width: 30px; background: #333C6E url("../img/svg-pijl-rechts-wit.svg") no-repeat 12px center; background-size: auto 40%; border-radius: 100%; border: 10px solid #fff; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay:after { transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem:hover { box-shadow: 0 8px 10px rgba(0,0,0,0.15); } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem:hover .link { background: #1DAE8D; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem:hover .overlay:after { background-color: #1DAE8D; bottom: -24px; } /* combinatie uitzonderingen --------------------------------------- */ #inhoud.paginalagen .tekstfoto+.tekstblokken { padding-top: 20px; } #inhoud.paginalagen .opmaatheader h1{ font-size: 52px; padding-bottom: 15px; line-height: 120%; text-align: left; } #inhoud.paginalagen .opmaatheader h1 span{ color:#329153; } #inhoud.paginalagen .opmaatheader h2{ font-size: 16px; color: #9ec542; font-style: italic; font-weight: normal; line-height: 200%; } /* cta --------------------------------------- */ #cta { position: relative; float: left; padding:50px 70% 50px 70px; margin: 80px 0 -10px -150px; width: 1260px; background: #fff; box-shadow: 0 12px 50px rgba(0,0,0,0.13); border-radius: 0 0 20px 20px; text-align: left; } #cta { box-shadow: -5px -3px 20px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.05) ; } #cta h2{ padding: 0 0 10px!important; font-weight: bold!important; } #cta h3{ padding: 0!important; color: #999!important; font-weight: normal; } #cta .email { position: absolute; top: 60px; right: 70px; color: #fff!important; text-decoration: none!important; } #cta .email:hover { text-decoration: none; } #cta .tel{ position: absolute; top: 45px; font-size: 22px; right: 345px; margin-top: 10px; color: #000!important; height: 60px; line-height: 60px;padding: 0 30px 0 60px; text-transform: uppercase;} #cta .tel:before { position: absolute; top: 20px; left: 25px; width: 20px; height: 20px; background: url("../img/svg-telefoon-kleur.svg") no-repeat top left; background-size: auto 100%; } /* disclaimer specifiek --------------------------------------- */ #inhoud.vervolgpagina.disclaimer h1{ text-align: left!important; } #inhoud.vervolgpagina.disclaimer .tekst{ text-align: left!important; padding-left: 0!important; padding-right: 0!important; } #inhoud.vervolgpagina.disclaimer ul{ text-align: left!important; padding: 20px 0 20px 40px!important; } #inhoud.vervolgpagina.disclaimer ul li{ list-style: disc; text-align: left!important; padding: 5px 0 5px 30px!important; list-style-position: outside!important; } #inhoud.vervolgpagina.disclaimer-international h1{ text-align: left!important; } #inhoud.vervolgpagina.disclaimer-international .tekst{ text-align: left!important; padding-left: 0!important; padding-right: 0!important; } #inhoud.vervolgpagina.disclaimer-international ul{ text-align: left!important; padding: 20px 0 20px 40px!important; } #inhoud.vervolgpagina.disclaimer-international ul li{ list-style: disc; text-align: left!important; padding: 5px 0 5px 30px!important; list-style-position: outside!important; } /* algemene-voorwaarden specifiek --------------------------------------- */ #inhoud.vervolgpagina.algemene-voorwaarden h1{ text-align: left!important; } #inhoud.vervolgpagina.algemene-voorwaarden h2{ text-align: left!important; } #inhoud.vervolgpagina.algemene-voorwaarden h3{ text-align: left!important; } #inhoud.vervolgpagina.algemene-voorwaarden .tekst{ text-align: left!important; padding-left: 0!important; padding-right: 0!important; } #inhoud.vervolgpagina.algemene-voorwaarden ul{ text-align: left!important; padding: 20px 0 20px 40px!important; } #inhoud.vervolgpagina.algemene-voorwaarden ul li{ list-style: disc; text-align: left!important; padding: 5px 0 5px 30px!important; list-style-position: outside!important; } /* disclaimer specifiek --------------------------------------- */ #inhoud.vervolgpagina.privacy-statement h1{ text-align: left!important; } #inhoud.vervolgpagina.privacy-statement .tekst{ text-align: left!important; padding-left: 0!important; padding-right: 0!important; } #inhoud.vervolgpagina.privacy-statement ul{ text-align: left!important; padding: 20px 0 20px 40px!important; } #inhoud.vervolgpagina.privacy-statement ul li{ list-style: disc; text-align: left!important; padding: 5px 0 5px 30px!important; list-style-position: outside!important; } /* bedankt --------------------------------------- */ #kruimelpad.bg-bedankt { background: #333 url("../img/headers/visual-header-bedankt.jpg") no-repeat center center; background-size: cover; } #inhoud.vervolgpagina.bedankt{ text-align: center; margin-top: 0px; } #inhoud.vervolgpagina.bedankt h3{ font-style: italic; color: #878787; font-weight: normal; text-transform: uppercase; font-size: 30px; } #inhoud.vervolgpagina.bedankt h1{ padding-bottom: 10px; text-transform: uppercase; } #inhoud.vervolgpagina.bedankt .centered .container.pagina { margin-top: 300px; backdrop-filter: blur(4px) brightness(90%); -webkit-backdrop-filter: blur(4px) brightness(90%); background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.1); border-radius: 50px; border: 4px solid #fff; } #inhoud.vervolgpagina.bedankt:before{ position: absolute; top:0px; left: 0; right:0; height: 500px; background: url("../img/visual-header-contact.jpg") no-repeat center bottom; background-size: cover;} #kruimelpad.bg-merci { background: #333 url("../img/headers/visual-header-bedankt.jpg") no-repeat center center; background-size: cover; } #inhoud.vervolgpagina.merci{ text-align: center; } #inhoud.vervolgpagina.merci h3{ font-style: italic; color: #878787; font-weight: normal; text-transform: uppercase; font-size: 30px; } #inhoud.vervolgpagina.merci h1{ padding-bottom: 10px; text-transform: uppercase; } #kruimelpad.bg-thanks { background: #333 url("../img/headers/visual-header-bedankt.jpg") no-repeat center center; background-size: cover; } #inhoud.vervolgpagina.thanks{ text-align: center; } #inhoud.vervolgpagina.thanks h3{ font-style: italic; color: #878787; font-weight: normal; text-transform: uppercase; font-size: 30px; } #inhoud.vervolgpagina.thanks h1{ padding-bottom: 10px; text-transform: uppercase; } #details.vervolgpagina { margin-top: 230px;} #details.vervolgpagina .details{ margin-top: -160px; padding: 0px 0 80px 0;} #contact.cta { padding: 20px 0 50px;} #contact.cta .contact{ padding: 60px 0 50px; border-top: 2px solid #eee; } #contact.cta .bg { display: none; } .markeer { background-color: #CED3DA; font-weight: bold; } #faqoverzicht .zoeknaarfaqitems { position: absolute; left: 400px; right: 400px; top: -30px; height: 50px; background: #fff; border: 2px solid #E2E2EE; border-radius: 50px; } #faqoverzicht .zoeknaarfaqitems input[type=text]{ position: absolute; top: 2px; left: 2px; right: 20px; bottom: 2px; background:none; border: 0; outline-style: none; padding: 0 30px; } #faqoverzicht .zoeknaarfaqitems #zoekknop { cursor: pointer; width: 36px; background: url("../img/svg-zoom-donker.svg") no-repeat center center; background-size: auto 50%; position: absolute; top: 2px; bottom: 2px; right: 10px; border: 0; outline-style: none; } #faqoverzicht .zoeknaarfaqitems #zoekknop:hover { background: url("../img/svg-zoom-kleur.svg") no-repeat center center; background-size: auto 50%; } #faqoverzicht h3.onzichtbaar { display: none; } #faqoverzicht.zoekproces h3 { display: none; } #faqoverzicht.zoekproces h3.onzichtbaar { display: block;} #faqoverzicht.zoekproces .faqitem .nummer { display: none; } #faqoverzicht.zoekproces .faqitem .vraag { padding-left: 0!important; } #faqvervolg { z-index: 3; background: #eee; margin-top: 40px; } #faqvervolg h3{ font-size: 40px; font-weight: bold; margin-top: 40px; } #faqvervolg .faqitems{ padding: 60px 250px 100px; } #faqvervolg .faqitems .faqitem.onzichtbaar{ display: none; } #faqvervolg .faqitems .faqitem{ cursor: pointer; padding: 15px 25px 15px 30px; background: #fff; border-radius: 30px; margin: 10px 0; text-align: left; font-weight: 500; color: #191E3B; } #faqvervolg .faqitems .faqitem .nummer{ position: absolute; top: 15px; left: 15px; height: 30px; width: 30px; line-height: 30px; font-weight: bold; text-align: center; border-radius: 100%; color: #1DAE8D; margin-right: 20px; } #faqvervolg .faqitems .faqitem .vraag{ font-weight: bold; padding: 0px 35px; } #faqvervolg .faqitems .faqitem .sluiten{ position: absolute; overflow: hidden; width: 0px; opacity: 0; top: 15px; right: 20px; height: 25px; line-height: 25px; color: #fff; background: #1DAE8D; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: bold; border-radius: 15px; } #faqvervolg .faqitems .faqitem .antwoord{ height: 0px; overflow: hidden; padding: 0 30px; opacity: 0; background: #f5f5f5; box-shadow: inset 1px 3px 10px rgba(0,0,0,0.05); border-radius: 10px; } #faqvervolg .faqitems .faqitem:after{ position: absolute; top:9px; right: 12px; height: 45px; width: 45px; background: #1DAE8D url("../img/svg-pijl-beneden-wit.svg") no-repeat center center; background-size: 25% auto; border-radius: 100%; } #faqvervolg .faqitems .faqitem:after{ transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s; } #faqvervolg .btn { margin-left: 460px; } #faqvervolg .btn.arrow2:after{ transform: scale(-1, 1); position: absolute; top: 30px; right: -180px; width: 130px; height: 30px; background: url("../img/svg-pijl-getekend.svg") no-repeat center center; background-size: 100% auto; } #faqvervolg .faqitems .faqitem.active .vraag { font-weight: bold; color: #1DAE8D; } #faqvervolg .faqitems .faqitem.active .antwoord { height: auto; margin: 10px 0; padding: 0; opacity: 1; background: none; box-shadow: none; } #faqvervolg .faqitems .faqitem.active .sluiten { width: 110px; opacity: 1; } #faqvervolg .faqitems .faqitem.active .nummer { } #faqvervolg .faqitems .faqitem.active:after { opacity: 0; } #faqvervolg .faqitems .faqitem ul{ text-align: left; padding: 20px 0 20px 40px; } #faqvervolg .faqitems .faqitem ul li{ list-style: disc; padding: 5px 0 5px 30px; list-style-position: outside; } #faqvervolg .faqitems .faqitem ol{ text-align: left; padding: 20px 0 20px 40px; } #faqvervolg .faqitems .faqitem ol li{ list-style: decimal; padding: 5px 0 5px 30px; list-style-position: outside; } #faqvervolg .faqitems .faqitem:hover{ } #faqvervolg .faqitems .faqitem:hover .vraag{ font-weight: bold; color: #1DAE8D ; } #faqvervolg.faqinpagina .faqitems{ padding: 20px 0px 100px; } #faqvervolg.faqinpagina .faqitems h2{ margin-bottom: 20px; } #faqvervolg.faqinpagina { box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1); border-radius: 60px; background: #fff; margin-bottom: 80px; } #faqvervolg.faqinpagina .faqitems .faqitem{ cursor: pointer; padding: 15px 25px 15px 25px; border-radius: 30px; margin: 5px 0; background: #fff; box-shadow: 0 5px 30px rgb(0, 0, 0, 0.1); text-align: left; font-weight: 500; color: #000; } #faqvervolg.faqinpagina .faqitems .faqitem .nummer{ position: absolute; top: 15px; left: 30px; font-weight: bold; color: #1DAE8D ; width: 10px; text-align: right; margin-right: 20px; } #faqvervolg.faqinpagina .faqitems .faqitem .vraag{ padding: 0px 35px 0 30px; } #faqvervolg.faqinpagina .faqitems .faqitem .sluiten{ position: absolute; overflow: hidden; width: 0px; opacity: 0; top: 15px; right: 20px; height: 25px; line-height: 25px; color: #fff; background: #05102F; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: bold; border-radius: 15px; } #faqvervolg.faqinpagina .faqitems .faqitem .antwoord{ height: 0px; overflow: hidden; padding: 0 30px; opacity: 0; background: rgba(5,16,47,0.05); border-radius: 10px; box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.1); } #faqvervolg.faqinpagina .faqitems .faqitem:after{ position: absolute; top:9px; right: 12px; height: 45px; width: 45px; background: #1DAE8D url("../img/svg-pijl-beneden-wit.svg") no-repeat center center; background-size: 25% auto; border-radius: 100%; } #faqvervolg.faqinpagina .faqitems .faqitem:after{ transition: background .2s linear; -o-transition: background .2s linear; -moz-transition: background .2s linear; -webkit-transition: background .2s; } #faqvervolg.faqinpagina .faqitems .faqitem:hover:after { background-color: #05102F; } #faqvervolg.faqinpagina .faqitems .faqitem.active .vraag { font-weight: bold; color: #1DAE8D ; } #faqvervolg.faqinpagina .faqitems .faqitem.active .antwoord { height: auto; margin: 10px 0; padding: 20px 30px; opacity: 1; } #faqvervolg.faqinpagina .faqitems .faqitem.active .sluiten { width: 120px; opacity: 1; } #faqvervolg.faqinpagina .faqitems .faqitem.active:after { opacity: 0; } #faqvervolg.faqinpagina .faqitems .faqitem ul{ text-align: left; padding: 20px 0 20px 40px; } #faqvervolg.faqinpagina .faqitems .faqitem ul li{ list-style: disc; padding: 5px 0 5px 30px; list-style-position: outside; } #faqvervolg.faqinpagina .faqitems .faqitem ol{ text-align: left; padding: 20px 0 20px 40px; } #faqvervolg.faqinpagina .faqitems .faqitem ol li{ list-style: decimal; padding: 5px 0 5px 30px; list-style-position: outside; } #trainingen { padding: 0; } h2.trainingtitel{ text-align: center; padding-bottom: 30px!important; font-size: 42px!important; } #trainingen .trainingenblok{ width: 380px; margin: 0 0 30px 30px; } #trainingen .trainingenblok:nth-child(3n + 1){ margin-left: 0; clear: left; } #trainingen #trainingenblokken{ overflow: hidden !important; padding: 20px 10px 50px 20px; width: 1640px; margin-left: -20px; } #trainingen #trainingenblokken .bgleft{ position: absolute; top: 0; left: -30px; bottom: 0; width: 30px; box-shadow: 10px 0px 5px #fff; z-index: 500; } #trainingen #trainingenblokken .bgright{ position: absolute; top: 0; right: -30px; bottom: 0; width: 30px; box-shadow: -5px 0px 5px #fff; z-index: 500; } #trainingen #trainingenblokken .trainingenblok{ cursor: pointer; background: #fff; border-radius: 10px ; box-shadow: 0 5px 20px rgba(0,0,0,0.08); z-index: 0; } #trainingen #trainingenblokken .trainingenblok .trainingenbottom{ padding: 10px 25px 25px 25px; } #trainingen #trainingenblokken .trainingenblok .trainingenimg{ } #trainingen #trainingenblokken .trainingenblok .trainingenimg img{ width: 100%; border-radius: 10px 10px 0 0; height: 180px; object-fit: cover; object-position: center; } #trainingen #trainingenblokken .trainingenblok .trainingentitel{ padding: 20px 20px 0; font-weight: bold; font-size: 24px; color: #2A3362; } #trainingen #trainingenblokken .trainingenblok .trainingensubtitel{ padding: 0px 20px 0; font-style: italic; color: #1DAE8D; font-size: 16px; line-height: 150%; } #trainingen #trainingenblokken .trainingenblok .trainingentxt{ padding: 10px 20px 20px; color: #2A3362; font-size: 14px; line-height: 170%; } #trainingen #trainingenblokken .trainingenblok .trainingenopties{ padding: 0px 20px 20px; } #trainingen #trainingenblokken .trainingenblok .trainingenopties a{ text-transform: uppercase; text-decoration: none!important; color:#fff!important; font-size: 14px; font-weight: bold; border-radius: 30px; } #trainingen #trainingenblokken .trainingenblok .trainingenopties .boeken{ color: #fff; background: #79A108; margin-right: 10px; } #trainingen #trainingenblokken .trainingenblok .trainingenopties .boeken:hover{ background: #4F3622; text-decoration: none; } #trainingen #trainingenblokken .trainingenblok .trainingenopties .wit{ color: #333; background: #F2F2F2; margin-left: 10px; } #trainingen #trainingenblokken .trainingenblok .trainingenopties .wit:hover{ background: #4F3622; color: #fff; text-decoration: none; } #trainingen .controls{ position: absolute; top: 0px; right: 220px; } #trainingen .controls .swiper-button-next { position: absolute; right: -55px!important; left: auto!important; top: 80px!important; border-radius: 100%; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background: #fff url("../img/svg-pijl-rechts-kleur.svg") no-repeat center center; background-size: auto 16px; height: 50px!important; width: 50px!important; } #trainingen .controls .swiper-button-prev { position: absolute; left: -55px!important; right: auto!important; top: 80px!important; border-radius: 100%; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background: #fff url("../img/svg-pijl-links-kleur.svg") no-repeat center center; background-size: auto 16px; height: 50px!important; width: 50px!important; } #trainingen #trainingenblokken.noslider{ padding: 0 12%; } #trainingen #trainingenblokken.noslider .trainingenblok{ width: 600px; margin: 0 0 30px 30px!important; } #trainingen #trainingenblokken.noslider .trainingenblok:nth-child(odd){ margin-left: 0!important; margin-top: 30px; } #trainingen #trainingenblokken .trainingenblok .trainingenimg:before { position: absolute; bottom: -20px; left: 50%; margin-left: -25px; height: 30px; width: 30px; background: #333C6E url("../img/svg-pijl-rechts-wit.svg") no-repeat 12px center; background-size: auto 40%; border-radius: 100%; border: 10px solid #fff; } #trainingen #trainingenblokken .trainingenblok .trainingenimg:before { transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } #trainingen #trainingenblokken .trainingenblok:hover { box-shadow: 0 8px 10px rgba(0,0,0,0.15); } #trainingen #trainingenblokken .trainingenblok:hover .btn { background: #1DAE8D; } #trainingen #trainingenblokken .trainingenblok:hover .trainingenimg:before { background-color: #1DAE8D; bottom: -24px; } #traininghoofdbalk { position: fixed; top: 110px; height: 80px; background:#eee; border-bottom: 2px solid #fff; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1); z-index: 100; } #traininghoofdbalk .traininghoofdbalktabblad{ cursor: pointer; height: 50px; margin-top: 30px; color: rgba(51, 60, 110, 0.4); margin-right: 10px; padding: 5px 20px; font-weight: bold; text-transform: uppercase; font-size: 15px; } #traininghoofdbalk .traininghoofdbalktabblad.active{ margin-top: 25px; height: 55px; opacity: 1; background: #fff; color: #333C6E; padding: 10px 30px; border-radius: 10px 10px 0 0; border-top: 4px solid #FCB321; } #traininghoofdbalk.animate .traininghoofdbalktabblad { opacity: 0; transform: translateY(5px); transition-property: opacity, transform; } #traininghoofdbalk.animate-active .traininghoofdbalktabblad{ opacity: 1; transform: translateY(0px); } #traininghoofdbalk.animate .traininghoofdbalktabblad:nth-child(0) { transition-delay: 0s; } #traininghoofdbalk.animate .traininghoofdbalktabblad:nth-child(1) { transition-delay: 0.2s; } #traininghoofdbalk.animate .traininghoofdbalktabblad:nth-child(2) { transition-delay: 0.4s; } #traininghoofdbalk.animate .traininghoofdbalktabblad:nth-child(3) { transition-delay: 0.6s; } #traininghoofdbalk.animate .traininghoofdbalktabblad:nth-child(4) { transition-delay: 0.8s; } #traininghoofdbalk.animate .traininghoofdbalktabblad:nth-child(5) { transition-delay: 1.0s; } #traininghoofdbalk.animate .traininghoofdbalktabblad:nth-child(6) { transition-delay: 1.2s; } #traininghoofdbalk.animate .traininghoofdbalktabblad:nth-child(7) { transition-delay: 1.4s; } #traininghoofdbalk.animate .traininghoofdbalktabblad:nth-child(8) { transition-delay: 1.6s; } #traininghoofdbalk.animate .traininghoofdbalktabblad:nth-child(9) { transition-delay: 1.8s; } #traininghoofdbalk.animate .traininghoofdbalktabblad:nth-child(10) { transition-delay: 2.0s; } #traininghoofdbalktabbladselect { display: none; } #traininghoofdbalktabbladselect { appearance: none; -webkit-appearance: none; -moz-appearance: none; } #traininghoofdbalktabbladselect { position: absolute; top: 22px; left: 0; width: 100%; padding: 8px 15px; border-radius: 5px; } #traininghoofdbalktabbladselect { border: 1px solid #ddd; background: #FFF url("../img/svg-pijl-beneden-kleur.svg") no-repeat 97% center; background-size: 10px auto; } #traininghoofdbalk .boekurl{ position: absolute; right: 0; top: 23px; border-radius: 30px; font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; } #traininghoofdbalk .boekurl{ background: #1DAE8D; padding: 5px 25px 5px 50px; } #traininghoofdbalk .boekurl:hover{ background: #FCB321; text-decoration: none; } #traininghoofdbalk .boekurl:before { position: absolute; top: -1px; bottom: 0px; left: 15px; width: 25px; background: url("../img/svg-dagen-wit.svg") no-repeat center center; background-size: auto 50%;} #inhoud.paginalagen.methoofdtabblad { margin-top: 140px; } .boekurlbtnmobiel{ z-index: 1000; display: none; position: fixed; top: 190px; width: 200px; right: -80px; transform: rotate(-90deg); border-radius: 20px 20px 0 0; margin-bottom: 10px; text-align: center; font-size: 14px; font-weight: bold; color: #fff!important; text-transform: uppercase; } .boekurlbtnmobiel{ background: #1DAE8D; padding: 10px 25px 5px 50px; text-decoration: none!important; } .boekurlbtnmobiel:hover{ background: #FCB321; text-decoration: none; } .boekurlbtnmobiel:before { position: absolute; top: -1px; bottom: 0px; left: 15px; width: 25px; background: url("../img/svg-dagen-wit.svg") no-repeat center center; background-size: auto 50%;} .boekurlbtnzijkant{ color: #fff!important; text-decoration: none!important; z-index: 1000; position: fixed; top: 220px; line-height: 110%; width: 200px; right: -80px; transform: rotate(-90deg); border-radius: 20px 20px 0 0; margin-bottom: 10px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; } .boekurlbtnzijkant{ background: #1DAE8D; padding: 15px 25px 10px 50px; text-decoration: none!important; } .boekurlbtnzijkant:hover{ background: #FCB321; text-decoration: none; } .boekurlbtnzijkant:before { position: absolute; top: -1px; bottom: 0px; left: 15px; width: 25px; background: url("../img/svg-dagen-wit.svg") no-repeat center center; background-size: auto 50%;} .boekurlbtnzijkantvariable{ color: #fff!important; text-decoration: none!important; font-weight: bold; text-transform: uppercase; } .boekurlbtnzijkantvariable{ position: fixed; top: 180px; right: 0; writing-mode: vertical-rl; transform: rotate(180deg); padding: 55px 10px 25px 7px; background: #1DAE8D; border-radius: 0 20px 20px 0; white-space: nowrap; } .boekurlbtnzijkantvariable:hover{ background: #FCB321; text-decoration: none; } .boekurlbtnzijkantvariable:before { position: absolute; transform: rotate(90deg); top: 10px; left: 3px; width: 40px; height: 40px; background: url("../img/svg-dagen-wit.svg") no-repeat center center; background-size: auto 50%;} .boekurlbtnzijkantvariableuitklap { position: fixed; top: 180px; right: 0px; z-index: 4000; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariable{ position: absolute; top: 0px; right: 0; cursor: pointer; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt{ position: absolute; top: 0px; right: 0; padding-right: 50px; background:#1DAE8D; width: 0px; overflow: hidden; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .container{ color: #fff; opacity: 0; display: none; width: 450px; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .container .txtinhoud{ max-height: 400px; padding-right: 45px; overflow: scroll; overflow-x: hidden; overflow-y: auto; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .sluiten{ position: absolute; top: 20px; right: 25px; width: 30px; height: 30px; opacity: 0.5; cursor: pointer; background: url("../img/svg-sluiten-wit.svg") no-repeat center center; background-size: auto 60%; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .sluiten:hover{ opacity: 1; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .container .txtinhoud::-webkit-scrollbar { width: 6px; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .container .txtinhoud::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); -webkit-border-radius: 5px; border-radius: 5px; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .container .txtinhoud::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background: #fff; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .container .txtinhoud::-webkit-scrollbar-thumb:window-inactive { background: #fff; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .zijknopuitklap1{ margin-top: 25px; background: #FCB321; color: #fff!important; padding: 7px 20px; border-radius: 20px; margin-right: 10px; font-weight: bold; text-decoration: none!important; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .zijknopuitklap2{ margin-top: 25px; background: rgba(42, 51, 98, 0.35); color: #fff!important; padding: 7px 20px; border-radius: 20px; margin-right: 10px; font-weight: bold; text-decoration: none!important; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .zijknopuitklap1:hover { background: #fff; color: #2A3362!important; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .zijknopuitklap2:hover { background: #2A3362; color: #fff!important; } .boekurlbtnzijkantvariableuitklap.active .boekurlbtnzijkantvariable{ right: 500px; } .boekurlbtnzijkantvariableuitklap.active .boekurlbtnzijkantvariabletxt{ right: 0px; width: 500px; min-height: 250px; padding: 30px 40px; border-radius: 0 0 0 20px; } .boekurlbtnzijkantvariableuitklap.active .boekurlbtnzijkantvariabletxt .container{ opacity: 1; display: block; } .boekurlbtnzijkantvariableuitklap.active .boekurlbtnzijkantvariabletxt .sluiten{ display: block; } #traininghoofdbalk.animate .boekurl { opacity: 0; transform: translateY(-10px); transition-delay: 1.0s; transition-property: opacity, transform; } #traininghoofdbalk.animate-active .boekurl{ opacity: 1; transform: translateY(0px); } @keyframes spinner { to { transform: rotate(360deg); } } .extrapaginalaag{ } .extrapaginalaag h4{ text-transform: uppercase; font-size: 13px!important; font-weight: 600; text-align: center; } .extrapaginalaag.cta { margin: 30px 0 30px; width: 100%; padding-left: 0px; } .extrapaginalaag.cta .kennismaken{ border-radius: 50px; font-weight: bold; text-decoration: none!important; color:#fff!important; margin-left: 150px; padding: 12px 25px 12px 25px; background: #1DAE8D; } .extrapaginalaag.cta .kennismaken span.min{ font-size: 13px; font-weight: 500; font-style: italic; } .extrapaginalaag.cta .kennismaken:hover{ background: #2A3362; } .extrapaginalaag.cta .tel{ margin: 0 50px; margin-top: 5px; width: 250px; font-weight: 500; font-size: 20px; color: #2A3362; height: 45px; padding-left: 55px; text-align: left; line-height: normal; } .extrapaginalaag.cta .tel { text-decoration: none!important; color: #2A3362!important; } .extrapaginalaag.cta .tel span{ font-size: 12px; padding-top: 0px; color: #2A3362; } .extrapaginalaag.cta .tel:before{ position: absolute; top: 0px; left: 0px; bottom: 0px; width: 38px; background:url("../img/svg-telefoon-donker.svg") no-repeat top left; background-size: auto 100%; } .extrapaginalaag.cta .tel:hover { text-decoration: none; } .extrapaginalaag.cta .email{ width: 275px; margin-top: 5px; font-weight: 500; font-size: 20px; color: #2A3362; height: 45px; padding-left: 65px; text-align: left; line-height: normal; } .extrapaginalaag.cta .email { text-decoration: none!important; color: #2A3362!important; } .extrapaginalaag.cta .email span{ font-size: 12px; padding-top: 0px; color: #2A3362; } .extrapaginalaag.cta .email:before{ position: absolute; top:0; left: 0; width: 45px; height: 45px; border-radius: 100%; box-shadow: 0px 3px 30px rgba(43,40,115,0.2); background: #fff url("../img/svg-email-donker.svg") no-repeat center center; background-size: auto 12px; } .extrapaginalaag.cta .email:hover { text-decoration: none; } .actieblok { width: 90%; margin-left: 5%; padding: 80px 0px 60px; margin-top: 80px; text-align: center; color: #fff; background: #182048 url("../img/visual-menu.jpg") no-repeat center center; background-size: cover; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); border-radius: 60px; font-size: 18px; font-weight: 600;} .actieblok:before { position: absolute; height: 60px; width: 60px; right: 50%; margin-right: -30px; border-radius: 100%; top: -30px; background: url("../img/svg-studie.svg") no-repeat center center ; background-size: auto 100%; } .actieblok h2 { color: #fff; padding: 0!important; font-size: 32px; } .actieblok .knop { margin-top: 50px; } .actieblok .btn { margin: 0 auto; float: none; padding: 20px 45px; font-size: 18px; background: #1DAE8D; line-height: 110%; color: #fff!important; text-decoration: none!important; } .actieblok .btn:hover { background: #FCB321; } @media screen and (min-width: 1320px) and (max-width: 1660px) { #inhoud.paginalagen .opmaatheader h1{ font-size: 48px; } #inhoud.paginalagen .opmaatheader h2{ font-size: 15px; } #reparatiestatus .centered { width: 800px!important; } #faqoverzicht .zoeknaarfaqitems { left: 300px; right: 300px; } #traininghoofdbalk .traininghoofdbalktabblad { padding: 5px 25px; margin-right: 0px; } #traininghoofdbalk .traininghoofdbalktabblad.active { padding: 10px 20px 15px; } .actieblok { width: 100%; margin-left: 0%; } .actieblok h2 { font-size: 38px!important; } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoud .tabbladlaagtxt{ padding-right: 15%; } } @media screen and (min-width: 1024px) and (max-width: 1319px) { #kruimelpad { padding-top: 250px; } #kruimelpad .centered{ width: 960px; } #inhoud.vervolgpagina .centered{ width: 960px; } #inhoud.vervolgpagina .centered .container.pagina{ padding: 70px 100px; } #cta { width: 960px; margin-left: -100px; } #inhoud.paginalagen .tekstfoto.positie1 .tekstfotolinks { padding-right: 30px; } #inhoud.paginalagen .tekstfoto.positie1 .tekstfotorechts { padding-left: 30px; } #inhoud.paginalagen .tekstfoto.positie0 .tekstfotolinks { padding-left: 30px; } #inhoud.paginalagen .tekstfoto.positie0 .tekstfotorechts { padding-right: 30px; } #inhoud.paginalagen .tekstblokken{ padding: 40px 0px; } #inhoud.paginalagen .tekstblokken+.tekstblokken{ padding: 0px 0px 40px; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(3n){ padding-right: 0!important; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(3n + 4){ clear: both; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(3n) { padding-right: unset !important; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(3n + 4) { clear: unset !important; } /* Nieuwe 2-koloms layout */ #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(2n) { padding-right: 0 !important; /* laatste item in de rij */ } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(2n + 1) { clear: both; } #inhoud.paginalagen .tekst.vinkjes ul li { width: 50%; } #inhoud.paginalagen .quotelaag{ margin: 40px 10%; width: 80%; } #inhoud.paginalagen .opmaatheader h1{ font-size: 42px; } #inhoud.paginalagen .opmaatheader h2{ font-size: 13px; } #inhoud.paginalagen .prijslijst{ padding: 50px 50px 10px; } #inhoud.paginalagen .video { width: 100%; padding: 30px; margin: 30px 0; } #inhoud.paginalagen .tekstfoto.positie0:before{ top: 230px; right: -30px; } #inhoud.paginalagen .quotelaag{ margin: 40px 10%; width: 80%; } #faqoverzicht .zoeknaarfaqitems { left: 130px; right: 130px; } #faqvervolg .faqitems { padding: 60px 50px 100px; } .extrapaginalaag.cta { padding-left: 30px; } .extrapaginalaag.cta .kennismaken{ margin-left: 0px; } #trainingen .trainingenblok{ width: 440px; margin: 0 0 30px 30px!important; } #trainingen .trainingenblok:nth-child(4n + 1){ margin-left: 0px; clear: none; } #trainingen .trainingenblok:nth-child(2n + 1){ margin-left: 0px!important; clear: left; } #trainingen .trainingenblok:nth-child(3n + 1){ clear: none; } h2.trainingtitel{ font-size: 32px!important; line-height: 130%; padding-bottom: 10px; } #trainingen-details .trainingen-links .trainingen-link a.wit{ margin: 15px 0 0; } #traininghoofdbalk .traininghoofdbalktabblad { padding: 5px 10px; } #traininghoofdbalk .traininghoofdbalktabblad.active { padding: 10px 20px 12px; margin-right: 10px; margin-left: 10px; } .actieblok { width: 100%; margin-left: 0%; } .actieblok h2 { font-size: 28px!important; } #inhoud.paginalagen .tabbladlaag{ padding: 30px 30px; } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoudblok { padding: 50px 60px 40px 40px; } #inhoud.paginalagen .tabbladlaag:before { display: none; } #inhoud.paginalagen .tabbladlaag .tabbladlaagmenu { padding-right: 0; } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem { font-size: 13px; padding: 10px 8px 20px; } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoud .tabbladlaagtxt{ padding-right: 0%; } #inhoud.paginalagen .tabbladlaag.review-koppel-item{ padding: 20px 20px 20px 110px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item-img{ width: 60px; height: 60px; border: 5px solid #fff; } #inhoud.paginalagen .tabbladlaag .review-koppel-item-img img{ width: 60px; height: 60px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item:nth-child(even) { padding-left: 30px; padding-right: 110px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol { padding: 40px 50px 40px 130px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol:nth-child(even) { padding: 40px 130px 40px 60px } #inhoud.paginalagen .bundelmenucontainer { padding: 40px 0px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem{ width: 290px!important; padding-top: 180px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .afbeelding { height: 180px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .afbeelding img{ height: 180px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay { padding: 30px 40px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay .titel { font-size: 18px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay .subtitel { font-size: 15px; } } @media screen and (min-width: 740px) and (max-width: 1023px) { #kruimelpad .centered{ width: 680px; } #kruimelpad { padding-top: 180px; } #inhoud.vervolgpagina .centered{ width: 680px; } #inhoud.vervolgpagina .centered .container.pagina{ padding: 50px 70px; } #inhoud.vervolgpagina .centered .container.pagina.nocta{ min-height: 250px; } #inhoud.vervolgpagina h1{ font-size: 28px; } #inhoud.vervolgpagina h2{ font-size: 20px; padding: 10px 0 10px; } #inhoud.vervolgpagina h1 + h2{ padding: 0px 0 20px; } #inhoud.vervolgpagina h3{ font-size: 18px; } #inhoud.vervolgpagina h4{ font-size: 16px; } #inhoud.vervolgpagina.bedankt:before{ height: 400px; } #paginalaag.noheader, #paginalaag.header { padding-top: 150px; } #paginalaag.noheader { margin-top: 0; padding-top: 120px; } #inhoud.paginalagen { margin-top: 50px;} #inhoud.paginalagen h1+h2{ font-size: 18px; } #inhoud.paginalagen .tekst {padding: 10px 20px; } #inhoud.paginalagen .fotoblokken { padding: 30px 0 50px; } #inhoud.paginalagen .fotoblokken img { margin: 0 10px; height: 120px; } #inhoud.paginalagen .foto.foto0 .fotoimg:before { right: 5%; } #inhoud.paginalagen .foto.foto0 img { width: 100%; max-height: 300px; } #inhoud.paginalagen .foto { padding: 40px 0 60px; } #inhoud.paginalagen .video { width: 100%; padding: 30px; margin: 30px 0; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(3n){ padding-right: 0!important; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(3n + 4){ clear: both; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(3n) { padding-right: unset !important; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(3n + 4) { clear: unset !important; } /* Nieuwe 2-koloms layout */ #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(2n) { padding-right: 0 !important; /* laatste item in de rij */ } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(2n + 1) { clear: both; } #inhoud.paginalagen .tekst.vinkjes ul li { width: 50%; } #inhoud.paginalagen .tekstblokken{ padding: 40px 0px; } #inhoud.paginalagen .tekstblokken+.tekstblokken{ padding: 0px 0px 40px; } #inhoud.paginalagen .tekstblokken .tekstbloktitel { padding: 0px 40px 0 40px; } #inhoud.paginalagen .tekstblokken .tekstbloktitel h3 { padding-bottom: 10px; font-size: 20px; } #inhoud.paginalagen .tekstblokken .tekstbloktekst { padding: 0 40px 20px 40px;} #inhoud.paginalagen .tekstblokken .knop { padding: 0 40px 20px 40px; } #inhoud.paginalagen .tekstblokken img { height: 220px; } #inhoud.paginalagen .tekstfoto { padding: 50px 0 50px; } #inhoud.paginalagen .tekstfoto.positie1 .tekstfotolinks { padding-right: 30px; } #inhoud.paginalagen .tekstfoto.positie1 .tekstfotorechts { padding-left: 30px; } #inhoud.paginalagen .tekstfoto h2 { text-align: left; padding-top: 0px; } #inhoud.paginalagen .tekstfoto.positie0 .tekstfotolinks { padding-left: 30px; } #inhoud.paginalagen .tekstfoto.positie0 .tekstfotorechts { padding-right: 30px; } #inhoud.paginalagen .tekstfoto.vinkjes ul{ } #inhoud.paginalagen .tekstfoto.vinkjes ul li{ padding: 0 0 0 21px; } #inhoud.paginalagen .tekstfoto.vinkjes ul li:before{ top: 1px; left: -20px; width: 25px; height: 25px; } #inhoud.paginalagen .tekstfoto.vinkjes ul li:after{ top: 1px; left: -20px; width: 25px; height: 25px; } #inhoud.paginalagen .faq{ padding: 30px 0 30px; } #inhoud.paginalagen .faq h2{ font-size: 18px; } #inhoud.paginalagen .faqitem h4{ font-weight: 600; font-size: 13px; } #inhoud.paginalagen .prijslijst{ padding: 50px 0px 10px; } #inhoud.paginalagen .prijslijstcontainer { padding: 30px 35px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij .kolom1{ width: 50%; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij .kolom2{ width: 25%; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij .kolom3{ width: 25%; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij.basic .kolom1{ width: 75%; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop .kolom1{ width: 50%; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop .kolom2{ width: 25%; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop .kolom3{ width: 25%; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop.basic .kolom1{ width: 75%; } #inhoud.paginalagen .quotelaag{ margin: 40px 0; width: 100%; } #cta { width: 680px; margin-left: -70px; padding: 50px 70px 160px 70px; text-align: center; } #cta h2 { font-size: 22px!important; font-weight: bold; padding: 0 10% 15px!important; } #cta h3 { font-size: 14px!important; font-weight: normal; } #cta .tel { right: auto; top: auto; bottom: 25px; left: 50%; margin-left: -115px; } #cta .email { right: auto; top: auto; bottom: 90px; left: 50%; margin-left: -100px; padding: 0 25px; height: 45px; line-height: 45px; } #inhoud.paginalagen .opmaatheader h1{ font-size: 36px; padding-bottom: 10px; } #inhoud.paginalagen .opmaatheader h2{ font-size: 14px; } #inhoud.paginalagen .quotelaag{ margin: 40px 0; width: 100%; } #inhoud.vervolgpagina.bedankt h3{ font-size: 20px; } #inhoud.paginalagen .tekstfoto.positie0:before{ top: 120px; right: -30px; } #details.vervolgpagina { margin-top: 180px;} #faqvervolg h3 { font-size: 30px; } #faqvervolg .faqitems{ padding: 40px 00px 80px; } #faqoverzicht .zoeknaarfaqitems { left: 90px; right: 90px; } .extrapaginalaag.cta { padding-left: 40px; } .extrapaginalaag.cta .email{ display: none; } .extrapaginalaag.cta .kennismaken{ margin-left: 40px; } #trainingen .trainingenblok{ width: 310px; margin: 0 0 30px 30px!important; } #trainingen .trainingenblok:nth-child(4n + 1){ margin-left: 0px; clear: none; } #trainingen .trainingenblok:nth-child(2n + 1){ margin-left: 0px!important; clear: left; } #trainingen .trainingenblok:nth-child(3n + 1){ clear: none; } h2.trainingtitel{ font-size: 32px!important; line-height: 130%; padding: 0 50px 30px!important; } #trainingen-details .trainingen-links .trainingen-link a.wit{ margin: 15px 0 0; } #trainingen #trainingenblokken .trainingenblok .trainingentitel { font-size: 20px; } #trainingen #trainingenblokken .trainingenblok .trainingensubtitel { font-size: 13px; } #traininghoofdbalk { top: 90px; height: 60px; } #traininghoofdbalk .traininghoofdbalktabblad { padding: 5px 10px; font-size: 12px; margin-top: 15px; } #traininghoofdbalk .traininghoofdbalktabblad.active { padding: 8px 20px 12px; margin-right: 8px; margin-left: 8px; height: 45px; } #traininghoofdbalk .traininghoofdbalktabblad.active.tabblad-tabblad-informatie { margin-left: -8px; } #traininghoofdbalk.animate .boekurl { top: 110px; width: 210px; text-align: center; display: none; } #traininghoofdbalk .boekurl { display: none; } #traininghoofdbalk { top: 90px; height: 60px; } #traininghoofdbalk .traininghoofdbalktabblad { margin-top: 15px; font-size: 14px; padding: 10px 30px; } #traininghoofdbalk .traininghoofdbalktabblad.active { margin-top: 15px; } #traininghoofdbalk .boekurl { display:none; } #inhoud.paginalagen.methoofdtabblad { margin-top: 80px; } .actieblok { padding: 70px 70px 50px; width: 100%; margin-left: 0%; font-size: 14px; } #inhoud.paginalagen .tabbladlaag{ padding: 10px 10px; } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoudblok { padding: 50px 60px 40px 40px; } #inhoud.paginalagen .tabbladlaag:before { display: none; } #inhoud.paginalagen .tabbladlaag .tabbladlaagmenu { padding-right: 0; } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem { font-size: 12px; padding: 10px 5px 20px; max-width: 145px; } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoud .tabbladlaagtxt{ padding-right: 0%; } #inhoud.paginalagen .tabbladlaag .review-koppel-item{ padding: 100px 30px 20px !important; text-align: center; font-size: 13px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item-img{ left: 70px; width: 60px; height: 60px; border: 5px solid #fff; } #inhoud.paginalagen .tabbladlaag .review-koppel-item-img img{ width: 60px; height: 60px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item:nth-child(even) { padding-left: 0; padding-right: 0px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item:nth-child(even) .review-koppel-item-img{ right: 70px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol { padding: 40px 50px 40px 130px!important; text-align: left; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol:nth-child(even) { padding: 40px 130px 40px 60px } #inhoud.paginalagen .tabbladlaag .review-koppel-item.nofoto { padding: 40px 50px 40px 50px!important; } #inhoud.paginalagen .bundelmenu .bundelmenuitem { padding: 12px 20px; font-size: 12px; } #inhoud.paginalagen .bundelmenucontainer { padding: 40px 0px; } .boekurlbtnzijkantvariableuitklap.active .boekurlbtnzijkantvariable{ right: 400px; } .boekurlbtnzijkantvariableuitklap.active .boekurlbtnzijkantvariabletxt{ width: 400px; min-height: 250px; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .container{width: 350px; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .container .txtinhoud{ max-height: 400px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem{ width: 310px!important; padding-top: 180px; margin-left: 30px; clear: none; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .afbeelding { height: 180px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .afbeelding img{ height: 180px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay { padding: 30px 40px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay .titel { font-size: 18px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay .subtitel { font-size: 15px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem:nth-child(3n + 1) { margin-left: 30px; clear: none; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem:nth-child(2n + 1) { margin-left: 0; clear: left; } } @media screen and (min-width: 1px) and (max-width: 739px) { #kruimelpad { padding: 100px 0 35px 0; margin-top: 0; } #kruimelpad:before { display: none; } #kruimelpad .centered{ width: 300px; } #kruimelpad.bg-bedankt { padding: 100px 0 35px 0; margin-top: 0px; } #kruimelpad.bg-merci { padding: 100px 0 35px 0; margin-top: 0px; } #kruimelpad.bg-thanks { padding: 100px 0 35px 0; margin-top: 0px; } #inhoud.vervolgpagina .centered{ width: 300px; } #inhoud.vervolgpagina .centered .container.pagina{ padding: 40px 30px; margin-top: -20px; } #inhoud.vervolgpagina .centered .container.pagina.nocta{ min-height: auto; } #inhoud.vervolgpagina.bedankt{ } #inhoud.vervolgpagina.bedankt:before{ height: 150px; } #inhoud.vervolgpagina.bedankt .centered .container.pagina { margin-top: 60px; } #inhoud.vervolgpagina.bedankt .centered .container.pagina { border-radius: 30px; } #inhoud.vervolgpagina { font-size: 14px; font-weight: 500; padding: 0px 0 50px 0; } #inhoud.vervolgpagina h1{ font-size: 22px; padding: 0 0 10px; text-align: left; } #inhoud.vervolgpagina h2{ font-size: 18px; padding: 10px 0 10px; text-align: left; } #inhoud.vervolgpagina h3{ font-size: 14px; text-align: left; } #inhoud.vervolgpagina h4{ font-size: 12px; text-align: left; } #inhoud.vervolgpagina h6 { font-size: 14px; padding: 30px 30px; margin: 20px 0; } #inhoud.vervolgpagina ul {padding: 20px 0 20px 30px; } #inhoud.vervolgpagina ul li { padding: 5px 0 5px 10px; } #inhoud.vervolgpagina ol li { padding: 5px 0 5px 10px; } #inhoud.vervolgpagina img{ max-width: 100%!important; } #inhoud.vervolgpagina h1 + h2 { padding: 0px 0 10px; } #paginalaag.noheader, #paginalaag.header { margin-top: 0; padding-top: 80px; } #paginalaag.noheader { margin-top: 0; padding-top: 0px; } #inhoud.paginalagen { margin-top: 140px; } #inhoud.paginalagen .tekst { padding: 10px 0px; text-align: left; } #inhoud.paginalagen h1+h2{ font-size: 14px; text-align: left; } #inhoud.paginalagen .tekst.vinkjes ul { border-radius: 20px; } #inhoud.paginalagen .tekst.vinkjes ul li { width: 100%; padding-right: unset !important; clear: none; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(2n) { padding-right: unset !important; } #inhoud.paginalagen .tekst.vinkjes ul li:nth-child(2n + 1) { clear: none; } #inhoud.paginalagen .tekst.vinkjes ul { margin: 15px 0; padding: 10px 30px 30px !important; } #inhoud.paginalagen .tekst.vinkjes ul li { padding: 5px 0px 0 55px !important; } #inhoud.paginalagen .tekstblokken { padding: 20px 0 20px; } #inhoud.paginalagen .tekstblokken+.tekstblokken { padding: 0px 0 20px; } #inhoud.paginalagen .tekstblokken img { height: 200px; } #inhoud.paginalagen .tekstblokken h2 span { margin-bottom: 0px; padding-bottom: 20px; border-bottom: 0;} #inhoud.paginalagen .tekstblokken .tekstbloklinks { width: 100%; padding: 0 0 30px 0px; text-align: center; text-align: left; margin: 0; } #inhoud.paginalagen .tekstblokken .tekstblokrechts { width: 100%; padding: 0 0 30px 0px; text-align: center; text-align: left; margin: 30px 0 0; } #inhoud.paginalagen .tekstblokken h2{ padding: 20px 20px 0; font-size: 20px; } #inhoud.paginalagen .tekstblokken .tekstbloktitel h3{ padding-bottom: 10px; padding-top: 20px; font-size: 18px; text-align: center; text-align: left; } #inhoud.paginalagen .tekstfoto { padding: 30px 0 40px; } #inhoud.paginalagen .tekstblokken .tekstbloktitel { padding: 10px 30px 0 30px; } #inhoud.paginalagen .tekstblokken .tekstbloktekst { padding: 0 30px 20px 30px;} #inhoud.paginalagen .tekstblokken .knop { padding: 0 30px 10px 30px; } #inhoud.paginalagen .tekstfoto.positie0 .tekstfotorechts { padding-top: 250px; width: 100%; text-align: center; text-align: left; padding-right: 0px;} #inhoud.paginalagen .tekstfoto.positie0 .tekstfotolinks { position: absolute; top: 0px; left: 0px; width: 100%; padding-left: 0px; margin-top: 30px;} #inhoud.paginalagen .tekstfoto.positie0 .tekstfotolinks img{ height: 200px; } #inhoud.paginalagen .tekstfoto.positie1 .tekstfotorechts { width: 100%; text-align: center; text-align: left; padding-left: 0px;} #inhoud.paginalagen .tekstfoto.positie1 .tekstfotolinks { width: 100%; padding-right: 0px; margin-bottom: 30px;} #inhoud.paginalagen .tekstfoto.positie1:before{ top: 20px; left: -80px; } #inhoud.paginalagen .tekstfoto.positie0:before{ top: 0px; right: -30px; width: 150px; height: 150px; } #inhoud.paginalagen .tekstfoto.vinkjes ul{ } #inhoud.paginalagen .tekstfoto.vinkjes ul li{ padding: 0 0 0 21px; } #inhoud.paginalagen .tekstfoto.vinkjes ul li:before{ top: 1px; left: -20px; width: 25px; height: 25px; } #inhoud.paginalagen .tekstfoto.vinkjes ul li:after{ top: 1px; left: -20px; width: 25px; height: 25px; } #inhoud.paginalagen .tekstfoto.positie1 .tekstfotolinks:before{ display: none; } #inhoud.paginalagen .tekstfoto.positie0 .tekstfotolinks:before{ display: none; } #inhoud.paginalagen .tekstfoto.positie0 img{ transform:none } #inhoud.paginalagen .tekstfoto.positie1 img{ transform:none } #inhoud.paginalagen .prijslijst{ padding: 50px 0px 10px; } #inhoud.paginalagen .prijslijstcontainer { padding: 30px 35px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop .kolom1 { width: 100%; padding-left: 0px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop .kolom2 { width: 50%; text-align: left; font-weight: normal; } #inhoud.paginalagen .prijslijstcontainer .prijslijstkop .kolom3 { width: 50%; text-align: left; font-weight: normal; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij .kolom1 { width: 100%; padding-left: 0px; opacity: 1; font-weight: bold; padding-right: 0; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij.basic .kolom1 { width: 100%; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij .kolom1 .kolom1subzin{ padding-right: 0; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij .kolom2 { width: auto; margin: 10px 10px 0 0; text-align: left; padding: 5px 15px; background: #f5f5f5; border-radius: 30px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij .kolom3 { width: auto; margin: 10px 10px 0 0; text-align: left; padding: 5px 15px; background: #f5f5f5; border-radius: 30px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij:hover { opacity: 1; background: none; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij:hover .kolom1 { padding-left: 0px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij:hover .kolom2 { padding: 5px 15px; } #inhoud.paginalagen .prijslijstcontainer .prijslijstrij:hover .kolom3 { padding: 5px 15px; } #inhoud.paginalagen .quotelaag{ margin: 20px 0 40px; width: 100%; font-size: 15px; padding: 40px 50px; } #inhoud.paginalagen .quotelaag .quotefoto{ top: 30px; left: 50%; margin-left: -50px; width: 100px; height: 100px; } #inhoud.paginalagen .quotelaag.metfoto { padding: 170px 40px 50px ; text-align: center; min-height: 190px; } #inhoud.paginalagen .quotelaag:after { bottom: 20px; right: 20px; width: 15px; height: 15px; } #inhoud.paginalagen .quotelaag:before { top: 20px; left: 20px; width: 15px; height: 15px; } #inhoud.paginalagen .tekstfoto h2 { text-align: center; text-align: left; padding-top: 0px; } #inhoud.paginalagen .tekstfoto img { width: 100%; max-height: 350px; height: auto; } #inhoud.paginalagen .split { height: 20px; margin-top: 10px; } #inhoud.paginalagen .tekstfoto.positie3 .tekstfototop { width: 100%; margin-left: 0%; } #inhoud.paginalagen .tekstfoto.positie3 .tekstfotobottom img { height: auto; } #inhoud.paginalagen .tekstfoto.positie2 .tekstfotobottom { width: 100%; margin-left: 0%; } #inhoud.paginalagen .tekstfoto.positie2 .tekstfototop img { height: auto; } #inhoud.paginalagen .video iframe { width: 100%; height: 200px; margin-left: 0%; } #inhoud.paginalagen .video a { position: relative; float: left; text-align: center;text-align: left; width: 100%; padding: 0px; height: auto; line-height: auto; margin-bottom: 0px; } #inhoud.paginalagen .video .url { padding-top: 10px; } #inhoud.paginalagen .quotelaag{ margin: 20px 0 40px; width: 100%; font-size: 15px; padding: 40px 50px; } #inhoud.paginalagen .quotelaag .quotefoto{ top: 30px; left: 50%; margin-left: -50px; width: 100px; height: 100px; } #inhoud.paginalagen .quotelaag.metfoto { padding: 170px 40px 50px ; text-align: center; min-height: 190px; } #inhoud.paginalagen .quotelaag:after { bottom: 20px; right: 20px; width: 15px; height: 15px; } #inhoud.paginalagen .quotelaag:before { top: 20px; left: 20px; width: 15px; height: 15px; } #inhoud.paginalagen .video { width: 100%; padding: 10px; margin: 30px 0; } #inhoud.paginalagen .fotoblokken { padding: 30px 0 30px; } #inhoud.paginalagen .fotoblokken img { width: 45%; margin: 0 2%; } #inhoud.paginalagen .foto { padding: 30px 0; } #inhoud.paginalagen .foto.foto0 .fotoimg:before { right: 0; } #inhoud.paginalagen .foto.foto0 img { width: 100%; height: auto; margin-left: 0; } #inhoud.paginalagen .fototekst { padding: 10px 0 0px; font-size: 12px; font-weight: bold; line-height: 150%; } #inhoud.paginalagen .knop .url { text-align: center; padding: 20px 0; } #inhoud.paginalagen .faq{ padding: 30px 0 30px; } #inhoud.paginalagen .faq h2{ font-size: 16px; } #inhoud.paginalagen .faqitem h4{ font-weight: 600; font-size: 13px; } #inhoud.paginalagen .faqinhoud{ font-size: 12px; } #inhoud.paginalagen .tabbladlaag{ background: #eee; padding: 15px 10px; width: 320px; margin-left: -10px; } #inhoud.paginalagen .tabbladlaag:before{ display:none; } #inhoud.paginalagen .tabbladlaag .tabbladlaagmenu { padding-right: 0px; } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem{ text-align: center; border-radius: 10px; background: rgba(255, 255, 255, 0.3); padding: 12px 0px; width: 48%; margin: 0 1% 10px; font-size: 11px; line-height: 120%; border-top: 0; border: 1px solid rgba(255, 255, 255, 1); } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem:nth-child(2n+1) { clear: left; } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem:hover{ margin-top: 0px; } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoudblok { margin-top: 5px; padding: 30px 40px; } #inhoud.paginalagen .tabbladlaag .tabbladlaagitem.active { background: #1DAE8D; color: #fff; border: 1px transparent; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); border-radius: 10px; padding: 12px 0px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol { margin-top: 0px; padding: 150px 0px 30px 0px; text-align: center; background: none; box-shadow: none; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol:nth-child(even) { padding: 150px 0px 30px 0px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol .review-koppel-item-img { left: 60px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.reviewvol:nth-child(even) .review-koppel-item-img { left: 65px; right: auto; } #inhoud.paginalagen .tabbladlaag .trainingen-reviews-pc { display: none; } #inhoud.paginalagen .tabbladlaag .trainingen-reviews-mobiel{ display: block; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.nofoto { padding: 40px 0px 40px 0px!important; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.nofoto .review-koppel-item-sterren { padding-left: 50px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.nofoto:before { top: 10px; right: 50%; margin-right: -10px; } #inhoud.paginalagen .tabbladlaag .review-koppel-item.nofoto:nth-child(even):before { top: 10px; right: 50%; margin-right: -10px; left: auto; } #inhoud.vervolgpagina .tabbladlaag ul li { padding: 1px 0 1px 15px; } /* agenda items mobiel */ #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-datum { width: 100%; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-info { width: 100%; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-meerinfo { margin-top: 18px; width: 70%; margin-lefT: 15%; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-aanmelden { margin-top: 8px; width: 70%; margin-lefT: 15%; background: #1DAE8D; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-meerinfo:hover{ background: #333C6E; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-aanmelden:hover{ background: #333C6E; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort .trainingen-agenda-item-aanmelden{ width: 100%; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort .trainingen-agenda-item-info { padding-right: 0; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort .trainingen-agenda-item-meerinfo { width: 100%; position: relative; float: left; top: auto; right: auto; left: 0; margin: 10px 0 0; height: auto; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort .trainingen-agenda-item-meerinfo span{ display: block; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort .trainingen-agenda-item-meerinfo:hover{ background: #333C6E!important; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item.kort:hover .trainingen-agenda-item-meerinfo { background: radial-gradient(#ddd, #ccc); } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item { margin-top: 35px; padding: 0; box-shadow: none!important; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda { padding: 0; text-align: center; background: none; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-locatie { margin-top: 15px; } #inhoud.paginalagen .tabbladlaag .trainingen-agenda-item-info { padding-left: 0; } #inhoud.paginalagen .tabbladlaag .tabbladlaaginhoud .tabbladlaagtxt{ padding-right: 0%; } #inhoud.paginalagen .tabbladlaag { margin-top: 20px; } /* agenda items mobiel */ #inhoud.paginalagen .bundelmenucontainer h2 { text-align: left; } #inhoud.paginalagen .bundelmenucontainer .bundellaagtxt { text-align: left; margin-bottom: 15px; } #inhoud.paginalagen .bundelmenu .bundelmenuitem { position: relative; float: left; padding: 12px 20px; font-size: 11px; margin: 0 10px 10px 0%; line-height: 100%; } #inhoud.paginalagen .bundelmenu { margin-top: -20px; padding: 0px 0 0px; } #inhoud.paginalagen .bundelmenu.uitgebreid.boven { flex-direction:column; align-items:center; gap:0px; } #inhoud.paginalagen .bundelmenu.uitgebreid.boven .bundelmenuitem{ position:relative; height: 80px; width: 100%; } #inhoud.paginalagen .bundelmenu.uitgebreid.boven .bundelmenuitem:before { height: 70px; } #inhoud.paginalagen .bundelmenu.uitgebreid.onder { flex-direction:column; align-items:center; gap:0px; } #inhoud.paginalagen .bundelmenu.uitgebreid.onder .bundelmenuitem{ position:relative; height: 80px; width: 100%; } #inhoud.paginalagen .bundelmenu.uitgebreid.onder .bundelmenuitem:before { height: 70px; } #inhoud.paginalagen .bundelmenucontainer { padding: 30px 0px; } #inhoud.paginalagen .bundelmenu.uitgebreid.laag { flex-direction:column; align-items:center; gap:0px; } #inhoud.paginalagen .bundelmenu.uitgebreid.laag .bundelmenuitem{ position:relative; height: 80px; width: 100%; } #inhoud.paginalagen .bundelmenu.uitgebreid.laag .bundelmenuitem:before { height: 70px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels { padding-left: 0; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem{ width: 310px!important; padding-top: 180px; height: auto; margin-left: 0px; clear: none; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .afbeelding { height: 180px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .afbeelding img{ height: 180px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay { padding: 30px 40px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay .titel { font-size: 18px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem .overlay .subtitel { font-size: 15px; } #inhoud.paginalagen .bundelmenu.uitgebreid.grotetegels .bundelmenuitem:nth-child(3n + 1) { margin-left: 0px; clear: none; } #cta { width: 300px; margin-left: -30px; margin-top: 40px; padding: 50px 40px 160px 40px; text-align: center; } #cta h2 { font-size: 18px!important; font-weight: normal; } #cta h3 { font-size: 14px!important; font-weight: normal; } #cta .tel { right: auto; top: auto; bottom: 25px; left: 32px; text-align: left; font-size: 15px; font-weight: bold; } #cta .email { right: auto; top: auto; bottom: 90px; left: 50px; padding: 0 25px; width: auto; font-size: 14px; height: 45px; line-height: 45px; } #inhoud.paginalagen .opmaatheader h1{ font-size: 30px; padding-bottom: 10px; text-align: center; } #inhoud.paginalagen .opmaatheader h2{ font-size: 14px; } #inhoud.vervolgpagina .tablemobile { position: relative; float: left; } #inhoud.vervolgpagina .tablemobile tr{ position: relative; float: left; width: 100% !important; } #inhoud.vervolgpagina .tablemobile td{ position: relative; float: left; width: 100% !important; } #inhoud.vervolgpagina .tablemobile ul{ padding: 0!important; } #inhoud.vervolgpagina.bedankt h3{ font-size: 16px; padding: 0 10% 10px; } #inhoud.vervolgpagina.merci h3{ font-size: 16px; padding: 0 10% 10px; } #inhoud.vervolgpagina.thanks h3{ font-size: 16px; padding: 0 10% 10px; } #inhoud.vervolgpagina.disclaimer ul li{ list-style: disc; text-align: left!important; padding: 5px 0 5px 20px!important; list-style-position: outside!important; } #inhoud.vervolgpagina.privacy-statement ul li{ list-style: disc; text-align: left!important; padding: 5px 0 5px 20px!important; list-style-position: outside!important; } #contact { padding: 0px 0 70px; } #details.vervolgpagina { margin-top: 180px;} #faqvervolg { margin-top: 0; } #faqvervolg h3 { font-size: 20px; text-align: center; } #faqvervolg .faqitems{ padding: 20px 0px 40px; } #faqvervolg .faq h2 { font-size: 32px; padding: 0 30px 10px; } #faqvervolg .faq h3 { font-size: 18px; padding: 0 30px 10px; } #faqvervolg .faqitems .faqitem { min-height: 60px; } #faqvervolg .faqitems .faqitem .sluiten { background: #EFEFEF url("../img/svg-sluiten-donker.svg") no-repeat center center; background-size: auto 50%; } #faqvervolg .faqitems .faqitem.active .sluiten { width: 25px; } #faqvervolg .faqitems .faqitem .sluiten span{ display: none; } #faqvervolg .faqitems .faqitem .nummer { left: 12px; top: 12px; } #faqvervolg .faqitems .faqitem .vraag { padding: 0px 45px 0 20px; line-height: 150%; } #faqvervolg .faqitems .faqitem ul {padding: 20px 0 20px 30px; } #faqvervolg .faqitems .faqitem ul li { padding: 5px 0 5px 10px; } #faqvervolg .faqitems .faqitem ol {padding: 20px 0 20px 30px; } #faqvervolg .faqitems .faqitem ol li { padding: 5px 0 5px 10px; } #faqoverzicht .zoeknaarfaqitems input[type=text] { padding: 0px 20px; } #faqoverzicht .zoeknaarfaqitems { left: 0px; right: 0px; } #faqvervolg.faqinpagina { box-shadow: none; border-radius: 0px; background: #fff; margin-bottom: 0px; } #faqvervolg.faqinpagina .faqitems { padding: 0px 0px 20px; } #faqvervolg.faqinpagina .faqitems { margin-bottom: 0px; } #faqvervolg.faqinpagina .faqitems .faqitem:after { top: 20px; right: 12px; height: 25px; width: 25px; background-size: 35% auto; } #faqvervolg.faqinpagina .faqitems .faqitem .vraag { font-weight: 600; line-height: 150%; padding-left: 0; } #faqvervolg.faqinpagina .faqitems .faqitem { border-radius: 15px; margin: 8px 0; } #faqvervolg.faqinpagina .faqitems .faqitem .sluiten { background: #05102F url("../img/svg-sluiten-wit.svg") no-repeat center center; background-size: auto 50%; } #faqvervolg.faqinpagina .faqitems .faqitem.active .sluiten { width: 25px; } #faqvervolg.faqinpagina .faqitems .faqitem .sluiten span{ display: none; } #faqvervolg.faqinpagina .faqitems .faqitem.active .antwoord { line-height: 150%; } #faqvervolg.faqinpagina .faqitems .faqitem .nummer { display: none; } .extrapaginalaag h4 { display: none; } .extrapaginalaag.cta { padding-left: x0px; margin: 20px 0 10px; } .extrapaginalaag.cta .kennismaken { margin: 0 0 0 10px; width: 95%; } .extrapaginalaag.cta .kennismaken span{ margin: 0 0 0 20px; } .extrapaginalaag.cta .tel{ margin: 30px 0 30px 0px; font-size: 17px; } .extrapaginalaag.cta .tel:before{ left: 7px; bottom: 0px; top: 6px; width: 38px; } .extrapaginalaag.cta .email{ margin: 0 0 0 0px; font-size: 17px; } #trainingen { overflow: visible!important; } #trainingen #trainingenblokken { padding: 0; overflow: visible!important; width: 100%; margin-left: 0px;} #trainingen .trainingenblok{ width: 100%; margin: 0 0 30px 0px!important; height: auto!important; margin-left: 0px; } #trainingen .trainingenblok:nth-child(4n + 1){ margin-left: 0px; clear: none; } #trainingen .trainingenblok:nth-child(2n + 1){ margin-left: 0px!important; clear: left; } #trainingen .trainingenblok:nth-child(3n + 1){ clear: none; } h2.trainingtitel{ font-size: 20px!important; line-height: 130%; padding: 10px 0px 20px!important; } #trainingen-details .trainingen-links .trainingen-link a.wit{ margin: 15px 0 0; } #trainingen #trainingenblokken .trainingenblok .trainingentitel { font-size: 18px; } #trainingen #trainingenblokken .trainingenblok .trainingensubtitel { font-size: 13px; } #trainingen #trainingenblokken .trainingenblok .trainingenimg img { height: 180px; } #traininghoofdbalk { top: 0px; height: 70px; } #traininghoofdbalk .traininghoofdbalktabblad { display: none; } #traininghoofdbalk .boekurl { display: none; } #traininghoofdbalktabbladselect { display: block; } #inhoud.paginalagen.methoofdtabblad { margin-top: 110px; } .boekurlbtnmobiel { display:block; } .boekurlbtnzijkantvariable{ top: 130px; } .boekurlbtnzijkantvariable:before { left: 0px; } .actieblok { padding: 50px 50px 50px; font-size: 14px; text-align: left; border-radius: 40px; width: 100%; margin-left: 0%; margin-top: 30px; } .actieblok h2 { font-size: 16px; } .actieblok .btn { font-size: 16px; padding: 18px 32px; } .boekurlbtnzijkant{ top: 200px; } .boekurlbtnzijkantvariableuitklap { top: 140px; } .boekurlbtnzijkantvariableuitklap.active .boekurlbtnzijkantvariabletxt { padding: 20px 30px 25px; } .boekurlbtnzijkantvariableuitklap.active .boekurlbtnzijkantvariable{ right: 289px; } .boekurlbtnzijkantvariableuitklap.active .boekurlbtnzijkantvariabletxt{ width: 290px; min-height: 250px; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .container .txtinhoud { padding-right: 10px; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .container{width: 240px; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .container .txtinhoud{ max-height: 400px; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .sluiten { top: 10px; right: 5px; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .zijknopuitklap1 { margin-top: 15px; width: 100%; text-align: center; } .boekurlbtnzijkantvariableuitklap .boekurlbtnzijkantvariabletxt .zijknopuitklap2 { margin-top: 10px; width: 100%; text-align: center; } }