html {
line-height: 1.55;
-webkit-text-size-adjust: 100%;
} body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
} a {
background-color: transparent;
outline: none!important;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} img {
border-style: none;
} button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
}
textarea, input[type=text], textarea, input[type="range"], [type="email"] { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none!important;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: none;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
} details {
display: block;
} summary {
display: list-item;
} template {
display: none;
} [hidden] {
display: none;
} *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
} ul {
padding-left: 0;
list-style: none;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
width:auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}  .sticky {
display: block;
} .updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}          :root {
--bbdf-petrol: #00ADBB;
--bbdf-petrol-light: #A7D9E6;
--bbdf-gelb: 249,199,0;
--bbdf-gelb-hover: #F8B21E;
--gray-background: #4D4D4D;
--text-color:#757576;
--text-color-invert: white;
--link-color:  #00ADBB;
--link-color-hover: #F9C700;
--content-max-width: 1100px;
--content-margin: auto;
--group-padding: 2rem 1rem;
--group-padding-nav: 0 1rem;
--base-font-family: oscine, Arial, sans-serif;
--h-font-family: rift, sans-serif;
--p-font-size: 1.06rem;
--h1-padding: 195px 0 45px 0;
--h1-font-size: 3.7rem;
--h2-font-size: 2.5rem;
--h3-font-size: 1.7rem;
--h4-font-size: 1.2rem;
--slogan-size:1.7rem;
--h-line-height: 1;
--h3-line-height: 1.15;
--h-font-weight: 700;
--h-color: var(--bbdf-petrol);
--text-align-h: center;
--text-align: center;
--margin-zu-h1: 1.5rem;
--vp-color-brand:  #F9C700;
--vp-interactive__transition-duration: 0s!important;
--vp-transition-duration: 0s!important;
--vp-items-style-default--image-hover__transform: none!important;
}
.vp-portfolio__items-style-fade {
--vp-items-style-fade--overlay__background-color: #F9C700!important;		
--vp-items-style-fade--meta-staggering__transition-duration: 0s!important;--vp-items-style-fade--meta-staggering__transition-delay: 0s!important;
--vp-items-style-fade--image-hover__transform: none!important;
--vp-items-style-fade--meta__transform: none!important;
}
.vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img img, .vp-portfolio__items-style-default .vp-portfolio__item-focus .vp-portfolio__item-img img {
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
}
@media screen and (min-width:450px) {
:root {
--group-padding: 2rem 1.5rem;
--group-padding-nav: 0 1.5rem;
}
}
:where(.wp-block-columns.is-layout-flex) {
gap: 0em;
}
@media screen and (min-width:600px) {
:root {
--text-align: left;
--group-padding: 3rem 2rem;
--group-padding-nav: 0 2rem;
--h1-font-size: 5.7rem;
--h2-font-size: 3rem;
--h1-padding: 260px 0 85px 0;
--margin-zu-h1: 2.5rem;
--p-font-size: 1.15rem;
}
}
@media screen and (min-width:800px) {
:root {
--group-padding: 4rem 4rem;
--group-padding-nav: 0 4rem;
--h2-font-size: 3.5rem;
--slogan-size:2.3rem;
}
} .wp-block-group {
width: 100%;
}
.wp-block-group__inner-container {
max-width: var(--content-max-width);
margin: var(--content-margin);
padding: var(--group-padding);
}
.wp-block-group:nth-child(even) {
background-color: var(--bbdf-petrol);
color: var(--text-color-invert);
}
.navwrapper, .footerwrapper {
max-width: var(--content-max-width);
margin: var(--content-margin);
padding: var(--group-padding-nav);
}
.footerwrapper {
padding: var(--group-padding);
} .site-branding {
background: url(//bbdf.design/wp-content/themes/bbdf/images/header_hg.png) no-repeat;
background-size: auto;
background-size: 100% 100%;
position: absolute;
z-index: 2;
width: 100%;
height: 150px;
top: 0px;
left: 0px;
-webkit-filter: drop-shadow(5px 5px 5px rgba(34, 34, 34, 0.075));
filter: drop-shadow(5px 5px 5px rgba(34, 34, 34, 0.075));
}
.custom-logo-link {
margin:1rem auto;
width: 116px;
width:max-content;
display:block;
}
.custom-logo {
height: 85px;
}
.entry-header {
position: relative;
background-color: var(--bbdf-petrol)
}
.entry-header > .h1-wrapper {
position: relative;
bottom: 5%;
left: 0;
z-index: 1;
width: 100%;
}  .menu-toggle {
position: absolute;
right:0;
top:0;
z-index:1;
width: 22px;
height: 22px;
margin: 1.8rem 5% 0 0;
background-color: transparent;
background-color: unset;
border:none;
border: unset;
cursor:pointer;
pointer-events: auto;
outline:none;
}
.hamburger {
width: 22px;
height: 3px;
position: absolute;
top: 11px;
left: 0;
background-color: rgb(var(--bbdf-gelb));
}
.hamburger:before, .hamburger:after {
content: '';
position: absolute;
width: 100%; 
height: 3px;
background-color: rgb(var(--bbdf-gelb));
left:0;
transition: 0.5s; 
transform-origin: center;
}
.hamburger:before {
top: -8px;
}
.hamburger:after {
top: 8px;
}
.main-navigation.toggled .hamburger {
background: none;
}
.main-navigation.toggled .hamburger:before {
transform: rotate(-45deg);
top: 0px;
transition: 0.5s; 
transform-origin: center;
}
.main-navigation.toggled .hamburger:after {
transform: rotate(45deg);
top: 0px;
transition: 0.5s; 
transform-origin: center;
} .main-navigation {
display: block;
width: 100%;
height:80px;
position: fixed;
top: 0;
right: 0;
background-color:transparent;
text-align: center;
font-size: 1.5rem;
z-index:2;
transition: 1s; pointer-events:none;
font-family: rift, Arial, sans-serif;
font-weight: 600;
text-align: left;
overflow:hidden!important;
}
#logoklein, .scrolledPage .main-navigation.toggled #logoklein {
opacity: 0;
display: none;
position:relative;
margin: 21px 0 0 0;
pointer-events: auto;
}
.scrolledPage #logoklein, .scrolledPage.bigNavi .main-navigation.toggled #logoklein {
opacity:1;
display:inline-block;
}
#logoklein img {
width:90px;
}
.scrolledPage .main-navigation {
background-color:white;
box-shadow: rgba(66, 66, 66, 0.3) 0px -10px 20px;
transition: 0.3s; }
.scrolledPage.bigNavi .main-navigation ul {
display: flex;
overflow:hidden;
}  .scrolledPage.bigNavi .menu-toggle {
display:none;
}
.scrolledPage.bigNavi .main-navigation #primary-menu {
padding: 13px 0 0 0;
font-size:1.5rem;
}
@media screen and (min-width: 600px) {  .menu-toggle {
margin-top: 2.5rem;
}
.main-navigation ul li {
margin: 0 0.7rem;
}
.main-navigation ul li:last-of-type {
margin-right: 0;
}
.bigNavi.scrolledPage .navwrapper {
display:flex;
justify-content:space-between;
}
}
.main-navigation a, .main-navigation a:visited {
color: rgb(var(--bbdf-gelb));
}
.main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active {
color: var(--bbdf-gelb-hover);
}
.main-navigation.toggled {
height: 100%;
overflow-y: auto; width: 100%;
overflow-x: hidden;
background: white!important;
}
.bigNavi.scrolledPage .main-navigation.toggled {
height: 80px;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
pointer-events: auto;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.bigNavi.scrolledPage .main-navigation ul{
position: relative;
top: 0;
left: 0;
-ms-transform: none;
transform: none;
}
.menu-hauptmenue-container > ul > li {
margin-top: 1rem;
}
#primary-menu {
padding: 3rem 0;
text-align: center;
font-size: 2rem;
}
.sub-menu {
padding: 0;
font-size: 1.2rem;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: inline-block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}  body {
font-family: var(--base-font-family);
color:var(--text-color);
font-size: var(--p-font-size);
}
.slogan {
color: #C1EBED;
text-align: var(--text-align-h);
font-size: var(--slogan-size);
margin-bottom:0.2rem;
}
.wp-block-group:nth-child(odd) .slogan {
color: var(--bbdf-petrol-light);
}
.entry-header > .h1-wrapper > h1, .post .entry-title {
max-width: var(--content-max-width);
margin: var(--content-margin); padding:260px 0 85px 0;
padding: var(--h1-padding);
width:90%;
}
.entry-header h1 {
color: var(--text-color-invert);
}
h1,h2, .slogan {
font-family: var(--h-font-family);
line-height: var(--h-line-height)
}
h1 {
color: var(--bbdf-petrol);
font-size: var(--h1-font-size);
text-align: var(--text-align-h);
}
h2 {
font-size: var(--h2-font-size);
text-align: var(--text-align-h);
margin-top:0rem;
}
p ~ h2 {
margin-top: 0;
}
h2 {
margin-bottom:0;
}
.wp-block-group:nth-child(odd) h2:not(.vp-portfolio__item-meta-title) {
color: var(--bbdf-petrol);
}
h3 {
margin-bottom: 0.5rem;
font-size: var(--h3-font-size);
margin-top: 0;
}
h3,h4 {
font-family: var(--h-font-family);
line-height: var(--h3-line-height)
}
h3,h4 {
font-weight: 600;
text-align: var(--text-align);
}
.kontakt h3:not(:first-of-type) {
margin-top:2rem;
}
p {
margin: 0 0 1rem 0;
text-align: var(--text-align);
}
.entry-content a:not(.wp-block-button__link):not(.bbdf-leistungsteaser):not(a.vp-portfolio__item-meta):not(.vp-filter__item a):not(.vp-filter__item-active a) {
color: rgb(var(--bbdf-gelb));
text-decoration: none;
}
.entry-content a:not(.wp-block-button__link):not(.bbdf-leistungsteaser):not(a.vp-portfolio__item-meta):not(.vp-filter__item a):not(.vp-filter__item-active a):hover {
color: var(--bbdf-gelb-hover);
text-decoration: underline;
} .wp-block-buttons:not(.center) {
text-align: var(--text-align);
}
.kasten .wp-block-buttons, .center {
text-align: var(--text-align-h);
}
.is-style-bbdf-button .wp-block-button__link, 
.editor-styles-wrapper .is-style-bbdf-button .wp-block-button__link { 
color: #fff;
background-color: rgb(var(--bbdf-gelb));
border-radius: 0;
padding: 16px 1.5rem 15px 1.5rem;
margin-top:1rem;
text-transform: uppercase;
font-size:1.2rem;
line-height:1
}
.wp-block-buttons > .is-style-bbdf-button.button-zentriert.wp-block-button:last-child, .is-style-bbdf-button.button-zentriert {
margin-left: auto;
margin-right:auto;
}
.is-style-bbdf-button .wp-block-button__link:hover, 
.editor-styles-wrapper .is-style-bbdf-button .wp-block-button__link:hover {
background-color: var(--bbdf-gelb-hover);
}
.wp-block-visual-portfolio ~ .wp-block-buttons {
margin-top: 1.75rem;
}
.socialbuttons.wp-block-buttons .wp-block-button {
margin-right: .2em!important;
margin-bottom: .2em!important;
}
.socialbuttons {
margin:auto;
}
.socialbuttons .is-style-bbdf-button.wp-block-button .wp-block-button__link{
padding: .4em .4em;
line-height:0;
width: 38px;
height: 38px;
margin-top: 0;
}
.socialbuttons .is-style-bbdf-button.wp-block-button .wp-block-button__link img{
width: 24px!important;
height: 24px!important;
} #frm_field_6_container {
margin-bottom: 5px!important;
} ul:not(.fakten ul):not(.kasten ul):not(.bbdf-leistungsteaser ul):not(.leistungdetail) {
text-align: var(--text-align);
margin-top:0;
} .wp-block-columns {
margin-bottom: 0!important;
justify-content: space-between;
}
.wp-block-columns.metadaten {
display: block;
gap: 0;
}
.wp-block-columns.metadaten .wp-block-column {
margin-left: 0;
}
.wp-block-columns.metadaten .wp-block-column p{
margin-bottom:0;
} .kunden img {
background-color: var(--bbdf-petrol-light);
}
.kunden .vp-portfolio__item-wrap:hover img {
background-color: rgb(var(--bbdf-gelb));
}  .agenturbilder, .wp-block-visual-portfolio.agenturbilder {
margin-bottom: 1rem;
margin-top: 1rem;
}
.fakten ul {
margin: 0;
}
.fakten li {
padding: 5px 15px;
margin: 10px 0;
display:flex;
justify-content:flex-start;
}
.fakten li:first-of-type {
padding-top: 0;
margin-top: 0;
}
.fakten li::before {
content: url(//bbdf.design/wp-content/themes/bbdf/images/icon/butter-list-style.svg);
margin: 0 15px 0 0;
width:25px;
height:25px;
position: relative;
flex-shrink: 0;
} .vp-filter__item {
font-size: 1.4rem;
font-family: var(--h-font-family);
}
.vp-filter__item a {
padding: 0px 10px!important;
}
.vp-filter__item a:not(.vp-filter__item-active a) {
color:#68b6bc;
}
.vp-portfolio__item-meta-categories {
margin-bottom: 0.5rem!important;
font-size: 1rem!important;
line-height: 1.1!important;
}
.vp-portfolio__item-meta-title, .vp-portfolio__item-meta-categories{
color: var(--text-color-invert)!important;
}
.vp-portfolio__item-meta-title{
font-size: 1.15rem !important;
font-family: oscine;
text-transform: uppercase;
line-height: 1.15;
}
.vp-portfolio__item-meta {
padding: 1.5rem!important;
}
h2 ~ .wp-block-columns, h2 ~ p, h2 ~ ul, .wp-block-visual-portfolio {
margin-top: var(--margin-zu-h1);
} .vp-portfolio__items-style-default .vp-portfolio__item-overlay {
background: none!important;
} a.bbdf-leistungsteaser, .bbdf-leistungsteaser {
color: white;
display: block;
background-color: var(--bbdf-petrol-light);
margin-bottom:1rem;
text-align: center;
padding-bottom: 1.5rem;
text-decoration: none;
}
a.bbdf-leistungsteaser:hover {
background-color: rgb(var(--bbdf-gelb));
text-decoration:none;
}
.kasten ul, .kasten h3, .kasten h4, .kasten p {
margin-left: 5%;
margin-right: 5%;
color: white;
text-align: var(--text-align-h)
}
.kasten h3 {
margin-top:1rem;
}
.leistungsicon {
margin:0;
}   footer {
background-color: var(--gray-background);
color: var(--text-color-invert);
}
footer a, footer a:visited {
color: var(--text-color-invert);
text-decoration:none;
}
footer a:hover, footer a:active, footer a:focus {
color: rgb(var(--bbdf-gelb));
}
#footernav {
display: flex;
justify-content:space-between;
flex-wrap:wrap;
}
#footernav section{
width:100%;
}
.copyright {
background-color: rgb(54, 54, 54);
margin:0 auto;
padding: 10px;
font-size:0.9rem;
text-align:center;
}
.socialfooter a {
display: inline-block;
line-height: 0;
width:30px;
height:30px;
}
.socialfooter a:first-of-type:hover {
background-image: url(//bbdf.design/wp-content/themes/bbdf/images/icon/facebook-gelb.svg)
}
.socialfooter a:nth-of-type(2n):hover {
background-image: url(//bbdf.design/wp-content/themes/bbdf/images/icon/instagram-gelb.svg)
}
.socialfooter a:nth-of-type(3n):hover {
background-image: url(//bbdf.design/wp-content/themes/bbdf/images/icon/xing-gelb.svg)
}
.socialfooter a:nth-of-type(4n):hover {
background-image: url(//bbdf.design/wp-content/themes/bbdf/images/icon/linked-gelb.svg)
}
.socialfooter a img:hover {
opacity:0;
transition-duration:0.2s;
}
footer #claim {
position: relative;
float: left;
text-align: right;
margin: 0 0.8rem 0 0;
line-height: 130%;
font-family: rift, Arial, sans-serif;
font-size: 1.5rem;
}
.footerlogo img {
margin: 0.4rem 0 0 0;
width:50px;
}
.custom-html-widget > div {
width:max-content;
margin: 0 auto;
display: block;
}
#nav_menu-2 {
margin-bottom: 0;
}
.textwidget a:not(:first-child) {
margin-left: 8px;
}
@media screen and (min-width: 600px) and (max-width: 781px) {
.wp-block-column:not(.metadaten .wp-block-column):nth-child(2n+3) {
margin-left:0!important;
}
.wp-block-column:not(.metadaten .wp-block-column):nth-child(2n) {
margin-left: 1em!important;
}
.wp-block-column:not(:only-child):not(.kontakt):not(.kontaktform) {
flex-basis: calc(50% - 0.5em) !important;
}
.wp-block-column.kontakt{
flex-basis: 30%!important;
}
.wp-block-column.kontaktform{
flex-basis: 60%!important;
}
}
@media screen and (min-width:400px) {
#footernav section{
width:max-content;
}
#footernav section:not(:last-child) {
margin-right:20px;
}
#footernav p, #footernav ul {
text-align: left;
}
}
@media screen and (max-width:600px) {
.fakten .wp-block-column:nth-child(2n) li:first-of-type {
margin-top:0;
}
.with_frm_style .vertical_radio .frm_checkbox label {
text-align: center;
}
.frm_submit {
text-align:center;
margin-bottom:2rem;
}
}
@media screen and (min-width:600px) {
.widget {
margin: 0;
}
.fakten li {
padding: 10px 15px;
}
.socialbuttons {
margin:unset;
} .site-branding {
height: 180px;
opacity:1;
transition-duration:0.2s;
}
.site-branding.unsichtbar {
opacity:0;
transition-duration:0.2s;
}
.custom-logo-link {
margin:2rem auto;
}
.custom-logo {
height: 105px;
} #primary-menu {
font-size: 4rem;
line-height:1;
}
}
@media screen and (min-width: 782px) {
.wp-block-column:not(:first-child):not(.metadaten .wp-block-column) {
margin-left: 1em!important;
}
.wp-block-columns.metadaten {
justify-content: start;
display:flex;
}
.wp-block-columns.metadaten .wp-block-column {
flex-basis: auto;
flex-basis: max-content;
flex-grow: 0;
}
.wp-block-columns.metadaten .wp-block-column:not(:first-of-type) {
margin-left: 0.5rem;
}
.wp-block-columns.metadaten .wp-block-column:not(.metadaten .wp-block-column:last-of-type) {
padding-right:0.5rem;
border-right: solid 1px;
}
.wp-block-columns.metadaten .wp-block-column p{
margin-bottom:0;
line-height: 1;
}
}
@media screen and (min-width: 900px) { #primary-menu {
font-size: 5rem;
}
}
@media screen and (min-width: 1200px) { #primary-menu {
font-size: 6rem;
}
}
.agb > li::marker {
font-weight:bold;
}
.agb > li {
margin-bottom:1rem;
}