:root{--mdc-theme-primary:#00326f;--mdc-theme-on-primary:#FFFFFF;--mdc-theme-surface:#FFFFFF;--mdc-theme-on-surface:#000000;--mdc-theme-background:#FFFFFF;--site-color-light-gray:#f5f5f5}@font-face{font-family:'Miltonian Tattoo';font-style:normal;font-weight:400;font-display:swap;src:url('/resources/documents/_fonts/MiltonianTattoo-Regular.woff') format('woff'),url('/resources/documents/_fonts/MiltonianTattoo-Regular.ttf') format('truetype')}@font-face{font-family:'Now';font-style:normal;font-weight:400;font-display:swap;src:url('/resources/documents/_fonts/now-medium.woff') format('woff'),url('/resources/documents/_fonts/now-medium.ttf') format('truetype')}@font-face{font-family:'Now';font-style:normal;font-weight:700;font-display:swap;src:url('/resources/documents/_fonts/now-bold.woff') format('woff'),url('/resources/documents/_fonts/now-bold.ttf') format('truetype')}body,html{font-size:18px;min-width:320px;scroll-behavior:smooth}body{margin:0 auto;display:flex;flex-direction:column;background-color:var(--mdc-theme-background);color:var(--mdc-theme-primary);font-family:'Now';line-height:30px}h1{font-family:'Miltonian Tattoo';font-size:3em;text-align:center}h2{font-family:'Miltonian Tattoo'}h1,h2,h3,h4{font-weight:400;line-height:initial;word-break:break-word}#inner-main,#inner-footer,#home-nav-container,#inner-home-contact,#home-info,#inner-home-toolbox{max-width:1700px}#inner-header{max-width:1820px}#inner-header,#inner-main,#inner-footer,#home-nav-container,#inner-home-contact,#home-info,#inner-home-toolbox{width:100%;margin:0 auto;padding:0 40px;box-sizing:border-box}#site-main:not(.collaboration) a,#site-footer a,#site-header a{color:var(--mdc-theme-primary)}#site-main:not(.collaboration) a{text-decoration:underline}#site-main #home-intro a,#site-main #home-contact-info a,#site-main #inner-home-toolbox a{text-decoration:none}.skip-button{position:absolute!important;transform:translateY(-60px);z-index:10}.skip-button:focus{transform:translateY(0)}#inner-header{padding-top:40px;padding-bottom:40px;display:flex;justify-content:space-between}.heading-with-underline a,.home-info-heading,.home-toolbox-heading,.footer-heading{font-size:25px;display:inline-flex;flex-direction:column;align-items:center}.home-info-heading,.home-toolbox-heading,.footer-heading{gap:20px}.home-toolbox-heading img,.home-info-heading img,.footer-heading img{width:100%;max-width:399px}.heading-with-underline a{font-family:'Miltonian Tattoo';text-decoration:none}#navigation-container{position:relative}#navigation-bar{display:flex;gap:35px;align-items:center}#navigation-bar .autonav{display:flex;gap:35px;list-style:none;padding:0;margin:0}#navigation-bar .autonav>li>a{position:relative;text-decoration:none;padding-bottom:5px}#navigation-bar .autonav>li>a.selected::after,#navigation-bar .autonav>li>a:hover::after{content:'';background-image:url(/resources/images/_site/underline-menu.png);background-repeat:no-repeat;background-size:100%;width:60px;height:5px;position:absolute;top:100%;left:0;right:0;margin-left:auto;margin-right:auto}.cyberm-langswitch{text-align:center}#langswitch .selected,#langswitch a,.cyberm-langswitch .selected,.cyberm-langswitch a{padding-bottom:5px}#langswitch .selected,.cyberm-langswitch .selected{position:relative}#langswitch a,.cyberm-langswitch a{position:relative;text-decoration:none!important}#langswitch .selected::after,#langswitch a:hover::after,.cyberm-langswitch .selected::after,.cyberm-langswitch a:hover::after{content:'';background-image:url(/resources/images/_site/underline-language.png);background-repeat:no-repeat;background-size:100%;width:25px;height:4px;position:absolute;top:100%;left:0;right:0;margin-left:auto;margin-right:auto}div#cybermob_help{display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-around}div#cybermob_help a img{max-height:200px;vertical-align:bottom;max-width:100%}#open-nav{position:absolute;right:0;top:0;display:none;z-index:2}#open-nav .burger{height:23px;width:32px;background-image:url(/resources/images/_site/menuburger.png);background-repeat:no-repeat;background-size:contain;background-position:center;display:block}#open-nav[aria-expanded="true"] .burger{background-image:url(/resources/images/_site/menu-x-white.png)}#site-main{flex-grow:1}#home-nav-container{display:flex;gap:40px;margin-bottom:150px}#home-map-container,#home-map-container-small{position:relative}#home-map-container-small{text-align:center}#home-map-small{max-width:500px}#home-map-container{max-width:1100px;margin:0 auto;align-self:center}#home-map,#home-map-small{width:100%;height:100%}#home-intro{padding-top:60px;text-align:center}#home-intro h2{font-size:85px;position:relative}#home-intro h2::after{content:'';background-image:url(/resources/images/_site/underline-home-olefa.png);background-repeat:no-repeat;background-size:100%;max-width:432px;width:100%;height:16px;position:absolute;top:100%;left:0;right:0;margin-left:auto;margin-right:auto}#home-intro p{font-family:'Miltonian Tattoo';font-size:1.9em;;line-height:1.3em;max-width:575px;margin:34px auto}#home-projet-shop{margin:60px auto 0 auto;width:100%;max-width:360px;position:relative}#home-projet-shop>img{width:100%}#home-projet-shop .arrow-link{position:absolute;bottom:20%;width:100%}#site-main #inner-main .arrow-link{font-size:1.9em;line-height:1.3em;font-family:'Miltonian Tattoo';text-decoration:none}.arrow-link:hover{text-decoration:none}.arrow-link img{margin-right:20px;transition:.3s}.arrow-link:hover img,#home-projet-shop:hover .arrow-link img{margin-right:15px}#home-contact,#home-toolbox{position:relative;width:100%;margin:90px 0;padding:20px 0;color:var(--mdc-theme-on-primary);box-sizing:border-box}#home-contact{background-color:var(--mdc-theme-primary)}#site-main #home-contact a{color:var(--mdc-theme-on-primary)}#inner-home-contact{font-size:1.5em}#inner-home-contact h2{text-align:center}#home-contact-info{display:flex;gap:50px;width:100%;justify-content:center;margin-top:30px}#home-contact-info>span{align-items:center;display:flex;flex-direction:column;gap:10px}.upper-wave-line{position:absolute;bottom:100%}.lower-wave-line{position:absolute}#home-contact .lower-wave-line{top:100%}#home-toolbox .lower-wave-line{bottom:0}#home-info{margin-top:200px;margin-bottom:150px;display:flex;flex-direction:column;gap:100px;font-size:1.47em;line-height:1.3em;padding:0 70px}.home-info-text ul{list-style:none;padding:0;margin-top:0}.home-info-container{padding-top:50px;width:100%;margin-bottom:30px;gap:inherit;align-items:center}.home-info-container h2{font-size:65px}.home-info-text{width:630px;text-align:center;align-self:center;margin:0 auto}.home-info-image{position:relative}.home-info-container .masked-image{-webkit-mask-image:url('/resources/images/_site/photo-mask.svg');-webkit-mask-repeat:no-repeat;width:100%}.home-info-container .masked-image-background{width:100%;position:absolute;top:5%;z-index:-1}#home-info .home-info-container:nth-child(odd) .masked-image-background{left:5%;transform:rotate(1.5deg)}#home-info .home-info-container:nth-child(even) .masked-image-background{right:5%;transform:rotate(-1.5deg)}#home-info .home-info-container:nth-child(odd) .masked-image{margin-right:30px}#home-info .home-info-container:nth-child(even) .masked-image{margin-left:30px}#home-info .home-info-container:nth-child(1) .masked-image-icon{position:absolute;left:-10%;top:-9%}#home-info .home-info-container:nth-child(2) .masked-image-icon{position:absolute;left:-9%;top:20%}#home-info .home-info-container:nth-child(3) .masked-image-icon{position:absolute;right:-9%;bottom:9%}#home-info .home-info-container:nth-child(4) .masked-image-icon{position:absolute;left:11%;top:-11%}#home-info .home-info-container:nth-child(5) .masked-image-icon{position:absolute;left:-9%;top:5%}#home-info .home-info-container:nth-child(6) .masked-image-icon{position:absolute;right:-8%;top:-4%}#home-toolbox{background-image:url('/resources/images/_site/Background-Tools.jpg');background-size:cover;padding:20px 0 150px 0}#inner-home-toolbox{text-align:center;color:var(--mdc-theme-on-primary)}#site-main #inner-home-toolbox a{color:var(--mdc-theme-on-primary)}#home-toolbox-list{list-style:none;padding:0;margin:100px 0;display:flex;flex-flow:wrap;gap:30px;justify-content:center}#home-toolbox-list li{flex-basis:300px}#site-main #home-toolbox-list li a{display:flex;flex-direction:column;gap:15px;align-items:center;text-decoration:none;justify-content:flex-end}#home-toolbox-list li a img{margin-bottom:15px}#home-toolbox-list .home-toolbox-tool-name{font-size:1.9em;line-height:1.3em}.random-right{position:relative;display:block;width:450px;max-width:40%;float:right;margin:0 0 20px 20px}.random-right img{width:100%}.references-db form>:not(fieldset),#infoboxes-activity_basesearch form>:not(fieldset),.references-db form fieldset>:not(label,legend),#infoboxes-activity_basesearch form fieldset>div>:not(label,legend),#biblio_digital_formatiounen_basesearch fieldset>:not(label,legend){display:none}.references-db label,#infoboxes-activity_basesearch label,#biblio_digital_formatiounen_basesearch label{background-color:var(--mdc-theme-primary);color:var(--mdc-theme-on-primary);border-radius:4px;padding:10px 16px;text-transform:uppercase;box-shadow:var(--shadow-4dp);cursor:pointer}.references-db label:hover,#infoboxes-activity_basesearch label:hover,#biblio_digital_formatiounen_basesearch label:hover,.references-db label:focus,#infoboxes-activity_basesearch label:focus,#biblio_digital_formatiounen_basesearch label:focus,.references-db input[type="radio"]:checked + label,#infoboxes-activity_basesearch input[type="radio"]:checked + label,input[type="checkbox"]:checked + label,#biblio_digital_formatiounen_basesearch input[type="checkbox"]:checked + label{background-color:var(--mdc-theme-on-primary);color:var(--mdc-theme-primary)}.references-db form.basesearchform fieldset,#infoboxes-activity_basesearch form.basesearchform fieldset>div{display:flex;gap:20px;flex-flow:row wrap}#biblio_digital_formatiounen_basesearch form.basesearchform fieldset{display:flex;gap:var(--md-unit);flex-flow:row wrap}.references-db form.basesearchform fieldset legend,#infoboxes-activity_basesearch form.basesearchform fieldset legend,#biblio_digital_formatiounen_basesearch form.basesearchform fieldset legend{position:relative}.references-db #referenceboxes_baselist,.references-db #bookletboxes_baselist{padding-top:30px}#infoboxes-activity_basesearch,#biblio_digital_formatiounen_basesearch,.references-db #references_basesearch{padding-top:15px}#biblio_digital_formatiounen_basesearch label{order:1;transition:order .5s ease}#biblio_digital_formatiounen_basesearch input[type="checkbox"]:checked + label{order:0}.references-db #referenceboxes_baselist .olefabasenavm,.references-db #bookletboxes_baselist .olefabasenavm,#projects-list_baselist .olefabasenavk{text-align:center}.references-db #referenceboxes_baselist .olefabasenavm a,.references-db #bookletboxes_baselist .olefabasenavm a,#biblio_digital_formatiounen_baselist .olefabasenavm a{background-color:var(--mdc-theme-primary);color:var(--mdc-theme-on-primary);text-decoration:none;border-radius:4px;padding:10px 16px}.references-db #referenceboxes_baselist .olefabasenavm a:hover,.references-db #referenceboxes_baselist .olefabasenavm a:focus,.references-db #bookletboxes_baselist .olefabasenavm a:hover,.references-db #bookletboxes_baselist .olefabasenavm a:focus,#biblio_digital_formatiounen_baselist .olefabasenavm a:hover,#biblio_digital_formatiounen_baselist .olefabasenavm a:focus{background-color:var(--mdc-theme-on-primary);color:var(--mdc-theme-primary);box-shadow:var(--shadow-4dp)}.references-db .olefabase_website_view_div,#infoboxes_baselist .olefabase_website_view_div,#projects-list_baselist .olefabase_website_view_ul{display:grid;gap:30px;grid-template-columns:repeat(3,minmax(350px,485px));justify-content:space-between}.references-db .olefabase_website_view_div img{width:100%}.references-db .reference-box{position:relative;padding:20px;box-shadow:var(--shadow-4dp)}.references-db .booklet-box{display:flex;flex-direction:column;gap:var(--md-unit)}.references-db .reference-box:hover,.product-box:hover,.references-db .reference-box:focus-within,.product-box:focus-within{background-color:var(--mdc-theme-primary)}.references-db .reference-box:hover,.references-db .reference-box:hover a,.product-box:hover,.references-db .reference-box:focus-within,.product-box:focus-within{color:var(--mdc-theme-on-primary)}.product-box:hover .toolbox-icon,.product-box:focus-within .toolbox-icon{background-color:var(--mdc-theme-on-primary);color:var(--mdc-theme-primary)}.references-db #referenceboxes_baselist .reference-box a.product-link,.references-db #bookletboxes_baselist .reference-box a.product-link,.product-box .product-link,.project-link,#home-projet-shop a{position:absolute;display:block;width:100%;height:100%;top:0;left:0;font-size:0}span[itemprop="description"]{word-break:break-word}.reference-box>h3{font-size:18px}.booklet-box>h3{font-weight:bold;margin-bottom:var(--md-unit)}.bookletboxes-group{flex-grow:1;font-style:italic}.referenceboxes-date{font-weight:bold}.bookletboxes-date{text-align:right}#infoboxes_baselist{margin-top:20px}#infoboxes_baselist .product-box{display:flex;gap:20px;align-items:flex-start;position:relative;padding:20px;box-shadow:var(--shadow-4dp)}#infoboxes_baselist h4{font-size:1.2em;font-weight:400;margin-bottom:10px}.toolbox-icon{font-size:52px;background-color:var(--mdc-theme-primary);color:var(--mdc-theme-on-primary);padding:10px;border-radius:50%}#projects-list_baselist .olefabase_website_view_ul{list-style:none;padding:0;margin:0}.project-element{background-color:var(--site-color-light-gray);display:flex;gap:20px;padding:20px;position:relative}.project-element table{font-size:13px}.project-element table tr,.project-view table tr{vertical-align:top}.project-element:hover{background-color:var(--mdc-theme-primary);color:var(--mdc-theme-on-primary)}.project-element table th,.project-view table th,.book-view table th{text-align:left;padding-right:10px;vertical-align:top;word-wrap:break-word}.book-view table td{word-break:break-word}.project-image{width:150px;height:150px;flex-shrink:0}.project-image img{width:100%;height:100%;object-fit:contain}.two-cols{display:flex;gap:40px}.two-cols-main{width:68%}.two-cols-side{width:32%}.two-cols .sidebox{background-color:var(--site-color-light-gray);padding:20px}#site-main .two-cols .testaccount-link{background-color:var(--mdc-theme-primary);border:1px solid var(--mdc-theme-primary);border-radius:15px;color:var(--mdc-theme-on-primary);display:block;font-size:24px;padding:15px 10px;position:relative;text-align:center;text-decoration:none}#site-main .two-cols .testaccount-link:hover,#site-main .two-cols .testaccount-link:focus{background-color:var(--mdc-theme-on-primary);color:var(--mdc-theme-primary)}.product-title{display:flex;gap:20px;align-items:flex-start}.product-details .feature-list ul{list-style-image:url("/resources/images/_theme_0/checked-symbol2_orange.png")}.product-details img.screenshot{width:100%;height:auto;cursor:pointer;-moz-box-shadow:2px 3px 4px #eee;-webkit-box-shadow:2px 3px 4px #eee;box-shadow:2px 3px 4px #eee}.product-details .video-subtitles{font-size:.85em;opacity:.8}#wiki_div_page_info{display:none}.book-title{font-size:25px;text-align:left}.project-view-info{display:flex;gap:20px;align-items:flex-start}.project-view-info table{max-width:100%}.project-view-info table td{word-break:break-word}.project-view-info img{width:100%;max-width:350px}.project-view-link{text-align:center;word-wrap:break-word}form.touch input,form.touch select{height:48px;font-size:20px}.collapse-box-text[data-expanded="false"]{display:none}.collapse-box-item{padding-bottom:40px}.collapse-box-item .collapse-box-text[data-expanded="true"]{display:block;padding:var(--md-unit)}.collapse-box-item>.olefa-inc-title:first-child{background-color:var(--mdc-theme-primary);color:var(--mdc-theme-on-primary);padding:10px;cursor:pointer}.collapse-box-item>.olefa-inc-title:first-child h3::after,.collapse-box-item>.olefa-inc-title:first-child h2::after{content:"";display:inline-block;border-bottom:2px solid;border-right:2px solid;flex-shrink:0;height:.4em;margin-left:.75em;width:.4em;transform:rotate(135deg);transition:transform .5s ease}.collapse-box-item>.olefa-inc-title:first-child h3,.collapse-box-item>.olefa-inc-title:first-child h2{display:flex;font-family:'Now';justify-content:space-between;align-items:center}.collapse-box-item>.olefa-inc-title[aria-expanded="true"]:first-child h3::after,.collapse-box-item>.olefa-inc-title[aria-expanded="true"]:first-child h2::after{transform:rotate(45deg)}figure.book-view{border:none}figure.book-view>img{max-height:160px}figure.book-view>figcaption{padding-top:var(--md-unit);text-align:left}figure.book-view>figcaption>table{max-width:100%;width:100%}.book-view tfoot a{background-image:url('/osr/icons/olefabase/favicon_amazon.png');background-position-y:center;background-repeat:no-repeat;padding-left:calc(3 * var(--md-unit));text-decoration:none!important}#amazon-affiliate{display:block;font-size:small;padding:calc(2 * var(--md-unit))}#inner-footer{text-align:center;padding:110px 40px}#inner-footer address{font-style:normal}#footer-logos img{display:block;margin:30px auto 0 auto}#site-main.all_langs h1{padding-top:50px}p.page_back{padding:50px 0}picture.banner-images,picture.banner-images>img{max-width:100%}picture.banner-images>img{padding:100px 0}#Cybermobbing_baselist{padding:calc(3 * var(--md-unit)) 0 calc(3 * var(--md-unit)) var(--md-unit)}#Cybermobbing-definitions_baselist{font-style:italic}#Cybermobbing_baselist>.olefabase_website_view_div,#Cybermobbing-definitions_baselist>.olefabase_website_view_div{display:flex;flex-direction:column;gap:calc(1.5*var(--md-unit))}#Cybermobbing_baselist>.olefabase_website_view_div>article>span{display:block;padding-left:2em}#Cybermobbing_baselist>.olefabase_website_view_div h3,#Cybermobbing-definitions_baselist>.olefabase_website_view_div dt{font-weight:bold;line-height:inherit}ul.autonav.subpages{display:grid;gap:calc(2* var(--md-unit));grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:calc(4* var(--md-unit)) 0}ul.autonav.subpages a{background-color:var(--mdc-theme-primary);border:var(--md-border-divider);color:var(--mdc-theme-on-primary)!important;display:block;padding:calc(2 * var(--md-unit));text-align:center;text-decoration:none!important;transition:background-color .5s ease,color .5s ease}ul.autonav.subpages a:focus,ul.autonav.subpages a:hover{background-color:var(--mdc-theme-on-primary);color:var(--mdc-theme-primary)!important}.sitesearch{max-width:500px;padding:20px 0}#gdpr-cookie-reject,#gdpr-cookie-advanced,#gdpr-cookie-advanced-save{color:var(--mdc-theme-on-surface)}@media only screen and (max-width:1800px){#home-intro{padding-top:20px}#home-info .home-info-container .masked-image-icon{width:18vw}.olefa-slide-in-container{gap:60px}#home-info .home-info-container:nth-child(even) .masked-image{margin-left:0}}@media only screen and (max-width:1300px){.project-element{flex-direction:column}.project-element .project-image{width:auto}#home-info .olefa-slide-in-container:nth-child(even){flex-direction:column-reverse}#home-info .olefa-slide-in-container:nth-child(odd){flex-direction:column}.home-info-image{margin:0 auto}.home-info-image{width:67vw}.masked-image-icon{width:15vw}#home-info{margin-top:50px;margin-bottom:0;gap:30px}.home-info-text{width:100%;max-width:630px}}@media only screen and (max-width:1100px){#home-nav-container{flex-direction:column-reverse;gap:0;margin-bottom:0}}@media only screen and (max-width:1000px){.two-cols{flex-direction:column}.two-cols-main,.two-cols-side{width:100%}ul.autonav.subpages{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}}@media only screen and (max-width:850px){#navigation-bar{flex-direction:column;padding:40px;color:var(--mdc-theme-on-primary);background-color:var(--mdc-theme-primary);position:absolute;right:-10px;top:-10px;z-index:1}#navigation-bar a{color:var(--mdc-theme-on-primary)}#navigation-bar .autonav{flex-direction:column}#navigation-bar .autonav a{text-align:center;display:block}#open-nav{display:block}#navigation-bar:not([data-expanded="true"]){display:none}#langswitch{display:flex;gap:var(--md-unit)}#home-info{font-size:1.1em}.home-info-container h2{font-size:50px}}@media only screen and (max-width:1200px){.references-db .olefabase_website_view_div,#infoboxes_baselist .olefabase_website_view_div,#projects-list_baselist .olefabase_website_view_ul{grid-template-columns:repeat(2,minmax(300px,100%))}.project-element{flex-direction:row}.project-element .project-image{width:150px}}@media only screen and (max-width:900px){.project-element{flex-direction:column}.project-element .project-image{width:auto}}@media only screen and (max-width:800px){.project-view-info{flex-direction:column}}@media only screen and (max-width:715px){.references-db .olefabase_website_view_div,#infoboxes_baselist .olefabase_website_view_div,#projects-list_baselist .olefabase_website_view_ul{grid-template-columns:100%}.project-element{flex-direction:row}.project-element .project-image{width:150px}}#biblio_digital_formatiounen_baselist .olefabase_website_view_div,#biblio_demo_baselist .olefabase_website_view_div{display:grid;gap:30px;grid-template-columns:repeat(2,minmax(350px,1fr));justify-content:space-between;padding-top:50px}#biblio_digital_formatiounen_baselist .olefabasenavm{text-align:center}@media only screen and (max-width:1020px){#biblio_digital_formatiounen_baselist .olefabase_website_view_div,#biblio_demo_baselist .olefabase_website_view_div{grid-template-columns:100%}}@media only screen and (min-width:601px){#home-map-container-small{display:none}}@media only screen and (max-width:600px){#home-map-container{display:none}#inner-footer{padding:110px 20px}#inner-main,#home-nav-container,#inner-home-contact,#home-info,#inner-home-toolbox,#inner-home-contact{padding-left:20px;padding-right:20px}#inner-header{padding:20px}#home-contact{padding-top:20px;padding-bottom:20px}#home-toolbox{padding-bottom:70px}#home-contact-info{flex-direction:column;text-align:center}h1{font-size:2em}}@media only screen and (max-width:500px){.product-title{display:flex;gap:20px;align-items:flex-start;flex-direction:column}.project-element{flex-direction:column}.project-element .project-image{width:auto}}