.description-dro { max-bredd: 1000px; } .description-dro h3 { font-size: 24px; font-weight: fetstil; text-align: centrera; } .description-dro p { font-size: 19px; text-align: centrera; } .description-dro tabell { border-collapse: kollapsa; margin-topp: 40px; bredd: 100%; } .description-dro td { padding: 8px; höjd: 20px; } .description-dro tr:nth-child(even) { background-color: #f1ebeb; } .description-dro td:nth-child(1) { width: 50%; text-align: right; font-weight: bold; } .description-dro td:nth-child(1) { width: 50%; text-align: right; font-weight: bold; } .description-dro td:nth-child(2) { width: 50%; text-align: left; } .description-dro img { display: block; align-items: centrera; margin: 0 auto; width: auto; max-width: 100%; max-height: 300px; } #beskrivning-dro-toppbild { gränsradie: 25px 25px 0 0; max-höjd: max-innehåll; } #beskrivning-dro-bannerbild { max-höjd: max-innehåll; bredd: 95%; vänstermarginal: 2.5%; gränsradie: 20px; } #beskrivning-dro-titel { font-storlek: 27px; } #beskrivning-dro-text-vänster-bild-höger { display: flex; justera-objekt: centrera; flex: 1; vänstermarginal: auto; } #beskrivning-dro-text-höger-bild-vänster { display: flex; justera-objekt: centrera; flex: 1; vänstermarginal: auto; } #opis-dro-text-höger-bild-vänster img { marginal-vänster: 30px; marginal-nedre: 30px; marginal-överst: 30px; } #opis-dro-text-vänster-bild-höger img { marginal-höger: 30px; marginal-nedre: 30px; marginal-överst: 30px; } #beskrivning-dro-textbox { marginal-vänster: 20px; marginal-höger: 20px; } #beskrivning-dro-textbox h3 { font-size: 24px; color: #f8f8f8; } #beskrivning-dro-rund-bild { kant-radie: 20px; } .beskrivning-dro-svartlåda { bakgrundsfärg: #f6e9dd; färg: #030303; kantradius: 40px; } .opis-dro-blackbox p, .opis-dro-blackbox h3 { marginal-vänster: 25px; marginal-höger: 25px; font-family: "PT Sans", sans-serif !important; font: "PT Sans", sans-serif !important; } .description-dro-blackbox p { padding-bottom: 20px; } .description-dro-blackbox hr { marginal-vänster: 30px; marginal-höger: 30px; kant: solid 2px; kantradius: 9px; kantfärg: #ebebeb; } .description-dro-blackbox #whitepart, #whitepart h3 { bakgrundsfärg: #c7ae98; marginal: 0; färg: #1b2a4a; } .description-dro-blackbox #whitepart { padding-top: 30px; width: 95%; margin-left: 2.5%; border-radie: 20px; } #opi-dro-video-sidewrapper video { height: 300px; margin: 30px; } .description-dro-video { display:flex; justify-content: center; margin-top: 20px !important; } .opi-dro-video #opis-dro-video-wrapper { position:relative; width: 75%; padding-bottom: 42.2%; } .description-dro-video iframe { position:absolute; top: 0; left: 0; width: 100%; höjd: 100%; } .description-dro-video video { topp: 0; vänster: 0; bredd: 100%; höjd: 100%; } @endast media skärm och (maxbredd: 800px) { #description-dro-text-höger-bild-vänster { display: inline; } #description-dro-text-vänster-bild-höger { display: inline; } #opis-dro-text-höger-bild-vänster img { margin: auto; margin-topp: 30px; } #opis-dro-text-vänster-bild-höger img { margin: auto; margin-bottom: 30px; padding-bottom: 20px; } } .custom-list { list-style-type: square; /* Ändra punkter till kvadrater */ } .custom-list li { font-family: "PT Sans", sans-serif; /* Ställ in teckensnittet på PT Sans */ font-size: 19px; /* Matcha teckenstorleken med resten av sidan */ margin-bottom: 10px; } .etui-title { text-align: left; /* Justera texten till vänster */ font-size: 19px; /* Matcha teckensnittet med resten */ margin-left: 20px; /* Justera med lista */ }