.nav { background-color: #222222; font-family: 'Roboto', serif; color: #ffffff; } .nav .form-control { border-radius: 0px; border-color: #af9d66; } .nav .btn { background-color: #af9d66; color: white; border-radius: 0px; border-color: #af9d66; } .nav .btn .mdi { color: white; }  .navbar-container { background-color: #202945; } .navbar-container .navbar-nav { justify-content: center; width: 100%; } .navbar-container .mdi { color: #ffffff; } .navbar-container .navbar { font-family: 'Roboto', serif; font-size: 16px; color: #ffffff; }  .navbar-container .navbar-expand-md .nav-link { color: #ffffff; padding: 12px 12px 12px 12px; } .navbar-nav .nav-item { position:relative; } .navbar-nav .nav-item::before { content: "|"; position:absolute; left: calc(100%); top:50%; transform:translate(-50%, -50%); } .navbar-nav .nav-item:last-child { content: " "; } .top-navbar-container .navbar-nav .nav-item { position:relative; } .top-navbar-container .navbar-nav .nav-item::before { content: "|"; position:absolute; left: calc(100%); top:50%; transform:translate(-50%, -50%); } .top-navbar-container .navbar-nav .nav-item:last-child { content: " "; }  .top-navbar-container { background-color: #222222; } .top-navbar-container .mdi { color: #ffffff; } .top-navbar-container .navbar-nav { justify-content: flex-end; width: 100%; } .navbar-container .top-navbar { font-family: 'Roboto', serif; font-size: 12px; color: #ffffff; } .navbar-container .top-navbar .nav-link { color: #ffffff; padding: 10px 10px 10px 10px; }  .nav .nav-item.fogalom-counter div { border: 1px solid white; } .nav .nav-item.fogalom-counter div small { font-size: 18px; text-align: center; font-weight: 300; color: white; } .nav .nav-item.fogalom-counter div small span { font-size: 24px; font-weight: 700; color: 700; }  .container--definition { background: #ffffff; } .container--definition .pull-up-embed { background: #ffffff; } .grid-section .has-bg { background-color: white; } .section--new-width { font-family: 'Roboto', serif; text-align: left; } .content-title { font-family: 'Roboto Condensed', serif; font-size: 28px; color: #444644; text-align: left; } .nav .nav-item .title-container .page-title { font-family: 'Roboto', serif; font-size: 24px; font-weight: 400; color: white; text-align: left; } .nav .nav-item .title-container .page-title span { font-family: 'Roboto', serif; font-size: 18px; font-weight: 300; color: white; text-align: left; } .section--new-width p, .section--new-width ul { color: #696969; } .related-definition-link { background-color: #af9d66; color: #696969; font-weight: normal; } .related-definition-link:hover { text-decoration: none; opacity: .8; color: #696969; } .external-link { background-color: #ffffff; color: #017BCE; font-weight: normal; } .btn--share { font-family: 'Roboto', serif; font-size: 16px; background-color: #57AFD7; color: #ffffff; border-radius: 0px; border-width: 0px; border-color: #ffffff; } .btn--share:hover, .btn--share:focus { color: #ffffff; } .btn--share .mdi { color: #ffffff; } .section-title { font-family: 'Roboto', serif; color: #444644; text-align: left; font-size: 32px; text-transform: 0; } .topic-link { font-weight:bold; color: #444644; } .topic-link:hover, .topic-link:focus { color: #444644; } .section-title .mdi { color: #000000; font-size: 20px; } section.section--expression .label-item, section.section--expression-conected .label-item { font-family: Roboto, serif; font-size: 16px; font-weight: 700; color: #444644; background-color: #af9d66; border-radius: 0px; border-width: 2px; border-color: #af9d66; } section.section--dossier .label-item, section.section--dossier-conected .label-item { font-family: Roboto, serif; font-size: 16px; font-weight: 700; color: #ffffff; background-color: #af9d66; border-radius: 0px; border-width: 1px; border-color: #ffffff; } section.section--external-links .label-item { font-family: Roboto, serif; font-size: 14px; font-weight: 700; color: #444644; background-color: #ffffff; border-radius: 0px; border-width: 2px; border-color: #57AFD7; } section.section--just-the-point .label-item { font-family: Roboto, serif; font-size: 14px; font-weight: 700; color: #ffffff; background-color: #af9d66; border-radius: 0px; border-width: 1px; border-color: #ffffff; } section.section--tag .label-item, section.section--tag-conected .label-item { color: #ffffff; background-color: #af9d66; border-radius: 0px; border-width: 1px; border-color: #ffffff; } section.plusminus-block { border-width: 1px; border-color: #ffffff; border-radius: 0px; } section.plusminus-block h2 { font-family: 'Roboto', serif; color: #444644; text-align: left; font-size: 32} section.plusminus-block.section--plus { background-color: #af9d66; } section.plusminus-block.section--minus { background-color: #B9B8B8; } section.plusminus-block ul { font-family: 'Roboto', serif; color: #444644; text-align: left; } section.plusminus-block ul .mdi { color: #444644; } section.section--outro p { font-family: 'Roboto', serif; color: #ffff; text-align: left; font-size: 12px; margin-bottom: 0; } section.section--dossier .has-bg, section.section--dossier-conected .has-bg { background-color: #ffffff; } section.section--dossier.main-page-dossier .has-bg { background-color: #ffff; } section.section--dossier.main-page-dossier .section-title { font-family: 'Roboto', serif; color: black; font-size: 30px; font-weigth: 400; text-align: center; } section.section--expression .has-bg, section.section--expression-conected .has-bg { background-color: #ffffff; } section.section--expression.home-search-block .has-bg { background-color: #af9d66; } section.section--expression.home-search-block .section-title { font-family: 'Roboto', serif; color: black; font-size: 30px; font-weigth: 400; text-align: center; } section.section--just-the-point .has-bg { background-color: #ffffff; } section.section--external-links .has-bg { background-color: #ffffff; } section.section--outro .has-bg { background-color: #2222; } section.section--tag .has-bg, section.section--tag-conected .has-bg { background-color: #ffffff; } section.section--tag.main-page-tag .has-bg { background-color: #fff; } section.section--tag.main-page-tag .section-title { font-family: 'Roboto', serif; color: black; font-size: 30px; font-weigth: 400; text-align: center; }   section.section--dossier.main-page-dossier2 .has-bg { background-color: #280137; } section.section--dossier.main-page-dossier2 .section-title { font-family: 'Roboto', serif; color: #DEC9E7; font-size: 30px; font-weigth: 400; text-align: left; }  section.section--tag.main-page-tag2 .has-bg { background-color: #280137; } section.section--tag.main-page-tag2 .section-title { font-family: 'Roboto', serif; color: #DEC9E7; font-size: 30px; font-weigth: 400; text-align: left; }   .btn--search { background-color: #af9d66; color: white; border-radius: 0px; border-color: #af9d66; } .btn--search:hover, .btn--search:focus { color: white; } .btn--search .mdi { color: white; } .search-result .item-title { font-family: 'Roboto', serif; color: #444644; text-align: center; font-size: 32px; } .search-result p { font-family: 'Roboto', serif; color: #444644; text-align: center; font-size: 16px; } .btn--expand { font-family: 'Roboto', serif; font-size: 16px; text-transform: uppercase; background-color: #af9d66; color: #222222; border-radius: 0px; border-width: 1px; border-color: #ffffff; } .btn--expand .mdi { color: #222222; } .btn--expand:hover, .btn--expand:focus { color: #222222; } .search-summary-text { font-family: 'Roboto', serif; color: #444644; text-align: center; font-size: 16px; }   footer { background-color: #222222; font-family: 'Roboto', serif; font-size: 16px; } footer .row { justify-content: center; } #remark-form .control-label, #remark-form .form-control { font-family: 'Roboto', serif; color: #444644; font-size: 16; } .btn--submit { background-color: #af9d66; color: #ffffff; border-radius: 0px; border-width: 1px; border-color: #ffffff; } .btn--submit:hover, .btn--submit:focus { color: #ffffff; } .row--info .last-edited p, .row--info .last-edited .mdi { font-family: 'Roboto', serif; font-size: 16px; color: #696969; } .row--info .report-error p, .row--info .report-error .mdi { font-family: 'Roboto', serif; font-size: 16px; color: #DD482A; } .cookie-banner { background-color: #333333dd; } .cookie-banner p { font-family: 'Roboto', serif; font-size: 14px; color: #ffffff; text-align: left; } .cookie-banner .btn { font-family: 'Roboto', serif; font-size: 14px; color: #ffffff; background-color: #57AFD7; border-color: #af9d66; border-width: 1px; border-radius: 0px; } .cookie-banner .btn--cookie_close { font-family: 'Roboto', serif; font-size: 14px; color: #ffffff; background-color: #57AFD7; border-color: #af9d66; border-width: 1px; border-radius: 0px; }   .grid-container .grid-item { font-family: 'Roboto', serif; font-size: 18px; font-weight: 300; background-color: white; border-width: 1px; border-style: solid; border-color: #222222; border-radius: 0px; color: #222222; } .grid-container .grid-item:hover, .grid-container .grid-item:focus, .grid-container .grid-item.active { color: #222222; background-color: #af9d66; border-color: #222222; } .grid-container .grid-item.disabled { color: #5c5c5c; background-color: #2222; border-color: #2222; }  .indicator-wrapper .mdi { color: #000000; } svg .progress-bar { stroke: #000000; } svg .circle { fill: #ffffff; }  section.definition-diverter .has-bg { background-color: #000000; z-index: 0; } section.definition-diverter .row { position: relative; z-index: 1; } .definition-diverter-title {  }@media screen and (min-width: 768px) { .section--new-width p, .section--new-width ul { font-size: 18px; } .definition-diverter-item { font-size: 18px; } .content-title { font-size: 30px; } .section-title { font-size: 40px; } section.plusminus-block h2 { font-size: 40px; } section.plusminus-block ul li { font-size: 18px; } section.section--outro p { font-size: 14px; } ul li, ol li { font-size: 18px; } .search-result p { font-size: 18px; } .search-summary-text { font-size: 18px; } .btn--expand { font-size: 18px; } .btn--share { font-size: 18px; } } @media screen and (min-width: 1200px) { .navbar-container .navbar { font-size: 20px; } .section--new-width p, .section--new-width ul { font-size: 18px; } .definition-diverter-item { font-size: 18px; } .content-title { font-size: 40px; } .section-title { font-size: 50px; } section.plusminus-block h2 { font-size: 50px; } section.plusminus-block ul li { font-size: 18px; } ul li, ol li { font-size: 18px; } section.section--outro p { font-size: 15px; } .search-result p { font-size: 20px; } .search-summary-text { font-size: 20px; } footer { font-size: 18px; } .row--info .last-edited p, .row--info .last-edited .mdi { font-size: 18px; } .row--info .report-error p, .row--info .report-error .mdi { font-size: 18px; } } @media screen and (min-width: 1920px) { .section--new-width p, .section--new-width ul { font-size: 22px; } .definition-diverter-item { font-size: 22px; } .content-title { font-size: 45px; } .section-title { font-size: 60px; } section.plusminus-block h2 { font-size: 60px; } section.plusminus-block ul li { font-size: 22px; } ul li, ol li { font-size: 22px; } section.section--outro p { font-size: 17px; } .search-result p { font-size: 22px; } .search-summary-text { font-size: 22px; } }   .card { width: calc((100%/1) - (10px * 2)); margin: 10px; border-width: 2px; border-radius: 0px; border-color: #222222; background-color: white; color: #222222; } .card:hover { border-color: #af9d66; } .card-link { color: #222222; } .card-link:hover, .card-link:focus { color: #222222; text-decoration:none; opacity: .8; } .card .title { font-weight: 600; font-family: 'Roboto', serif; text-align: left; font-size: 18px; white-space: initial !important; } .card .card-btn { background-color: #af9d66; border-width: 4px; border-radius: 4px; border-color: #af9d66; border-style: solid; color: #222222; font-weight: 400; font-family: 'Roboto', serif; text-align: left; font-size: 16px; } .card .card-btn:hover, .card .card-btn:focus { background-color: #af9d66; color: #222222; }  .card.highlighted { border-color: #af9d66; background-color: white; color: #222222; } .card.highlighted:hover { border-color: #222222; } .highlighted .card-link { color: #222222; } .highlighted .card-link:hover, .highlighted .card-link:focus { color: #222222; text-decoration:none; opacity: .8; } .card.highlighted .title { font-weight: 600; font-family: 'Roboto', serif; text-align: left; font-size: 20px; } .card.highlighted .card-btn { background-color: #af9d66; border-width: 4px; border-color: #af9d66; border-style: solid; color: #222222; font-weight: 400; font-family: 'Roboto', serif; text-align: left; font-size: 16px; } .card.highlighted .card-btn:hover, .card.highlighted .card-btn:focus { background-color: #af9d66; color: #222222; }   .card-tag { width: calc((100%/1) - (10px * 2)); margin: 10px; border-width: 2px; border-style: solid; border-radius: 0px; border-color: #222222; background-color: white; color: #222222; } .card-tag:hover { border-color: #af9d66; } .card-tag .title { font-weight: 600; font-family: 'Roboto', serif; text-align: left; font-size: 18px; } .card-tag .card-btn { background-color: #af9d66; border-width: 4px; border-radius: 4px; border-color: #af9d66; border-style: solid; color: #222222; font-weight: 400; font-family: 'Roboto', serif; text-align: left; font-size: 16px; } .card-tag .card-btn:hover, .card-tag .card-btn:focus { background-color: #af9d66; color: #222222; } .card-tag.highlighted-tag { border-color: red; background-color: purple; color: white; } .card-tag.highlighted-tag:hover { border-color: #280137; } .highlighted-tag .card-link { color: white; } .highlighted-tag .card-link:hover, .highlighted-tag .card-link:focus { color: white; text-decoration:none; opacity: .8; } .card-tag.highlighted-tag .title { font-weight: 600; font-family: 'Roboto', serif; text-align: left; font-size: 24px; } .card-tag.highlighted-tag .card-btn { background-color: blue; border-width: 4px; border-color: red; border-style: solid; color: white; font-weight: 400; font-family: 'Roboto', serif; text-align: left; font-size: 16px; } .card-tag.highlighted-tag .card-btn:hover, .card-tag.highlighted-tag .card-btn:focus { background-color: yellow; color: red; }  @media screen and (min-width: 768px) { .card { width: calc((100%/2) - (10px*2)); } .card-tag { width: calc((100%/2) - (10px*2)); } } @media screen and (min-width: 992px) { .card { width: calc((100%/3) - (10px*2)); } .card-tag { width: calc((100%/3) - (10px*2)); } }  .card2 { width: calc((100%/1) - (10px * 2)); margin: 10px; border-width: 1px; border-radius: 0px; border-color: red; background-color: purple; color: white; } .card2:hover { border-color: #280137; } .card2-link { color: white; } .card2-link:hover, .card2-link:focus { color: white; text-decoration:none; opacity: .8; } .card2 .title { font-weight: 600; font-family: 'Roboto', serif; text-align: left; font-size: 18px; } .card2 .card-btn { background-color: blue; border-width: 4px; border-radius: 4px; border-color: red; border-style: solid; color: white; font-weight: 400; font-family: 'Roboto', serif; text-align: left; font-size: 16px; } .card2 .card-btn:hover, .card2 .card-btn:focus { background-color: yellow; color: red; }  .card2.highlighted { border-color: red; background-color: purple; color: white; } .card2.highlighted:hover { border-color: #280137; } .highlighted .card2-link { color: white; } .highlighted .card2-link:hover, .highlighted .card2-link:focus { color: white; text-decoration:none; opacity: .8; } .card2.highlighted .title { font-weight: 600; font-family: 'Roboto', serif; text-align: left; font-size: 24px; } .card2.highlighted .card-btn { background-color: blue; border-width: 4px; border-color: red; border-style: solid; color: white; font-weight: 400; font-family: 'Roboto', serif; text-align: left; font-size: 16px; } .card2.highlighted .card-btn:hover, .card.highlighted .card-btn:focus { background-color: yellow; color: red; }   .card-tag2 { width: calc((100%/1) - (10px * 2)); margin: 10px; border-width: 1px; border-style: solid; border-radius: 0px; border-color: red; background-color: purple; color: white; } .card-tag2:hover { border-color: #280137; } .card-tag2 .title { font-weight: 600; font-family: 'Roboto', serif; text-align: left; font-size: 24px; } .card-tag2 .card-btn { background-color: blue; border-width: 4px; border-radius: 4px; border-color: red; border-style: solid; color: white; font-weight: 400; font-family: 'Roboto', serif; text-align: left; font-size: 16px; } .card-tag2 .card-btn:hover, .card-tag2 .card-btn:focus { background-color: yellow; color: red; } .card-tag2.highlighted-tag { border-color: red; background-color: purple; color: white; } .card-tag2.highlighted-tag:hover { border-color: red; } .highlighted-tag .card-link2 { color: white; } .highlighted-tag .card-link2:hover, .highlighted-tag .card-link2:focus { color: white; text-decoration:none; opacity: .8; } .card-tag2.highlighted-tag .title { font-weight: 600; font-family: 'Roboto', serif; text-align: left; font-size: 24px; } .card-tag2.highlighted-tag .card-btn { background-color: blue; border-width: 4px; border-color: red; border-style: solid; color: white; font-weight: 400; font-family: 'Roboto', serif; text-align: left; font-size: 16px; } .card-tag2.highlighted-tag .card-btn:hover, .card-tag2.highlighted-tag .card-btn:focus { background-color: yellow; color: red; }  @media screen and (min-width: 768px) { .card2 { width: calc((100%/2) - (10px*2)); } .card-tag2 { width: calc((100%/2) - (10px*2)); } } @media screen and (min-width: 992px) { .card2 { width: calc((100%/3) - (10px*2)); } .card-tag2 { width: calc((100%/3) - (10px*2)); } }   .glossary-background { background-image: url("") !important; background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; }  .definition-background { background-image: url("") !important; background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; }  .asdasd { background-color: white; text-align: center; } .asdasd img { background-color: white; width: 100px; border-radius: 50%; } .old-counter { font-size: 16px; color: rgba(255, 0, 0, 0); }  .section--expression { margin-bottom: 20px; }  


.logo-right-border {
border-right: 1px solid white;
}

.main-page-welcome-text p {
font-family:'Roboto', serif;
font-weight:400;
color:black;
font-size:24px;
text-align:center;
}


section.section--page-extras.section--expression.expressions_typye_2 .label-item {
font-family: Roboto, serif;
font-size: 16;
font-weight: 700;
color: #444644;
background-color: #af9d66;
border-radius: 0px;
border-width: 2px;
border-color: #af9d66;
}



@media screen and (max-width: 768px) {
.section-title {
font-size: 42px !important;
}
}