html.Normal,html.Basic.SMPagesViewer,html.SMPagesEditor.SMPagesContentPage,html.SMPagesEditor.SMPagesSystemPage.SMPagesFilenameHeader,html.SMPagesEditor.SMPagesSystemPage.SMPagesFilenameFooter{background-image: none;}html.SMPagesCustomHeader div.TPLHeader, html.SMPagesEditor.SMPagesSystemPage.SMPagesFilenameHeader body{margin-top: -30px;margin-bottom: 0px;padding-top: 24px;padding-left: 40px;padding-right: 30px;padding-bottom: 20px;border-style: none;border-top: 18px solid #AB0022;border-radius: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;background: #FBE6AF;font-size: 12px;color: #171717;text-align: center;}html.SMPagesEditor.SMPagesSystemPage.SMPagesFilenameHeader body{margin-top: 20px;margin-bottom: 20px;outline: none;}html.SMPagesEditor.SMPagesSystemPage.SMPagesFilenameHeader{width: 1000px;}div.TPLMenu > ul{background: #51626F;}div.TPLMenu > ul > li > a{font-size: 14px;color: #FFFFFF;font-weight: normal;font-style: normal;}div.TPLMenu li ul{background: #51626F;}div.TPLMenu li ul li a{color: #FFFFFF;font-weight: normal;font-style: normal;}div.TPLPage, html.Basic.SMPagesViewer, html.SMPagesEditor.SMPagesContentPage{width: 1000px;}html.SMPagesCardLayout div.TPLPage, html.Basic.SMPagesViewer.SMPagesCardLayout, html.SMPagesEditor.SMPagesContentPage.SMPagesCardLayout{width: 900px;}div.TPLContent, html.Basic.SMPagesViewer body, html.SMPagesEditor.SMPagesContentPage body{margin-bottom: 20px;}html.Basic.SMPagesViewer body, html.SMPagesEditor.SMPagesContentPage body{margin-top: 20px;margin-bottom: 20px;}html.SMPagesCardLayout div.TPLContent, html.Basic.SMPagesViewer.SMPagesCardLayout body, html.SMPagesEditor.SMPagesContentPage.SMPagesCardLayout body{margin: 0px;}html.SMPagesCardLayout div.TPLContent{margin-top: 20px;}html.SMPagesCardLayout div.TPLFooter{margin-bottom: 20px;}html.SMPagesCardLayout div.TPLPage, html.Basic.SMPagesViewer.SMPagesCardLayout, html.SMPagesEditor.SMPagesContentPage.SMPagesCardLayout{width: 1000px;}html.SMPagesEditor.SMPagesSystemPage.SMPagesFilenameFooter{width: 1000px;}html.SMPagesCustomFooter div.TPLFooter, html.SMPagesEditor.SMPagesSystemPage.SMPagesFilenameFooter body{padding-top: 1px;padding-bottom: 1px;background: #AB0022;}html.SMPagesCustomFooter div.TPLFooter, html.SMPagesEditor.SMPagesSystemPage.SMPagesFilenameFooter body,html.SMPagesCustomFooter div.TPLFooter td, html.SMPagesEditor.SMPagesSystemPage.SMPagesFilenameFooter body td{font-size: 11px;}div.TPLLinks, div.TPLLinks a{font-size: 8px;color: #DEDEDE;}/* Cookie dialog */

div.SMCookieConsentPanel[data-position]
{
    background: white;
    color: #333333;
    width: 800px;
    max-width: 96%;
    box-shadow: 0 0 10px #333333;
    border: none;
    text-align: center;
}

/*** New shopping experience 2024 - start ***/

@media (max-width: 900px)
{
    #news-banner
    {
        width: 86% !important;
        margin: 2em auto !important;
        padding-left: 140px !important;
        padding-right: 0 !important;
    }
    #news-banner img
    {
        height: 15em !important;
        left: 1em !important;
    }
}
@media (max-width: 750px)
{
    #news-banner
    {
        font-size: 0.9em;
        padding-top: 2em !important;
    }
}
@media (max-width: 650px)
{
    #news-banner
    {
        height: 140px !important;
        font-size: 0.7em;
        padding-top: 1em !important;
        padding-left: 100px !important;
    }
}
@media (max-width: 500px)
{
    #news-banner
    {
        /*height: 120px !important;*/
        height: 140px !important;
        font-size: 0.56em;
        padding-top: 1.8em !important;
        padding-left: 90px !important;
        background-position-x: -15px
    }
    #news-banner span:first-child
    {
        font-size: 2.2em !important;
    }
}

/* Make dropdowns pop out when opened.
   data-openstate is added in shop-new-experience*.normal.js (dataset.openstate) */

div.FitUiControlDropDown[data-openstate="true"]
{
	box-shadow: 0em 0em 0.25em silver;
}
div.FitUiControlDropDown[data-openstate="true"] div.FitUiControlDropDownPicker
{
	box-shadow: 0em 0em 0.25em silver;
}

/* Change highlight colors in product picker dropdowns */

div.FitUiControlListView > div[data-active="true"]
{
	background-color: #bdd1dc;
}
div.FitUiControlListView > div:hover
{
	background-color: #cddde2;
}

/* Styles for red speech bubbles in new product view.
   Created using https://cssarrowplease.com/ and modified afterwards. */

.arrow_box
{
	position: relative;
	background: #AB0022;
	padding: 0.5em;
	display: block;
	width: 70%;
	margin: 0.5em auto;
	text-align: center;
	border-radius: 0.5em;
	color: beige;
	font-size: 1.1em;
}
.arrow_box:after,
.arrow_box:before
{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after
{
	border-color: rgba(171, 0, 34, 0);
	border-top-color: #AB0022;
	border-width: 1.25em;
	margin-left: -1.25em;
}

/* SMGridCards styling on product view pages */

html.SMPagesFilenameTraepiller-til-levering table.SMPagesGridCards td,
html.SMPagesFilenameTraepiller-til-levering div.SMPagesGridCards div.SMPagesTableCell,
html.SMPagesFilenameTraepiller-til-afhentning table.SMPagesGridCards td,
html.SMPagesFilenameTraepiller-til-afhentning div.SMPagesGridCards div.SMPagesTableCell
{
	border: 1px solid silver;
	border-radius: 0.35em
}

html.SMPagesFilenameTraepiller-til-levering div.SMPagesGridCards div.SMPagesTableCell div.FitUiControlButton[data-type="Primary"],
html.SMPagesFilenameTraepiller-til-afhentning div.SMPagesGridCards div.SMPagesTableCell div.FitUiControlButton[data-type="Primary"]
{
	background-color: #cf6609;
	border-color: #cf6609;
}

html.SMPagesFilenameTraepiller-til-levering table.SMPagesGridCards span.SMPagesCardHeader,
html.SMPagesFilenameTraepiller-til-levering div.SMPagesGridCards span.SMPagesCardHeader,
html.SMPagesFilenameTraepiller-til-afhentning table.SMPagesGridCards span.SMPagesCardHeader,
html.SMPagesFilenameTraepiller-til-afhentning div.SMPagesGridCards span.SMPagesCardHeader
{
	background-color: #ab0022;
	padding: 1em 0em;
}

html.SMPagesFilenameTraepiller-til-levering table.SMPagesGridCards img,
html.SMPagesFilenameTraepiller-til-levering div.SMPagesGridCards img,
html.SMPagesFilenameTraepiller-til-afhentning table.SMPagesGridCards img,
html.SMPagesFilenameTraepiller-til-afhentning div.SMPagesGridCards img
{
	display: block;
	margin: 0 auto;
}

html.SMPagesFilenameTraepiller-til-levering table.SMPagesGridCards span.SMPagesCardFooter,
html.SMPagesFilenameTraepiller-til-levering div.SMPagesGridCards span.SMPagesCardFooter,
html.SMPagesFilenameTraepiller-til-afhentning table.SMPagesGridCards span.SMPagesCardFooter,
html.SMPagesFilenameTraepiller-til-afhentning div.SMPagesGridCards span.SMPagesCardFooter
{
	background-color: #FFFFFF;
	color: #333333;
	border-top: 1px solid silver;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
}

/* Tabular discount table (not a real table) */

.pricecols span
{
	display: inline-block;
	width: 9em;
	margin: 0.15em;
	padding: 0.1em;
}
#tinymce .pricecols span
{
	border: 1px dashed silver;
}

/* Mobile optimizations */

@media (max-width: 900px)
{
	.pricecols span
	{
		width: 8em;
		font-size: 0.85em
	}

	div.shop-product-picker
	{
		font-size: 0.8em;
		margin-left: -1em;
		margin-right: -1em;
	}
}
@media (max-width: 800px)
{
	.pricecols span
	{
		width: 8em;
		font-size: 0.8em;
	}
	/*.pricecols span + span + span
	{
		width: 8em;
	}*/

	div.shop-product-picker
	{
		font-size: 0.7em;
	}

	img.shop-hd-logo
	{
		display: none;
	}
}
@media (max-width: 750px)
{
	.pricecols span
	{
		font-size: 0.7em;
	}
}
@media (max-width: 700px)
{
	/* Products "word wrap" below 700px
	   resulting in more space for each card again. */

	html.SMPagesFilenameTraepiller-til-levering div.SMPagesGridCards div.SMPagesTableCell,
	html.SMPagesFilenameTraepiller-til-afhentning div.SMPagesGridCards div.SMPagesTableCell
	{
		max-width: 500px;
		margin: 2.5em auto !important;
	}
	.pricecols span
	{
		width: 9em;
		font-size: 1em;
	}
	div.shop-product-picker
	{
		font-size: 1em;
	}
}
@media (max-width: 480px)
{
	.pricecols span
	{
		width: 8em;
		font-size: 0.9em;
	}

	div.shop-product-picker
	{
		font-size: 0.85em;
	}
}
@media (max-width: 400px)
{
	.pricecols span
	{
		font-size: 0.8em;
	}
}

/*** New shopping experience 2024 - end ***/


/* Index: Disable price labels */
/*div.price > span
{
    display: none !important;
}*/
/* Catalog: Hide products */
div#SMShopProduct50,
div#SMShopProduct60
{
    display: none;
}

/* Make OrderList header stick */
div.JSShopOrderListButtons,
tr.JSShopOrderListHeader td
{
	position: sticky;
	top: 0em;
	background: white;
	z-index: 1;
}
tr.JSShopOrderListHeader td
{
	top: 2.5em;
}

@media (max-width: 900px)
{
    form[action*="Levering-afhentning"] td
    {
        display: block;
        width: 100% !important;
    }
    form[action*="Levering-afhentning"] td div.SMExternalModulesContentPageExtension
    {
        width: 95% !important;
    }
}
@media (min-width: 900px)
{
    form[action*="Levering-afhentning"] .LeveringAfhentningLinks
    {
        display: none;
    }
}

/*html.Normal div.TPLContent
{
    outline: 10px solid red;
}
div.TPLMenu > ul,
div.TPLMenu li ul
{
    background: red;
}*/

@media (max-width: 900px)
{
    div.SMPagesCard.EnvironmentQualityCard
    {
        display: none;
    }
}

form[action='index.php'] div.SMPagesCard a:hover
{
    text-decoration: none;
}

/*html.IosDeviceScrollFix div.FitUiControlDialog:not(.FitUiControlDialogBase) > div:first-child
{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 50vh;
}
html.IosDeviceScrollFix div.FitUiControlDialog > div:first-child > iframe
{
    width: auto !important;
    height: auto !important;
}*/

span.SMShopProductDescription
{
    height: 13em;
}

form[action*="shop/Traepiller-til-levering"] div.SMShopProductFooter
{
    height: 6.5em;
}
form[action*="shop/Traepiller-til-levering"] div.SMShopProductButtons
{
    margin-top: 1em;
}
form[action*="shop/Traepiller-til-levering"] div.SMShopProductButtons:before
{
    content: "Rabatter: Tryk p\00E5  L\00E6s Mere";
    display: block;
    width: 100%;
    font-size: 0.85em;
    color: #a92121;
    margin-bottom: 0.75em;
}

form[action="Kontakt.html"] div.SMContactContentPageExtension
{
    display: block !important;
}
form[action="Kontakt.html"] div.SMContactContentPageExtension td + td
{
    width: 100% !important;
}
form[action="Kontakt.html"] div.SMContactContentPageExtension td
{
    padding-bottom: 0.5em;
    min-width: 100px !important;
    font-weight: bold;
}
form[action="Kontakt.html"] div.SMContactContentPageExtension input,
form[action="Kontakt.html"] div.SMContactContentPageExtension textarea
{
    padding: 0.5em;
    width: 100% !important;
}
form[action="Kontakt.html"] div.SMContactContentPageExtension textarea
{
    height: 150px !important;
}
form[action="Kontakt.html"] div.SMContactContentPageExtension fieldset
{
    display: block !important;
    width: 100% !important;
}
form[action="Kontakt.html"] div.SMContactContentPageExtension i
{
    font-style: normal;
    font-size: 1.2em;
    color: #5EA727;
}

/*html.SubSiteAfhentning div.TPLHeader,
html.SubSiteAfhentning div.SMPagesCard
{
    background-color: #fdb913 !important;
}*/

iframe[src='Handelsbetingelser.html']
{
    margin: 1em;
}
@media (max-width: 900px)
{
    div.TPLHeader
    {
        padding: 20px !important;
        margin: 0px !important;
    }
    div.TPLHeader *
    {
        display: none !important;
        float: none !important;
    }
    div.TPLHeader div.smPagesParagraph:nth-child(1),
    div.TPLHeader div.smPagesParagraph:nth-child(1) a/*[href="Index.html"]*/,
    div.TPLHeader div.smPagesParagraph:nth-child(1) a/*[href="Index.html"]*/ *
    {
        display: inline !important;
        margin: 0px !important;
    }
    html.SMPagesFilenameIndex div.TPLHeader div.smPagesParagraph:nth-child(2),
    html.SMPagesFilenameIndex div.TPLHeader div.smPagesParagraph:nth-child(2) a,
    html.SMPagesFilenameIndex div.TPLHeader div.smPagesParagraph:nth-child(2) img /* HD-logo */
    {
        display: block !important;
    }
    html.SMPagesFilenameIndex div.TPLHeader
    {
        position: relative;
    }
    html.SMPagesFilenameIndex div.TPLHeader div.smPagesParagraph:nth-child(2) img
    {
        position: absolute;
        width: 60px;
        height: auto;
        top: 310px;
        right: 15px;
    }
    div.TPLContent
    {
        margin: 0px !important;
    }
    div.TPLFooter
    {
        margin: 0px !important;
        height: auto !important;
        padding: 0.1em 1em 0.1em 1em !important;
    }
    form[action="index.php"] img[src*="Peter.png"]
    {
        display: none !important;
    }
    form[action="index.php"] div.TPLHeader:after
    {
        content: "";
        display: block;
        background: url("/files/images/design/Peter.png");
        background-repeat: no-repeat;
        background-size: 130px 230px;
        height: 230px;
        width: 100%;
        xxborder: 1px solid red;
        xposition: relative;
        xtop: 2em;
        xmargin-top: -2em;
        background-position: center;
        margin-bottom: -1.6em;
        margin-top: 1em;
    }
    div.SMPagesCard img[width][height][src^="files/images/"]
    {
        display: inline;
    }
    div.SMPagesCard
    {
        width: 85% !important;
        margin: 2em auto !important;
    }
}

@media (min-width: 900px)
{
    html.SMPagesCustomFooter div.TPLFooter
    {
        position: relative;
        overflow: visible;
        xxxxheight: 74px;
    }
    /*img[src*="Peter.png"]
    {
        position: absolute;
        right: -48px;
        bottom: 76px;
        display: none;
    }*/
    form[action="index.php"] div.TPLFooter:after
    {
        content: "";
        display: block;
        width: 294px;
        xheight: 520px;
        height: 496px;
        xxxxborder: 1px solid red;
        background: url("/files/images/design/Peter.png");
        position: absolute;
        xtop: -520px;
        top: -496px;
        right: -49px;
    }
    /*form[action="index.php"] img[src*="Peter.png"]
    {
        display: block;
    }*/
    form[action="index.php"] img[src*="DIN-EN-plus.png"]
    {
        visibility: hidden;
    }
}

li.SMMenu4b2071f6fcb1ca0f03026ba382d04780 a:before,
li.SMMenu1c3c3641da28eb4ed12cb4e313d557b0 a:before,
li.SMMenu01e4dd51fdf667cdfa44184b0f2a6dea a:before,
li.SMMenua747d5eb0fc9705c53f1ffa782d584a8 a:before
{
    content: "\f06c";

    /* .fa */
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
li.SMMenu4b2071f6fcb1ca0f03026ba382d04780 a:before
{
    content: "\f07a";
}
li.SMMenu01e4dd51fdf667cdfa44184b0f2a6dea a:before
{
    content: "\f0d1";
}
li.SMMenu1c3c3641da28eb4ed12cb4e313d557b0 a:before
{
    content: "\f291";
}

@media (min-width: 900px)
{
    div.SMShopProduct:not(.SMShopProductDialog)
    {
        min-width: 290px;
    }
}
/*form[action*=".html"] div.FitUiControlButton[data-type="Info"]*/
form[action^="shop/"] div.FitUiControlButton[data-type="Info"],
form[action^="shop/"] + div.FitUiControlDialog div.FitUiControlButton[data-type="Primary"],
form[action^="shop/"] + div.SMShopBackgroundLayer + div.FitUiControlDialog div.FitUiControlButton[data-type="Primary"]
{
    background-color: #51626F;
    border: none;
}
form[action^="shop/"] div.FitUiControlButton[data-type="Primary"],
form[action^="shop/"] + div.FitUiControlDialog div.FitUiControlButton[data-type="Info"],
form[action^="shop/"] + div.SMShopBackgroundLayer + div.FitUiControlDialog div.FitUiControlButton[data-type="Info"]
{
    background-color: #cf6609;
    border: none;
}
div.SMShopProductHeader
{
    background-color: #A50E2F;
    height: 1.2em;
}
form[action*="shop/Traepiller-til-levering"] div.SMShop h1:after
{
    content: " i Danmark";
}
form[action*="shop/Traepiller-til-afhentning"] div.SMShop h1:after
{
    content: " i Tyskland";
}
/*form[action*="shop/Traepiller"] h1
{
    display: none;
}*/
div.SMShopProductDialog
{
    background-color: white;
}

div.SMPagesCardSmall
{
    width: 190px;
}
div.SMPagesCardMedium
{
    width: 400px;
}
div.SMPagesCardSmall,
div.SMPagesCardMedium
{
    position: relative;
    background-color: #FCE7B3;
}
div.SMPagesCardSmall + div.SMPagesCardSmall
{
    background-color: #AC022F;
}
div.SMPagesCardSmall + div.SMPagesCardSmall + div.SMPagesCardSmall
{
    background-color: #FFC233;
}

div.TPLContent
{
    /*overflow-x: hidden;*/
    /**overflow: hidden;**/
}
.price-container,
.price-container:before,
.price-container:after,
.price-container .price,
.price-container .price:before,
.price-container .price:after {
	height: 8.5em;
	width: 8.5em;
	background: #FCE6AD;
	background-size: 8.5em;
}

.price-container.price-red,
.price-container.price-red:before,
.price-container.price-red:after,
.price-container.price-red .price,
.price-container.price-red .price:before,
.price-container.price-red .price:after
{
	background: #AD042F;
        color: white;
}

.price-container:before,
.price-container:after,
.price-container .price:before,
.price-container .price:after {
	content: "";
	position: absolute;
}

.price-container {
	position: relative; /* Context */
	top: 2.5em;
	left: 2.5em;
	-webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	   -ms-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	       transform: rotate(-45deg);
        position: absolute;
        left: 0px;
        right: 0px;
        margin: 0 auto;
}

.price-container:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-30deg);
	  -moz-transform: rotate(-30deg);
	   -ms-transform: rotate(-30deg);
	    -o-transform: rotate(-30deg);
	       transform: rotate(-30deg);
}

.price-container:after {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-15deg);
	  -moz-transform: rotate(-15deg);
	   -ms-transform: rotate(-15deg);
	    -o-transform: rotate(-15deg);
	       transform: rotate(-15deg);
}

