/***************************************/
/*** BEGIN BOOTSTRAP 3.0.2 OVERRIDES ***/

h1,
.h1 {
    font-size: 19px;
}

h2,
.h2 {
    font-size: 19px;
} /* line 556-559 */


/*
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 0;
    padding-left: 0;
}*/ /* line 835-887 */

.label {
    padding: 0;
    font-size: 15px;
    line-height: 23px;
    color: #000;
    text-align: left;
    white-space: normal;
} /* line 5103-5114 */

/*** END BOOTSTRAP 3.0.2 OVERRIDES ***/
/*************************************/





/****************************************/
/*** BEGIN Bootstrap v4.6.2 OVERRIDES ***/

a:hover {
    color: darkslategray; /* #c23319; */
    /*
    text-decoration: none;
    */
} /* _reboot.scss : 192-193 */

body {
    font-family: 'Open Sans', sans-serif;
    /*
    font-family: 'Open Sans', 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 23px;
    */
	color: #000000;
} /* _reboot.scss : (48-49, 51-)52 */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 20px;
    font-weight: 700;
} /* _type.scss : 9, 11 */

h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
} /* _reboot.scss : 93 */

.container {
    padding-right: 0px;
    padding-left: 0px;
} /* _grid.scss : 7-8 */

.row {
    margin-right: 0px;
    margin-left: 0px;
} /* _grid.scss : 16-17 */

.table td, .table th {
    vertical-align: unset;
} /* _tables.scss : 14 */

@media (max-width: 616px) {
    .container {
        max-width: calc(100% - 20px);
    } /* _grid.scss : 21 */
}

@media (min-width: 617px) {
    .container {
        max-width: 580px;
    } /* _grid.scss : 21 */
}

@media (min-width: 912px) {
    .container {
        max-width: 875px;
    } /* _grid.scss : 21 */
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    } /* _grid.scss : 21 */
}

/*** END Bootstrap v4.6.2 OVERRIDES ***/
/**************************************/




a,
h1 a,
h2 a {
	color: darkslategray; /* #c23319; */
}

header {
    background-color: #ffffff;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 10%);
    height: 80px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9000 !important;
}

header .container,
header .container nav {
    height: inherit;
}

html {
    
}

input[type="search"],
input[type="text"] {
    -webkit-appearance: none;
    border-radius: 0;
}

main {
    padding: 90px 0px 0px 0px;
    width: 100%;
}





#block-footer {
    background-color: #e6e6e6;
    margin-top: 30px;
}

#block-footer a {
	color: #000000;
}

#block-footer a:hover {
  color: darkslategray;
}

#block-footer a[href^="tel:"]::before,
#block-footer a[href^="https://www.facebook.com"]::before,
#block-footer a[href^="https://www.linkedin.com"]::before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

#block-footer a[href^="tel:"]::before {
    content: "\f2a0\00a0\00a0";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

#block-footer a[href^="https://www.facebook.com"]::before {
    color: #5068A8;
    content: "\f082\00a0\00a0";
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
}

#block-footer a[href^="https://www.linkedin.com"]::before {
    color: #3177B3;
    content: "\f08c\00a0\00a0";
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
}

/*
#block-footer ul:not(.contextual-links) {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    padding: 30px;
}

#block-footer ul:not(.contextual-links)>li {
    flex: 1 0 calc(25% - 30px);
    min-width: fit-content;
    white-space: nowrap;
}
*/

#block-footer ul:not(.contextual-links) {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(calc((1170px - 150px) / 4), 1fr));
    /*
    justify-items: center;
    */
    list-style-type: none;
    padding: 30px;
}

#block-footer ul:not(.contextual-links)>li:first-child {
    /*
    justify-self: start;
    */
}

#block-footer ul:not(.contextual-links)>li:last-child {
    /*
    justify-self: end;
    */
}





#block-tabs>ul {
    border: 2px solid #ddd;
    text-align: center;
}

#block-tabs>ul>li {
    display: inline-table;
}

#block-tabs>ul>li:not(:last-child)::after {
    color: #ddd;
    content: '\00a0\00a0\00a0|\00a0\00a0';
}

#block-tabs>ul>li>a.is-active {
    color: #000000;
}





