@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.arsenal {font-family:Arsenal, "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.arsenal h1, .arsenal h2, .arsenal h3, .arsenal h4, .arsenal h5, .arsenal h6 {font-family: 'Comfortaa', sans-serif;}

html {min-height:100%;overflow:hidden;}
body {min-height:100vh;max-height:100vh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;}
body {background:linear-gradient(170deg, #DDEEFF 30%, #CCDDEE 100%); background-color:#DDEEFF; color:#111;}
html, body, td {font-family: 'Arsenal', sans-serif !important;}
h1,h2,h3,h4,h5,h6,.top {font-family: 'Comfortaa', sans-serif !important;}
.top {height:84px;padding:5px 0;nobackground-color: #DDEEFF;display:flex;flex-wrap:nowrap;align-items:center;width:100%;max-width:1200px;margin:0 auto;position:sticky;top:0;z-index:2;box-sizing:border-box;/*border-radius: 0 0 32px 32px;overflow: hidden;*/}
.top::before {content:' ';background-color: #DDEEFFCC;left:-100%;right:-100%;top:0;bottom:0;position:absolute;z-index:0;-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);}
.top .logotag {display:block;position:relative;}
.top .logotag .tagline {display: block;margin-left: 72px;width: 200px;font-size: 10px;color:#444;}

.top img.logo {width:200px;margin: 0 32px;position:relative;z-index:2;}
.top .logotext {display:inline-block;margin-top:23px;max-width:25%;}
.top .topmenu {text-align:right;flex:1;justify-items:end;}
.top ul {justify-self:end;justify-items:end;text-align:right;}
.hasmenu ul {flex:1;position:relative;z-index:2;padding:0;margin:0px;padding-top:8px;}
.hasmenu ul li {list-style:none;display:inline-block;padding:0px 20px;font-size:18px;/*style:italic;/*border-left:1px solid rgba(255,255,255,0.2);*/}
.hasmenu ul li a {color:#888;padding-left:0px;}
.top ul .onlyinhovermenu {display:none;}
.top ul li.bordered {border:1px solid #FFFFFF66;border-radius:32px;font-size:90%;}
.top ul li.spaced {margin-left:4%;}

.topmenu form#topsearch {position:relative;}
.topmenu input.topsearch {font-size:19px;width:25vw;max-width:400px;padding-right:36px;}
.topmenu #topsearch input[type=submit] {opacity:0;font-size:19px;position: absolute;right: 0;width: 32px;padding: 0;top: 0;bottom: 0;border-radius: 32px;transition:opacity 1s;}
.topmenu #topsearch:has(input.topsearch:focus) input[type=submit] {opacity:1;}

.bottom {min-height:284px;padding:25px 25px 400px 25px;nobackground-color: #11233188;display:flex;flex-wrap:wrap;width:100%;max-width:1250px;margin:600px auto 0 auto;position:relative;z-index:2;box-sizing:border-box;}
.bottom::before {content:' ';background-color: #323232EE;left:-100%;right:-100%;top:0;bottom:0;position:absolute;z-index:0;-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);}
.bottom > ul {flex:1;min-width:150px;}
.bottom > ul li {min-width:100%;}
.bottom a {color:#F2F3F3;}
.socialmedias {text-align:center;min-width:100%;color:#FFF;position:relative;z-index:1;font-size:80%;}

.flags {position:relative;padding:4px 26px;}
.flags .flagsmenu {position:absolute;width:70px;height:0px;max-height:0px;transition:all 0.3s;top:100%;right:0px;padding:0px;overflow:hidden;transition:all 0.3s;border:0px solid #FFFFFF44;background-color:#00000000;border-radius:16px;}
.flags:hover .flagsmenu {height:auto;max-height:300px;padding:6px;top:-6px;right:-1px;border-width:1px;background-color:#000000EE;}
.topflag {display:inline-block;margin:0px 2px;width:21px;height:15px;padding:0px 0px !important;background-color:#00000044;border-radius:2px;overflow:hidden;}
.content {clear:both;border-top:0px solid rgba(255,255,255,0.2);padding:1px;max-width:1250px;margin:0 auto;background-color:#DDEEFF00;}
a {color:#000; }
a.producttitle {color:#FFF !important;}
.bottomline {display:none;}
.newschapeau {color:#333 !important;text-align:start !important;}
.newscontainer:not(#newscontainer_69) .newstext, .newstextOpen:not(.newstext69) {padding:32px;border-radius:32px;}


a.somm:hover {text-decoration:none;}
a.somm h2,a.somm h3 {color:#FDDFB1;}

a.back {position:absolute;top:-24px;left:0;height:24px;padding:4px 16px;border-radius:4px 4px 0px 0px;box-sizing:border-box;background-color:rgba(255,255,255,0.1);}

div.roundzone {/*display: flex;flex-wrap: wrap;*/}
div.roundzone div.newscontainer {min-width: 300px;max-width:100%;flex: 1;text-align:left;/*display:flex;*/}
div.roundzone .newscontainer_closed.newscontainer_level0 {margin:16px;padding:16px;border:1px solid #FFFFFF22;border-radius:16px;}

.blogpreview {display:block;max-height:200px;overflow:hidden;}
.news_in_list {background-color:rgba(255,255,255,0.1);border-radius:32px;padding:5%;/*float:left;max-width:300px;*/margin:5% 2% 0% 2%;display: flex;flex-direction: column;position:relative;overflow:hidden;}
.news_in_list > a {flex:1;}
.news_in_list .newsdate {opacity:0.7;font-size:80%;}
.news_in_list a.readmore {position:absolute;right:0px;bottom:0px;text-align:center;padding:16px;background-color:#FFFFFF22;backdrop-filter:blur(4px);}

.whitebg {position: relative;/* background-color: rgba(255,255,255,0.1); */padding: 2%;nomargin: 0 2% 2% 2%;margin:0;box-sizing:border-box;}
.whitebg img {max-width:70% !important;}
.whitebg img[align=right] {margin-right:-3em;}

.bigzone { min-height: 580px;overflow:hidden;position:relative;clear:both;margin:16px -10px -16px -10px;text-align:start;padding:0px 26px; background-color:rgba(255,255,255,0.2);}
.bigzone_nopadding {padding:0 !important;}
.bigzone h1 {display:inline-block;padding-top:40px;font-size:200%;color:#FFF;text-align: start;min-width:50%;margin-bottom: 0;margin-left:5%;}
.bigzone h1.hassubtitle {padding-top:0px;margin-top:5%;}
.bigzone h2 {display:inline-block;padding-top:40px;font-size:200%;color:#FFF;text-align: start;min-width:50%;max-width:60%;margin-bottom: 0;margin-left:5%;}
.bigzone h3 {display:inline-block;padding:0px;margin:0px;font-weight:normal;font-size:130%;color:#FFF;text-align:start;margin-left:5%;max-width:300px;min-width:50%;}
.bigzone p,.bigzone div {margin-left:5%;}
.bigzone img {float:right; margin:0px -26px 0px 26px;max-width:40% !important;}

.bigzone2 { min-height: 580px;overflow:hidden;position:relative;clear:both;margin:16px -10px -16px -10px;text-align:end;padding:0px 26px; background-color:rgba(255,255,255,0.05);}
.bigzone2 h1 {display:inline-block;font-size:200%;color:#FFF;text-align: end;min-width:50%;margin-right:5%;}
.bigzone2 h2 {display:inline-block;font-size:200%;color:#FFF;text-align: end;min-width:50%;margin-right:5%;}
.bigzone2 h3 {display:inline-block;padding:0px;margin:0px;font-weight:normal;font-size:130%;color:#FFF;text-align: end;margin-right:5%;max-width:95% !important;min-width:95%;}
.bigzone2 h3 > span,.bigzone3 h3 > span {max-width:100% !important;}

.bigzone2 p,.bigzone2 div {margin-left:50%;max-width:300px;text-align:justify;min-width:30%;}
.bigzone2 img {float:left; margin:0px 26px 0px -26px;max-width:40% !important;}

@media screen and (max-width: 940px) {
.bigzone2 p,.bigzone2 div {margin-left:10%;max-width:300px;text-align:justify;min-width:30%;}
.top ul li {padding:0px 6px;}
}
@media screen and (max-width: 700px) {
.top ul:before {position:fixed;right:0px;content:"\e5d2";font-family:'Material Symbols Rounded' ;font-size:24px;float:right;margin:-8px 16px;background-color:#000000EE;border-radius:32px;padding:8px;width:24px;height:24px;line-height:24px;}
.top ul li.border {display:none;margin-left:0px !important;}
.top ul li.flags {/*position:fixed;right:80px;*/}
.top ul:hover:before {content:" ";right:0px;opacity:0;}
.top {z-index:1000;}
.top ul{position:fixed;z-index:1000;right:-280px;transition:all 0.3s;top:0;bottom:0;padding:32px;background-color:#000000EE;width:200px;}
.top ul:hover {right:0;}
.top ul:hover li {display:block !important;padding:16px;noborder-bottom:1px solid #FFFFFF99;text-align:start;}
.top ul .onlyinhovermenu {display:inline-block;}
.top ul span.msr {float:left;margin:0 8px;width:20px;}
}

div.video {background-color:#000;padding:5% 100px;margin:5% -100px;text-align:center;}

.question_type_list {display:inline-block !important;color:#000;border-radius:6px;}
div.quest_bottombutton {text-align: center;position: sticky;z-index:1000;bottom: -100px;margin-left: -100px;margin-right: -100px;background-color: #111111EE;padding: 4px 4px 104px 4px;backdrop-filter: blur(3px);margin-bottom: -100px;margin-top: 20px;}

.codeinvit {color:#fff;background-color:rgba(255,255,255,0.05);padding:4px;font-size:90%;margin:-2%;}

.buttons {display:block;text-align:center !important;max-width:100% !important;}
a.button {background-color:#fff !important;color:#444 !important;padding:8px !important;}
a.button.here {background-color:#ffffffCC !important;box-shadow: rgba(235,230,230,0.5) 0px 0px 5px 5px;/*pointer-events:none;*/}

.grouppath, .sitemap_group { display:none;}

.section_container {padding:5%;}


div.newscontainer_open {min-height:400px;position:relative;text-align:center;display:flex;flex-direction:nocolumn;flex-wrap:wrap;align-items:center;justify-items:center;}
div.newscontainer_open {/*max-height: calc(400px - var(--bodyscrollpx));*/position: sticky;top: -336px;/*min-height: 64px;*/z-index: 1;}

div.newscontainer_open h1,div.newscontainer_open .whitebg{transition:all 0.3s;}

body[bodyscroll*="over200"] div.newscontainer_open .newstitle,body[bodyscroll*="over200"] div.newscontainer_open .newstitleline {position:sticky;top:0;bottom:0;}
body[bodyscroll*="over200"] div.newscontainer_open h1 {font-size:24px !important;padding:0 50px 0 0 !important;margin:0 !important;display:flex;position:sticky;top:12px;height:42px;align-items:end;justify-content:center;}
body.mode_app div.newscontainer_open {height:auto !important;min-height:64px !important;}
body[bodyscroll*="over200"] div.newscontainer_open:not(:hover) .whitebg,body[bodyscroll*="over200"] div.newscontainer_open:not(:hover) .newschapo {display:none;}
body[bodyscroll*="over200"] div.newscontainer_open:hover .whitebg {background-color:#112233;z-index:1000;}

div.newscontainer_open:before {/*content:'';display:block;height:500px;bottom:0px;width:200%;position:absolute;z-index:0;margin:0px -40% 0px -40%;background-image: url("/img/02.jpg");background-repeat:no-repeat;
background-size: cover;*/}
div.newscontainer_open > * {position:relative;z-index:1;display:noflex;flex:0 1 auto;text-align:center;min-width:100%;color:#000;align-items:center;justify-items:center;min-width:100%;font-weight:normal;}
div.newscontainer_open h1 {font-weight:normal;text-shadow: 0 0 2px #FFF,0 0 10px #000;}

@media screen and (min-width: 800px) {
div.newscontainer_open > * {font-size:140%;}
}
@media screen and (min-width: 1000px) {
.hero h1 {font-size:300%;}
}

.imgright {max-width:80%;margin:16px 5% 16px 5%;border:1px solid #FFFFFF88;padding:16px;}
@media screen and (min-width: 800px) {
 .imgright {float:right;max-width:40%;margin:0px -2px 16px 16px;border:1px solid #FFFFFF88;padding:16px;}
}

.accounttable {color:#FFF;}

div.attachments {display: inline-flex;flex-wrap:wrap;}

.inputspan,.inputspangroup,.selectspan {background-color:#FFFFFF;color:#000;}
.inputspantext input {/*background:none !important;color:#FFF;*/}

body.s_1.ss_login {/*background-image:url(/img/bg_tests2.jpg);*/background-size:cover;background-position:bottom right;}

.observescroll * {transition:opacity 1s;}
.observescroll:not(.inviewport) * {opacity:0;}

.langlinks img {max-width:100% !important;}

.username {display: inline-block;
width: 48px;
height: 48px;
text-align: center;
border-radius: 33% !important;
border: 1px solid #eee;
overflow: hidden !important;
background-color: #444;
background-size: cover;
background-position: center;
transition-property: all;
transition-duration: 0.3s;}

a.order_table_item {color:#FFF;}

.basket_endpage_emailsent, .basket_enddetails {background-color:#FFFFFFCC !important;}

iframe.news24_video {display: block;background-color: #000;border-width: 10px 1000px 10px 1000px;border-color: #000;border-style: solid;margin: -32px 0px 16px -1000px;}

.roundzone .divonglets, .roundzone .roundzone_fullheight {min-width:100%}

.news24_video {
width: 100%;
height: 500px;
max-height: calc(100vh - 64px) !important;
}

.post p a {text-decoration:underline !important;}

.ad {font-style:italic;background-color:#EEE;padding:32px;margin:32px;border-radius:8px;}
.ad a {color:#000;text-decoration:underline;font-weight:bold;}

ul.gridlist {display:grid;padding:0;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 12px;}
ul.gridlist li {list-style:none;border: 1px solid #eee;
border-radius: 16px;
display: flex;
justify-content: center;
align-items: center;
background-color: #F8F8F8;
min-height: 40px;
text-align: center;
line-height: 85%;
padding: 0 8px;}

.ct_whitezone:not(:empty) {background-color:#FFFC;border-radius:16px;margin:32px auto 0 auto;padding:32px;}
.whitebgheader:not(:empty) {background-color:#FFF6;border-radius:16px;margin:32px 2% 0 2%;padding:32px;text-shadow:0 0 2px #FFF;}









@media screen and (min-width:800px) {
.postcolumns {display:flex;}
.postcolumns .column1 {flex:3;}
.postcolumns .column2 {flex:1;border-left:1px solid #eee;padding-left:16px;margin-left:16px;box-sizing:border-box;}
}
.text .has_illustration {font-weight:bold;text-decoration:underline;}
.text .img_from_tag, .img_from_post {display:block;padding:8px;border-radius:16px;background-color:#eee;max-width:40%;margin:16px auto;}
.text .img_from_tag {max-width: 20%;float: right;clear: both;position:relative;}
.text .img_from_tag img, .img_from_post img {display:block;border-radius:12px;max-width:100%;}
.text .img_from_tag .img_caption {
font-style: italic;
font-size: 80%;
text-align: right;
display: block;
position: absolute;
bottom: 12px;
left: 12px;
z-index: 5;
right: 12px;
text-shadow: 0 0 2px #FFF,0 0 6px #FFF;
}
.newscontainer_open {min-height:0 !important;}
.newscontainer_open .newstitleline {display:none;}
.newstextOpen {background-color:#FFFFFFEE;color:#000;}
.newstextOpen .news_specific {max-width: 800px;margin: 0 auto;}
.posts .post, .related_by_tag li {list-style:none;display:flex;margin:8px;padding:8px;border:1px solid #00000022;border-radius:16px;background-color:#00000011;overflow:hidden;}
.post a {color:#112331;}
.post h3 {margin:0; padding:0;flex:1;}
.post .postauthor {min-width:50px; max-width:50px;}
.post .previewimg { background-size: cover;aspect-ratio: 1;margin: -8px -8px -8px 8px;min-width: 100px;}
.postbelow {margin:0 24px 0 68px;}
.tags {display:inline-block;}
.postbelow .tags {white-space:nowrap;max-width:100%;overflow:hidden;}
.author {border-top:1px solid #888;padding:top:32px;margin-top:32px;font-style:italic;}
.authorfolder {border-radius:4px;background-color:#444;color:#FFF;padding:4px 8px;margin:0 4px;}


.share-buttons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.share-btn{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:8px;
  color:white;
  font-family:sans-serif;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  border:none;
}

.share-btn svg{
  width:18px;
  height:18px;
  fill:white;
}


.share-facebook{ background:#1877F2; }
.share-twitter{ background:#000000; }
.share-linkedin{ background:#0A66C2; }
.share-instagram{ background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4); }

.share-btn:hover{ opacity:.9; }