.price-container .price {
	padding: .5em 0em;
	height: 7.5em; /* height minus padding */
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	   -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	       transform: rotate(45deg);
	z-index: 1; /* important so the text shows up */
}

.price-container .price:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(60deg);
	  -moz-transform: rotate(60deg);
	   -ms-transform: rotate(60deg);
	    -o-transform: rotate(60deg);
	       transform: rotate(60deg);
}

.price-container .price:after {
	top: 0;
	left: 0;
	-webkit-transform: rotate(75deg);
	  -moz-transform: rotate(75deg);
	   -ms-transform: rotate(75deg);
	    -o-transform: rotate(75deg);
	       transform: rotate(75deg);
}

.price-container .price span {
  position: relative;
  z-index: 100;
  display: block;
  text-align: center;
  font-size: 1.1em;
}

.price-container .price span.number {
  font-weight: bold;
  font-size: 2.25em;
  line-height: 1.5em;
}

/* Undo fixed width for pages running in basic mode (popups/embedded) */
html.Basic.SMPagesViewer
{
	width: auto;
}

/* SOLD OUT Indicator */
div.SMPagesCardSmall + div.SMPagesCardSmall + div.SMPagesCardSmall
{
	position: relative;
	overflow: hidden;
}
div.SMPagesCardSmall + div.SMPagesCardSmall + div.SMPagesCardSmall:before
{
	content: "UDSOLGT";
	position: absolute;
	top: 50%;
	left: -25%;
	width: 150%;
	transform: translateY(-50%) rotate(-12deg);

	background-color: #b00020;
	color: #ffffff;

	text-align: center;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;

	padding: 12px 0;
	z-index: 1;

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
div.SMPagesCardSmall + div.SMPagesCardSmall + div.SMPagesCardSmall > *
{
	filter: grayscale(1);
	opacity: 0.85;
}
div.SMPagesCardSmall + div.SMPagesCardSmall + div.SMPagesCardSmall
{
	background: silver;
}
div.SMCookieConsentPanel
{
	z-index: 10;
}