/*** BEGIN "/teknik/advarselsskilte/bestilling" STYLING ***/

#edit-total-amount-excl-vat p,
#edit-total-postage-servicecharge p,
#edit-total-warningsign-dailyentrance,
#edit-total-warningsign-pumpplace,
#edit-total-warningsign-slurrytank,
#edit-total-warningsign-slurrytank-optional,
#webform-header-total {
    text-align: right;
}

#edit-label-warningsign-dailyentrance,
#edit-label-warningsign-pumpplace,
#edit-label-warningsign-slurrytank,
#edit-label-warningsign-slurrytank-optional {
	line-height: 45px;
	padding-left: 60px;
}

#edit-label-warningsign-dailyentrance {
	background: url("http://www.industribeton.dk/sites/default/files/inline-images/Advarsel_Saet_Indgang.jpg") no-repeat;
    background-size: contain;
}

#edit-label-warningsign-pumpplace {
	background: url("http://www.industribeton.dk/sites/default/files/inline-images/Advarsel_Forbeholder.jpg") no-repeat;
    background-size: contain;
}

#edit-label-warningsign-slurrytank {
	background: url("http://www.industribeton.dk/sites/default/files/inline-images/Advarsel_Gyllebeholder.jpg") no-repeat;
    background-size: contain;
}

#edit-label-warningsign-slurrytank-optional {
	background: url("http://www.industribeton.dk/sites/default/files/inline-images/Advarsel_Ikke_Paabudt_0.jpg") no-repeat;
    background-size: contain;
}

.form-item-total-amount-excl-vat {
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 0;
}

.form-item-total-amount-excl-vat,
.form-item-total-warningsign-dailyentrance,
.form-item-total-warningsign-pumpplace,
.form-item-total-warningsign-slurrytank,
.form-item-total-warningsign-slurrytank-optional {
    text-align: right;
}

/*** END "/teknik/advarselsskilte/bestilling" STYLING ***/





.align-items-center {
    align-items: center;
    display: flex;
}





.carousel {
    margin-bottom: 20px;
}

/*
.carousel-indicators {
    background-color: rgb(0 0 0 / 15%);
    font-size: 13px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.carousel-indicators li {
    font-weight: 550;
    height: initial;
    margin-left: 0px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    text-indent: initial;
    width: 10px;
}

.carousel-indicators li::after {
    content: attr(data-slide-label);
}

.carousel-indicators li:first-child {
    margin-left: 5px;
}

.carousel-indicators li.active {
    background-color: #c23319;
    color: #ffffff;
}
*/





/*** BEGIN "view.contacts > view.departments" STYLING ***/

.contacts-departments {
    clear: both;
    display: table;
}

.contacts-departments a {
    border: 1px solid #333333; /* #c23319; */
    border-right-width: 0;
    color: #333333;
    float: left;
    font: 400 15px/35px "Open Sans",sans-serif;
    /*
    margin: 0 0 10px;
    */
    overflow: visible;
    padding: 0 18px;
    position: relative;
    text-decoration: none;
}

.contacts-departments a:first-child {
    border-radius: 6px 0 0 6px;
}
.contacts-departments a:focus,
.contacts-departments a:hover {
    color: darkslategray; /* #c23319; */
    text-decoration: underline;
}

.contacts-departments a:last-child {
    border-radius: 0 6px 6px 0;
    border-right-width: 1px;
}

.contacts-departments a.is-active {
    background-color: #333333; /* #c23319; */
    color: #fff;
    cursor: default;
}

@media (max-width: 1199px) {
    .contacts-departments {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    
    .contacts-departments a {
        border-radius: 6px !important;
        border-right-width: 1px;
        /*
        margin-right: 5px;
        */
    }
}

/*** END "view.contacts > view.departments" STYLING ***/





.content-body p {
	margin-bottom: 1em;
    text-align: justify;
}

.content-body ol,
.content-body ul {
    margin-left: 20px;
    text-indent: -1.5em;
    padding-left: 1.5em;
    text-align: justify;
}

.content-body table {
	border-collapse: collapse;
	margin-bottom: 1em;
	width: 100%;
}

.content-body table thead tr th,
.content-body table tbody tr td {
	padding: 3px;
}

.content-body table thead tr th {
	border-bottom: 7px solid #c23319;
}

.content-body tr:nth-child(even) {
    background-color: #e6e6e6 /* rgba(211, 211, 211, 0.2); */
}

.content-body th {
	text-align: left;
}

.content-body .holiday-calendar td:first-child {
    min-width: 125px;
}

.content-body .opening-hours td {
    min-width: 100px;
}





.content-body ol,
.content-body ul {
    list-style-position: inside;
}

.content-body .mosaic-container {
    grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
    margin-bottom: 20px;
}

.content-body .mosaic-item img {
    height: 100%;
    width: 100%;
}

.content-with-sidebar {
    column-gap: 25px;
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 912px) {
    .content-with-sidebar {
        grid-template-columns: 580px 270px;
    }
}

@media (min-width: 1200px) {
    .content-with-sidebar {
        grid-template-columns: 780px 365px;
    }
}





.dialog-off-canvas-main-canvas {
    padding-top: 23px;
}

.ellipsify {
	max-width: calc(100%);
    overflow: hidden;
	/* padding-right: 10px; */
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eu-cookie-compliance-banner {
    border-top: 1px solid rgba(0,0,0,0.1);
}

.eu-cookie-compliance-message {
    margin-top: 9px;
}

.eu-cookie-compliance-message button {
    font-size: 14px;
    font-weight: 700;
}

.eu-cookie-compliance-secondary-button {
    font-weight: 700;
}

.eu-cookie-compliance-message p {
    font-size: 14px;
}



/*** BEGIN \modules\extlink\extlink.css EXTENSION ***/

    /* See https://www.drupal.org/project/extlink/issues/3221813
       to fix missing /admin/config/user-interface/extlink icons */

span.fa.fa-external-link {
    display: initial;
}

.fa-ext.extlink {
    color: #999999;
    font-size: 0.666666em;
    padding-left: 0.2em;
    vertical-align: bottom;
}

/*** END \modules\extlink\extlink.css EXTENSION ***/



.fa-ul {
    margin-left: 2em;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*
.header ul {
    list-style: none;
}
*/





.mosaic-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
    gap: 10px;
    grid-auto-flow: dense;
}

.mosaic-container.contacts {
    grid-template-columns: repeat(auto-fill, 226px);
    justify-content: center;
}

.mosaic-container.contacts div:first-child {
    grid-column: 1 / -1;
    padding: 0px;
}

.mosaic-item>a {
    background-color: #333333; /* #c23319; */
    display: grid;
    grid-template-columns: 1fr auto;
}

.mosaic-item>a>img {
    grid-column: 1 / -1;
}

.mosaic-item div {
    padding-left: 5px;
    padding-right: 5px;
}

.mosaic-item .description {
    background-color: #ffffff;
    font-size: calc(100% - 1px);
    height: 100%;
}

.mosaic-item .tag {
    align-self: center;
    background-color: rgb(255 255 255 / 10%); /* rgb(0 0 0 / 25%); */
    color: rgb(255 255 255 / 75%);
    font-size: 11px;
    margin: 4px 4px 4px 0px;
    padding: 0px 4px;
    white-space: nowrap;
}

.mosaic-item .title {
    background-color: #333333; /* #c23319; */
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
}

.mosaic-item.span-2 {
    grid-column: span 2;
}

.mosaic-item.span-4 {
    grid-column: span 4;
}





/*** BEGIN "Main navigation" STYLING ***/

.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown:hover > .dropdown-menu.display-as-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.dropdown-item {
    color: #000000;
    font-size: 14px;
    padding: 10px 15px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: darkslategray; /* #c23319; */
    background-color: transparent;
    text-decoration: underline;
}

.dropdown-item.span-all-columns:focus,
.dropdown-item.span-all-columns:hover {
    color: darkslategray; /* #c23319; */
    background-color: #e6e6e6;
    text-decoration: underline;
}

.dropdown-menu {
    border: 0px;
    border-radius: inherit;
    box-shadow: -3px 3px 3px rgb(0 0 0 / 10%), 3px 3px 3px rgb(0 0 0 / 10%);
    margin: 0px;
    min-width: initial;
    padding: 0px;
}

.dropdown-menu.display-as-grid .dropdown-item.span-all-columns {
    font-weight: 550; /* 475; */
    grid-column: 1 / -1;
    text-transform: uppercase;
}

.dropdown-toggle::after {
    content: none;
}

.navbar {
    padding: 0px;
}

.navbar-brand {
    flex: 1;
    margin-right: unset;
}

.navbar-collapse {
    align-items: stretch;
    height: inherit;
    justify-content: flex-end;
}

.nav-item {
    display: inherit;
}

.nav-item:hover>a { /* Change the top-level menu item when a sub-level menu item is hovered */
    color: darkslategray /* #c23319; */
}

.nav-item>a {
    align-items: center;
    color: #000000;
    display: inherit;
    font-size: 14px;
    font-weight: 550;
    letter-spacing: 0.5px;
    padding: 0px 15px;
    text-transform: uppercase;
}

.nav-item>a:focus,
.nav-item>a:hover {
    color: darkslategray; /* #c23319; */
    text-decoration: underline;
}

.nav-item .is-active,
.nav-item:hover .is-active {
    background-color: #333333; /* #c23319; */
    color: #ffffff;
}

.span-all-columns {
	background-color: #e6e6e6;
}

@media (max-width: 1199px) {
    .dropdown-item {
        padding-left: 30px;
    }
    
    .dropdown-menu {
        box-shadow: none;
    }
    
    .dropdown-menu.display-as-grid .dropdown-item:not(.span-all-columns) {
        padding-left: 45px;
    }
    
    .navbar-collapse.collapsing {
        display: none;
        transition: none;
    }
    
    .navbar-collapse.show {
        background-color: #ffffff;
        display: flex;
        height: calc(100vh - 80px);
        overflow-y: auto;
        position: absolute;
        top: 100%;
        width: 100%;
    }
    
    .navbar-collapse.show .dropdown-menu,
    .navbar-collapse.show .dropdown-menu.display-as-grid {
        display: grid;
        grid-template-columns: none;
    }

    .navbar-collapse.show .navbar-nav {
        display: grid;
        width: inherit;
    }
    
    .navbar-nav .nav-link {
        padding: 10px 15px;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/*** END "Main navigation" STYLING ***/





/*****
.navbar-collapse {
    padding-right: 0;
}

.navbar-default .navbar-nav a:hover {
    background-color: #ffffff;
    color: #c23319;
	text-decoration-line: none;
    text-decoration-style: solid;
}

.navbar-default .navbar-nav a {
    background-color: #ffffff;
    color: #000000;
}

.navbar-default .navbar-nav a.is-inactive,
.navbar-default .navbar-nav a.is-inactive:hover {
	color: #c0c0c0;
	cursor: default;
}

.navbar-default .navbar-nav a.active,
.navbar-default .navbar-nav a.active:hover,
.navbar-default .navbar-nav a.is-active,
.navbar-default .navbar-nav a.is-active:hover {
	background-color: #c23319;
	color: #ffffff;
	text-decoration-line: none;
    text-decoration-style: solid;
}

.navbar-default .navbar-nav li:hover>a {
	color: #c23319;
}

.navbar-default .navbar-nav li:hover>a.active,
.navbar-default .navbar-nav li:hover>a.is-active {
	background-color: #c23319;
	color: #ffffff;
}

.navbar-default .navbar-nav .dropdown-menu a {
	display: block;
	padding: 9px 20px;
}

.navbar-default .navbar-nav .dropdown-menu>li>a,
.navbar-default .navbar-nav .dropdown-menu>li>div>div>li>a,
.navbar-default .navbar-nav .dropdown-menu>li>div>div>li>p {
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
    line-height: 18px;
    margin-bottom: 0;
}
*****/

.news-item {
    margin-bottom: 1.5em;
}

.news-item .body {
    text-align: justify;
}

.news-item .date {
    font-style: italic;
    padding-bottom: 5px;
    padding-top: 5px;
}

.news-item .title {
    font-size: 19px;
    font-weight: 600;
}

.news-items-flex {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}

/*
.pager li>a,
.pager li>a:hover {
    background: #ffffff;
    color: #000000;
}

.pager li.is-active>a {
    background: #c23319;
    color: #ffffff;
	font-weight: bold;
}
*/

.publish-date {
    font-style: italic;
    margin-bottom: 1em;
}





/*** BEGIN PAGINATION STYLING ***/

.pager {
    text-align: center;
}

.pager li {
    display: inline;
    margin: 0 2px;
}

.pager li>a {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    color: #000000;
    display: inline-block;
    font-size: 0.75em;
    font-weight: 600;
    padding: 10px 15px;
    text-transform: uppercase;
}

.pager li>a:focus,
.pager li>a:hover {
    color: darkslategray; /* #c23319; */
}

.pager li.is-active>a {
    background-color: #333333; /* #c23319; */
    color: #ffffff;
}

/*** END PAGINATION STYLING ***/





/*** BEGIN "Expanding Search Bar" STYLING ***/

.sb-search {
    height: inherit;
    margin-top: 0px;
    min-width: 47px;
    transition: initial;
}

.sb-search.sb-search-open {
    position: absolute;
}

.sb-search.sb-search-open .sb-icon-search {
	background-color: #c23319;
}

.sb-icon-search {
    background-color: #ffffff;
    color: #272727;
    font-size: inherit;
    display: inherit;
    justify-content: center;
    align-items: center;
}

.sb-icon-search,
.sb-search-submit {
    height: inherit;
    width: 47px;
}

.sb-search-input {
    background-color: #c23319;
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    height: inherit;
    padding-right: 30px;
    text-transform: uppercase;
    width: calc(100% - 285px);
}

/*** END "Expanding Search Bar" STYLING ***/





.search-input {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3;
    height: 37px;
    padding: 0px 10px 0px 10px;
    width: 235px;
}

.search-results-list .views-field-search-api-excerpt {
    padding-bottom: 20px;
    text-align: justify;
}

.search-results-list .views-field-title {
    font-size: 19px;
    font-weight: 600;
}

.search-results-list .views-field-type {
    font-style: italic;
    padding-bottom: 5px;
    padding-top: 5px;
}





.sidebar {
    grid-auto-rows: min-content;
}

.sidebar,
.sidebar>div {
    display: grid;
    row-gap: 5px;
}

.sidebar>div>div:first-child {
    font-weight: 700;
}

.sidebar>div>div:not(:first-child) {
    column-gap: 10px;
    display: grid;
    grid-template-columns: 100px 1fr;
}

.sidebar>div>div>div:first-child {
    grid-row: 1 / -1;
}

.sidebar>div>div>div:not(:first-child) {
    grid-column: 2;
}

.sidebar>div>div>div:nth-child(2) {
    align-self: center;
    font-weight: 550;
}

.sidebar>div>div>div:nth-child(n+3) {
    font-size: smaller;
}

.sidebar .brochures .brochure {
    grid-template-rows: repeat(3, 20px) auto;
}

.sidebar .contacts .contact {
    grid-template-rows: repeat(6, 20px);
}

.sidebar .contacts .contact div:nth-child(3) {
    font-style: italic;
}

.sidebar .contacts .contact .fa-mobile-screen {
    transform: scaleX(1.15);
}

.sidebar .products .product {
    grid-template-rows: repeat(2, 20px) auto;
}

.sidebar .references .reference {
    grid-template-rows: repeat(3, 20px) auto;
}





.mosaic-item.brochure {
  	display: grid;
  	grid-template-columns: 109px 1fr;
    grid-template-rows: repeat(3, 20px) auto;
}

.mosaic-item.brochure div {
  	padding-left: 1px;
}

.mosaic-item.brochure>div:first-child {
    grid-row: 1 / -1;
}

.mosaic-item.brochure>div:not(:first-child) {
    grid-column: 2;
}

.mosaic-item.brochure>div:nth-child(2) {
    align-self: center;
    font-weight: 550;
}

.mosaic-item.brochure>div:nth-child(n+3) {
    font-size: smaller;
}





/*
.sidebar-right {
    margin-top: 8px;
}

.sidebar-right, .selector:not(*:root) { *//* WebKit: Chrome 1+, Safari 1+, Opera 14+ *//*
    margin-top: 7px;
}

.sidebar-right>div {
	margin-left: 25px;
}

.sidebar-right .contacts .fa-envelope {
	transform: scale(0.925, 1);
}

.sidebar-right .contacts .fa-mobile-alt {
	transform: scale(1.25, 1);
}

.sidebar-right .contacts .fa-phone {
	transform: scale(0.925, 1);
}

.sidebar-right .head {
	font-weight: bold;
	margin-bottom: 10px;
}

.sidebar-right .image {
    float: left;
    padding-right: 10px;
}

.sidebar-right .info {
	font-size: 85%;
	line-height: normal;
}

.sidebar-right .name {
	font-size: 100%;
	font-weight: 600;
}

.sidebar-right .products i {
	padding-left: 5px;
}

.sidebar-right .role {
	font-style: italic;
}

.sidebar-right .row {
    margin-bottom: 5px;
}
*/





.two-column-grid-with-row-header {
    column-gap: 25px;
    display: grid;
    grid-template-columns: auto 1fr;
    margin-bottom: 20px;
}

.two-column-grid-with-row-header div:nth-child(odd) {
    font-weight: 550;
}





/*
.visibility-hidden {
    visibility: hidden;
}
*/

.webform-composite-hidden-title {
    margin-top: 0;
    margin-bottom: 0;
}

.webform-submission-form input[type=email],
.webform-submission-form input[type=text],
.webform-submission-form textarea,
.webform-submission-bestilling-af-advarselsskilte-form input[type=email],
.webform-submission-bestilling-af-advarselsskilte-form input[type=text] {
    padding: 0px 10px 0px 10px;
    width: 385px;
}

@media(max-width:667px) {
    .webform-submission-form input[type=email],
    .webform-submission-form input[type=text],
    .webform-submission-form textarea,
    .webform-submission-bestilling-af-advarselsskilte-form input[type=email],
    .webform-submission-bestilling-af-advarselsskilte-form input[type=text] {
        width: calc(100% - 25px);
    }
}

.webform-submission-form legend {
    border-bottom: initial;
    margin-bottom: 0;
}

.webform-submission-form .row,
.webform-submission-bestilling-af-advarselsskilte-form .row {
    margin-bottom: 1em;
    margin-top: 1em;
}

.webform-submission-form .row.help-text {
    margin-top: -1em;
}

.webform-submission-bestilling-af-advarselsskilte-form .row:nth-last-child(3) {
    margin-bottom: 0;
}

.webform-submission-bestilling-af-advarselsskilte-form .row:nth-last-child(2) {
    margin-bottom: 0;
    margin-top: 0;
}

.webform-submission-form .row label,
.webform-submission-form .row p,
.webform-submission-bestilling-af-advarselsskilte-form .row label,
.webform-submission-bestilling-af-advarselsskilte-form .row p {
    margin-bottom: 0;
}

/*
.yamm .yamm-content {
    border: 0;
    padding: 0;
}

.yamm-fw .dropdown-menu {
    border-right-width: 0;
    border-bottom-width: 0;
}
*/





@media only screen and (max-width: 616px) {
    div:not(.content-body) > .mosaic-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    div:not(.content-body) > .mosaic-container > .mosaic-item {
        min-width: 285px;
        overflow: hidden;
        width: 285px;
    }

    div:not(.content-body) > .mosaic-container > .mosaic-item > a > img {
        height: auto;
        width: 100%;
    }

    .sb-search-open > .sb-search-input {
        width: 100%;
    }
}

@media only screen and (min-width: 617px) and (max-width: 911px) {
    div:not(.content-body) > .mosaic-container > .mosaic-item.span-4 {
        grid-column: span 2;
    }

    div:not(.content-body) > .mosaic-container > .mosaic-item.span-4 > a > img {
        height: auto;
        width: 100%;
    }
}

@media only screen and (min-width: 912px) and (max-width: 1199px) {
    div:not(.content-body) > .mosaic-container > .mosaic-item.span-4 {
        grid-column: span 3;
    }

    div:not(.content-body) > .mosaic-container > .mosaic-item.span-4 > a > img {
        height: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 1199px) {
    .news-items-flex .news-item {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .news-items-flex .news-item {
        margin-right: 2em;
        width: calc((100% - 4em) / 3);
    }

    .news-items-flex .news-item:nth-child(3n+3) {
        margin-right: 0px;
    }
}