/*
 Theme Name:   astra-child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteenchild
*/


/* GENERELT */

a {
	font-weight:bold !important;
	text-decoration:none !important;
}

a:hover {
	text-decoration:underline !important;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../../uploads/fonte/Montserrat-Bold.woff2') format('woff2'),
        url('../../uploads/fonte/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../../uploads/fonte/Montserrat-Light.woff2') format('woff2'),
        url('../../uploads/fonte/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../../uploads/fonte/Montserrat-Regular.woff2') format('woff2'),
        url('../../uploads/fonte/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body {
	--sidefont: georgia;
	--sidefont2: Montserrat;
	font-family: var(--sidefont);
	line-height:1.4 !important;
	font-size:16px;
	--temafarve1:#507063;
	--temafarve8:#7f998e;
	--temafarve2:#156699;
	--temafarve3:#f0ebdb;
	--temafarve4:#f7f5ed;
	--temafarve5:orange;
	--temafarve6:#faf2e3;
	--temafarve7:#7e97a3;
	--temafarve8:#fcfcf8;
	--temafarve9:#b0b0b0;
	background-color:var(--temafarve8);
	scroll-behavior: smooth;
}


h1, h2, h3, h4, h5 {
	font-family:var(--sidefont2);
}

.ast-container {
	max-width:100% !important;
	flex-direction: column;
	padding:0;
}

.submit,
.button {
    border: 2px black solid!important;
	padding:10px 40px 10px 40px!important;
	display:inline-block!important;
	margin: 0!important;
	color:black!important;
}

blockquote {
    font-size:10pt;
}

.knap {
	border: 3px solid !important;
	padding:12px 24px !important;
	display:inline-block;
	font-size:15px !important;
	border-radius:3px !important;
	margin: 0;
	font-weight: bold !important;
}

.knap:hover {
    border-radius:3px !important;
    color:black !important;
    background-color:transparent !important;
    text-decoration:underline !important;
}

/* MENU */

.ast-builder-menu {
	padding:0 50px 0 50px;
}

.ast-builder-menu-1 .menu-item a {
	padding:0 0 0 0 !important;
	margin-left:15px;
	margin-right:15px;
	font-size:10pt !important;
	font-weight:bold !important;
	font-family:var(--sidefont2) !important;
	white-space:nowrap;
}

.ast-builder-menu-1 .menu-item {
	width:auto;
	height:auto;
	line-height:2.5 !important;
}

.ast-builder-menu-1 .sub-menu a {
	font-weight:normal !important;
	font-size:10pt!important;
	margin:0 !important;
	padding: 2px 12px 2px 12px !important;
	font-family:var(--sidefont2) !important;
}


.ast-builder-menu-1 .sub-menu {
	background:rgba(0,0,0,0.7) !important;
	box-shadow:none !important;
	width: auto !important;
}

.ast-cart-menu-wrap .count {
	font-size:9pt;
	font-weight:normal;
	width:25px;
	height:25px;
}

.ast-site-header-cart-li {
    line-height:1.2;
}

.ast-cart-menu-wrap {
	background-image: url("../../uploads/SVG/kurv.svg");
	background-repeat: no-repeat !important;
	width:28px !important;
	height:28px !important;
} 

.ast-site-header-cart {
    min-height:30px;
}

.ast-cart-menu-wrap .count {
	display:none;
}

.widget_shopping_cart {
	font-family:montserrat;
	font-size:9pt !important;
	background: var(--temafarve4) !important;
}

.widget_shopping_cart li {
	padding: 1.2em 4em 1.2em 5em !important;
	
}


.widget_shopping_cart .button{
	border:none !important;
	background: var(--temafarve1) !important;
	color:white !important;
	margin:0 0 10px 0 !important;
}

.dgwt-wcas-search-icon {
	width:28px;
    height: 28px;
    cursor: pointer;
}


/* HEADER */

.ast-primary-header-bar {
	box-shadow:0 8px 6px -6px rgb(0,0,0,0.4);
}

.ast-below-header-bar {
	padding:0 !important;
}

.ast-below-header-bar p {
    margin:0;
}

/* FOOTER */

.site-footer {
    font-family:var(--sidefont2);
    font-size:10pt;
    color:#ffffff;
    text-align:left !important;
	margin-top:50px;
}

.site-primary-footer-wrap {
	background: var(--temafarve1) !important;
	box-shadow:0 -8px 6px -6px rgb(0,0,0,0.4);
	padding:40px 15% 40px 15%;
}

.site-footer a {
    color:#ffffff;
}

.footeraabningstider {
    align-content:start;
    display:grid;
    grid-template-rows: auto auto auto auto;
    grid-gap:10px;
}    

.footeraabningstider a {
    color:white;
}

.footeraabningstider div {
    justify-self:start;
    align-self:start;
}
    
.footergrid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    color:white;
    grid-gap:20px;
    justify-content:stretch;
	align-items:start;
	padding:40px 15% 40px 15%;
}

.footerbetaling {
    display:grid;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    justify-content:center;
	align-content:start;
}

.footerbetaling img {
    max-height:40px;
}

/* NYHEDSBREV POPUP */

.nyhedsbrev_popup {
	background-color: var(--temafarve6);	
	position:fixed;
	right:-300px;
	bottom:50px;
	padding:35px 25px 25px 25px;
	width:350px;
	font-size:11pt;
	display:none;
	z-index:9999;
	border:1px solid lightgrey;
}

.nyhedsbrev_popup_emailfelt {
	width:100%;
	margin:20px 0 20px 0;
}

.nyhedsbrev_popup_knap {
    border:none !important;
	border-radius:25px !important;
	padding:10px 40px 10px 40px;
	display:inline-block;
	font-size:10pt;
	font-family:var(--sidefont2) !important;
	width:100%;
	color:white !important;
	margin: 0;
	font-weight:bold !important;
	background-color:var(--temafarve1) !important;
}

.nyhedsbrev_popup_luk {
	position:absolute;
	top:8px;
	left:8px;
	cursor:pointer;
}

.nyhedsbrev_popup_knap:hover {
	background-color:black !important;
	color:white !important;
}

/* BRØDKRUMME */

.broedkrumme {
	text-transform:lowercase;
	font-size:9pt;
	font-family:var(--sidefont2);
	text-align:center;
	margin:10px 10px 0 0;
	color:var(--temafarve9);
}

.broedkrumme a {
	color:var(--temafarve9);
}

/* BOGSLIDER */
.bogslidergrid {
	display:grid;
	overflow:hidden;
	grid-template-rows:auto auto;
	grid-template-columns:auto;
	position:relative;
	padding: 0 60px 0 60px;
}

.bogsliderkategori h3 {
	margin:0;
}

.bogsliderkategori {
	justify-self:start;
}

.pile {
	cursor:pointer;
	fill:white;
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
	z-index:2;
	background: var(--temafarve1);
}

.pile:hover {
	background:var(--temafarve2);
}

.pilvenstre {
	left:0;
}

.pilpassiv {
	pointer-events:none;
	background:lightgrey;
}

.pilhojre {
	right:0;
}

.bogslider {
	padding: 0 !important;
	display:flex;
	margin:0;
	gap:80px;
	height: 400px;
	align-items:center;
	overflow-x:auto;
	overflow-y:visible;
	scrollbar-width: none;
}

.bogslider::-webkit-scrollbar {
	height:0;
}

.bogslider_enkelt {
	text-align:center;
	font-size:11pt;
	line-height:18pt;
	flex-direction:column;
	font-family:var(--sidefont2);
	gap: 2px;
	justify-content:flex-end;
	width:180px;
}

.bogslider_enkelt img {
	width:100% !important;
	overflow:hidden;
}

.bogsliderbilledewrap {
	position:relative;
	padding: 0;
	overflow:hidden;
	margin-bottom:14px;
}

.bogslidertitel {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:inherit;
}

.bogslidertitel a {
	color:black;
	font-family: var(--sidefont);
}

.bogsliderforfatter {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:inherit;
	text-transform:uppercase;
	font-size:9pt;
}

.bogsliderforfatter a {
	color:var(--temafarve2);
	letter-spacing:1px;
}

.bogsliderpris {
	font-size:9pt;
	font-weight:bold;
}


/* FORSIDEN */


.forsidebannere {
	grid-area:forbannere;
	display:grid;
	overflow:hidden;
}

.aktivtbanner {
	transform: translateX(-100%);
}

.banner {
    grid-column:1;
	grid-row:1;
	left:0;
	overflow:hidden;
	transition-duration:2s;
}

.bannermobil {
    display:none;
    grid-column:1;
	grid-row:1;
	left:0;
	overflow:hidden;
	transition-duration:2s;
}


.forsidenyhedsbrev {
	grid-area:fornyhedsbrev;
	margin:0 !important;
	background-color:#4c7c7c;;
	background-repeat: repeat;
	background-size: auto 220px;
	background-attachment:fixed;
	padding: 50px 15% 35px 15%;
}

.forsidenyhedsbrevmailfelt {
    font-size:15px;
    width:100%;
}

.forsidenyhedsbrevform {
    width:100%;
    display:flex;
    gap:10px;
}

.enkeltforsidenyhed {
	position:relative;
}

.enkeltforsidenyhed p {
    margin:0 !important;
}

.forsidenyhedtitel {
    position:absolute;
    font-size:24pt;
    text-align:center;
    color:white;
    z-index:30;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    text-shadow:1px 1px black;
}


.forsidenyhedthumb {
    overflow:hidden;
    opacity:0.5;
    aspect-ratio: 1 / 1;
}

.enkeltforsidenyhed:hover img {
    transform:scale(1.1);
}

.forsidenyhedthumb img {
    object-fit:cover;
    filter: grayscale(100%);
    transition:transform 400ms;
}




/* SHOP */

.shopgrid {
	display:grid;
	padding:20px 15% 0 15%;
	grid-gap:70px;
}

.shopinfo {
    font-family:var(--sidefont2);
    font-size:13px;
	display:flex;
	justify-content:space-between;
	gap:100px;
	padding:20px 15% 20px 15%;
	
}

.shopinfo img {
	width:30px;
	margin-right:10px;
}


/* PRESSE */

.pressegrid {
	display:grid;
	padding:50px 15% 0 15%;
	grid-template-columns: 1fr 2fr;
	grid-gap:30px;
	font-family:var(--sidefont2);
}

.pressesoegefelt {
	grid-column:span 2;
}

.pressesoegefelt input {
	width:100%;
	font-size:12pt;
	border:var(--temafarve1) solid 2px;
}

.pressekontakt {
	background:var(--temafarve3);
	padding:30px;

}

.presseinfo {
	background:var(--temafarve3);
	padding:30px;
}

.presseoverskrift {
	grid-column:span 2;
}

.pressetabel {
	display:grid;
	grid-template-columns: repeat(auto-fit, 310px);
	grid-gap:30px;
	grid-column: span 2;
}

.pressetabelenkelt {
	display:grid;
	grid-template-columns: 100px 100px 100px;
	grid-template-rows: auto auto;
	grid-gap:5px;
	align-content:start;
	justify-content:start;
	transition:opacity 400ms;
}

.pressetabeltitel {
	grid-column: span 3;
	background:var(--temafarve1);
	padding:5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	color:white;
}

.pressetabeltitel a {
	font-size:10pt;
	font-family:var(--sidefont2);
	color:white;
}

.pressetabelforfatter {
	position:relative;
}

.pressetabelforfatter img {
	object-fit:cover;
	width:100px;
	height:100px;
}

.pressetabeloverlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	transition:opacity 200ms;
	background-color:rgba(0,0,0,0.7);
}

.pressetabeloverlay:hover {
	opacity:1;
}

.pressetabeloverlay svg {
	fill:white;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.pressetabelforside img {
	object-fit:cover;
	width:100px;
	height:100px;

}

.pressetabelforside {
	position:relative;
	overflow:hidden;
}

.pressetabelpm {
	overflow:hidden;
	position:relative;
}

.pressetabelpm a {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.pressetabelpm a:hover {
	background:rgba(0,0,0,0.7);
}

.downloadikon {
    width:25px;
    height:25px;
}

/* KURV */
.kurvgrid {
    display:grid;
    padding:20px 15% 0 15%;
    font-family:var(--sidefont2);
	font-size:10pt;
}

/* CHECKOUT */
.checkoutgrid {
    display:grid;
    padding:20px 15% 0 15%;
	font-family:var(--sidefont2);
	font-size:10pt;
}


/* FORFATTERE */
.forfattergalleri {
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-template-rows: auto;
	grid-gap: 50px 0px;
	padding:50px 15% 0 15%;
}

.forfattergalleri_enkelt {
	justify-self:center;
}

.forfattergalleri_enkelt img {
	-webkit-filter: grayscale(100%);
	width:200px;
	height:200px;
	object-fit:cover !important;
	border-radius:100%;
	margin-bottom:20px;
}

.forfattergalleri_navn {
	text-align:center;
	max-width:200px;
	font-size:14px;
}


/* HANDELSBETINGELSER */
.indholdhandels {
    display:grid;
    padding:80px 15% 0 15%;
}


/* ENKELT VARE */
.bogsidegrid {
	display:grid;
	grid-template-columns: 2fr 1fr minmax(auto, 200px);
	padding: 20px 20% 0 20%;
	gap:0 40px;	
	align-items:start;
	grid-template-areas:
			"bstitel bstitel bspris"
			"bsbeskrivelse bsforside bsformat"
			"bsanm bsanm bsanm"
			"bsforfatterbio bsforfatterbio bsforfatterbio"
			"bslaeseranm bslaeseranm bslaeseranm"
			"bsanb bsanb bsanb";
}

.bogsideforsidepopup img {
	width:auto;
	max-height:90vh;
	max-width:90%;
	top:50px;
}

.bogsideforsidepopup {
	display:none;
	position:fixed;
	align-items:center;
	justify-items:center;
	top:0;
	background:rgba(0,0,0,0.2);
	width:100%;
	height:100%;
	z-index:999999;
	cursor:zoom-out;
}

.bogsideforsidepopup > div {
    text-align:center;
}

.bogsideforfatter {
	font-family:var(--sidefont2);
	font-size:10pt;
	text-transform:uppercase;
}

.bogsideforfatter a {
	color:var(--temafarve2);
}

.bogsideforfatterbio {
	grid-area:bsforfatterbio;
	margin:90px 0 0 0;
	display:flex;
	gap:20px;
}

.bogsideforfatterbio img {
	-webkit-filter: grayscale(100%);
	object-fit:cover !important;
	width:200px;
	height:200px;
	max-width:200px;
	border-radius:100%;
}

.bogsidetitel {
	display:flex;
	gap:10px;
	align-items:end;
	grid-area: bstitel;
}

.bogsidetitel h2 {
	margin:0;
	font-family:var(--sidefont2);
	font-weight:bold;
	transform:translate(0,4px);
}

.bogsidebeskrivelse {
	font-size:16px;
	grid-area: bsbeskrivelse;
	margin:30px 0 0 0;
}

.bogsidebeskrivelse a {
	font-family:var(--sidefont2);
	font-size:9pt;
	text-transform:uppercase;
	color:var(--temafarve2);
}

.bogsidepris {
	font-family:var(--sidefont2);
	font-weight:bold;
	grid-area: bspris;
	align-self:end;
	justify-self:end;
}

.product-template-default
.single_add_to_cart_button {
	border: 0 !important;
	border-radius:20px !important;
	padding:10px!important;
	display:inline-block !important;
	background-color: var(--temafarve5) !important;
	width:100%;
	line-height:33px !important;
	color:white !important;
	margin:0;
}

div.quantity {
	display:none;
}

.bogsideforside img {
	filter: drop-shadow(8px 8px 11px rgba(0,0,0,0.6));
}

.bogsideforside {
	grid-area:bsforside;
	margin:30px 0 0 0;
}

.bogsideforside:hover {
	cursor:zoom-in;
}

.bogsidelaeseranm {
	display:grid;
	grid-gap:20px 60px;
	grid-template-columns:1fr 1fr;
	grid-template-rows:auto auto;
	font-size:10pt;
	grid-area:bslaeseranm;
	margin:90px 0 0 0;
}

.bogsidelaeseranmrating {
	font-family:var(--sidefont2);
	position:relative;
	text-align:center;
}

.bogsidelaeseranmrating > div {
	position:absolute;
	top:50%;
	transform:(-50%);
	width:100%;
}


.bogsidelaeseranmslider > div:first-child {
	opacity:1;
}

.bogsidelaeseranmslider {
		display:grid;
	background:var(--temafarve4);
	align-items:center;
}


.bogsidelaeserenkelt {
	padding:10%;
	opacity:0;
	grid-column:1;
	grid-row:1;
	transition:opacity 500ms;
	display:flex;
	font-family:var(--sidefont2);
	flex-direction: column;
	align-items:center;
	gap:15px;
	width:100%;
}

.bogsidelaeserenkeltindhold {
	font-weight:300;
	font-size:10pt;
	text-align:center;
}

.bogsidelaeserenkeltforfatter {
	font-family:var(--sidefont2);
	font-size:10pt;
	text-align:center;
	font-style:italic;
}

.bogsidelaesernavn {
	grid-column:span 2;
	padding:10px 0 10px 0;
}

.bogsidelaesernavn input {
	width:100%;
	height:40px;
	background:transparent !important;
	font-size:10pt;
	border-radius:20px !important;
	font-family:var(--sidefont2);
	border:3px solid var(--temafarve4) !important;
}

.bogsidelaesernavn input::placeholder {
	color:var(--temafarve9);
}

.bogsidelaesernavn input:focus {
	border-color: grey !important;
	outline:none;
}

.bogsidelaeseranmform {
	width:100%;
	font-size:10pt;
	display:grid;
	grid-template-columns:1fr 1fr;
}

.bogsidelaeseranmform p {
	margin:0;
}

.bogsidelaeseranmknap {
	grid-column:span 2;
}

.bogsidelaeseranmknap input {
	font-family:var(--sidefont2) !important;
	font-size:9pt;
	font-weight:bold;
	text-transform:uppercase;
	background: var(--temafarve6);
	width:100%;
	border-radius:20px;
	border:none;
	padding:15px ;
	transition:background 200ms;
}

.bogsidelaeseranmtitel {
	grid-column:span 2;
}

.bogsidelaeseranmtekstfelt {
	height:auto;
	font-size:10pt;
	font-family:var(--sidefont2);
	background:transparent !important;
	border-radius:20px !important;
	resize:none;
	border:3px solid var(--temafarve4) !important;
}

.bogsidelaeseranmtekstfelt:focus {
	border-color: grey !important;
}

.bogsidelaeseranmtekstfelt::placeholder {
	color:var(--temafarve9);
}

.star-rating {
	float:none !important;
	text-align:center !important;
	margin:0 !important;
}

.bogsideanm {
	grid-gap:20px;
	display:grid;
	grid-area:bsanm;
	margin:90px 0 0 0;
}

.bogsideanmgrid {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:20px;
}

.bogsideanmgrid > div {
	padding:20px;
	font-size:11pt;
	font-family:var(--sidefont2);
	display:flex;
	flex-direction: column;
	justify-content:space-between;
	background:var(--temafarve4);
}

.bogsideanm img {
	width:25px;
	height:25px;
	margin:0 5px 10px 0;
}

.bogsideanmforfatter {
	font-weight:bold;	
}

.bogsideanmtitel {
	grid-column: span 2;
}

.bogsideanmrating label {
	font-family:var(--sidefont2);
	font-size:10pt;
}

.bogsideanmrating {
	display:flex;
	flex-direction: column;
	gap:10px;
}

.bogsideforudbestil {
    color:var(--temafarve5);
    margin:0 0 20px 0;
}

.bogsideformat {
	font-size:9pt;
	background:var(--temafarve4);
	padding:20px;
	font-family:var(--sidefont2);
	grid-area:bsformat;
	margin:30px 0 0 0;
}

.bogsideformatvalg {
	margin-bottom:20px;
}

.ebogformatdiv {
	display:none;
}

.lydbogformatdiv {
	display:none;
}

.ebogformatdiv img, .lydbogformatdiv img {
	width:23px;
	height:23px;
}

.radiolabel {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 13px;
	line-height:1.5;
	text-transform:uppercase;
	font-family:montserrat;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radiolabel input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fefcf6;
  border-radius: 50%;
}

.radiolabel:hover input ~ .checkmark {
  background-color: #ccc;
}

.radiolabel input:checked ~ .checkmark {
  background-color: #e0a561;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radiolabel input:checked ~ .checkmark:after {
  display: block;
}

.radiolabel .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 60%;
	height: 60%;
	border-radius: 50%;
	background: #fefcf6;
}

.laegikurv {
	font-size:9pt;
	text-transform:uppercase;
	font-family:var(--sidefont2);
}

.laegikurv img {
	width:25px;
	transform:translate(5px, -2px);
}

.ebogslink {
	border: 1px solid black !important;
	border-radius:20px !important;
	padding:10px 20px 10px 20px !important;
	display:inline-block !important;
	font-size:15px !important;
	background-color: transparent !important;
	color: black !important;
	transition: all .2s linear;
	display:inline;
	width:100%;
	text-align:center;
	margin:10px 0 10px 0;
}

.bogsideanbefalede {
	display:grid;
	grid-gap:20px;
	grid-area:bsanb;
	background:var(--temafarve4);
	padding:20px;
	margin:90px 0 0 0;
}

.bogsideanbgrid {
	display:grid;
	grid-template-columns: repeat(auto-fill, 150px);
	grid-gap:20px;
	align-items:start;
	justify-content:space-between;
}


/* SØGERESULTATER */
.search-results
.ast-woocommerce-container {
	margin-left:15%;
	width:70%;
	margin-right:15%;
	margin-bottom:80px;
	margin-top:80px;
}

/* VAREKATEGORI */

.kategorigrid {
	display:grid;
	padding:50px 15% 0 15%;
}

.kategoriboeger {
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	grid-column-gap:50px;
	grid-row-gap:60px;
	display:grid;
}

.arkiv_enkelt_bog_billede img {
	width:100% !important;
	transition:opacity 400ms;
}

.arkiv_enkelt_bog {
    min-width:150px;
    display:flex;
    flex-direction:column;
    justify-content:end;
    font-size:11pt;
	line-height:16pt;
	font-family:montserrat;
	text-align:center;
	
}

.arkiv_enkelt_bog_billede {
	position:relative;
    max-height:330px;
	overflow:hidden;
	margin-bottom:10px;

}


/* BLOGINDLÆG */

.forfatterindlaegthumbmm {
	overflow:hidden;
	background-size: cover;
	background-position:bottom center;
	height:100vh;
	background-attachment: fixed;
	padding:100px 20% 100px 20%;
	justify-content:center;
}

.overcontainer {
	display:grid;
	padding:25px;
	color:white;
	width:50%;
	grid-gap:20px;
	background: rgb(0, 0, 0); 
	background: rgba(0, 0, 0, 0.6); 
}

.blogindlaegmenu {
	list-style:none;
	display:none;
	margin:0;
	padding:0;
	position:fixed;
	top:100px;
	left:50px;
	background-color:black;
	color:white;
	padding:10px;
}

.blogindlaegmenu a {
	color:white;
}

.blogindlaeglogo {
	width:180px;
	position:absolute;
	top:30px;
	right:50px;
}

.blogmenuikon {
	position: fixed;
	width:40px;
	height:40px;
	text-align:center;
	top: 50px;
	left: 50px;
	background-color:black;
	color:white;
	padding:0;
}

.blogmenuikon img {
    width:80%;
    height:100%;
}

.blogpostgrid {
	display:grid;
	padding:40px 25% 0 25%;
	grid-gap:40px;
	display:grid;
}

.blogpostgrid h3 {
    margin-bottom:10px;
}

.blogtitel h2 {
	color:white;
}

.blogfbesk {
	display:grid;
	grid-template-columns: auto auto;
	font-style:italic;
	grid-gap:15px;
}

.blogfbesk img {
	border-radius:100%;
}

.blogfbesktekst {
	background-color:#fdf5d6;
	padding:15px;
	border-radius:20px;
}

.blogdato {
	font-size:10pt;
	font-family:montserrat;
}


/* 404 */

.error404
.error-404 {
	width:70%;
	margin-left:15%;
}

/* FORFATTER */

.forfattersologrid {
	display:grid;
	grid-template-rows: auto auto auto;
	grid-template-columns: 200px 1fr;
	padding: 20px 30% 0 20%;
	grid-gap: 40px;
}

.forfattersolobeskrivelse {
	grid-column: 2;
	grid-row: 1;
	align-self:start;
	min-height:200px;
	font-family:var(--sidefont2);
	font-size:11pt;
}

.forfattersolotitel {
	grid-column: 2;
}

.forfattersolobillede {
	grid-column:1;
	grid-row: 1;
	max-width:200px;
	max-height:200px;
	filter:drop-shadow(-17px 17px 12px var(--temafarve9));
}

.forfattersolobillede img {
	object-fit:cover;
	width:200px;
	height:200px;
	margin: 0 0 0 0;
	border-radius:100%;
}

.forfattersoloboeger {
	grid-column: 2;
	display:inline-grid;
	grid-template-columns: repeat(auto-fit, minmax(90px, 130px));
	grid-gap: 30px;
	align-items:end;
}

.forfattersoloboeger img {
	height:auto;
	max-width:100%;
	margin: 0;
}

.forfattersoloboeger div {
	grid-column: span 1;
	grid-row: span 1;
}


.historiebillede {
	width:100%;
	justify-self:center;
}


/* ENKELT NYHED */
.nyhedindlaeggrid {
    padding:30px 15% 0 15%;
    display:grid;
    gap:4%;
	grid-template-columns:200px minmax(250px, 1fr) minmax(200px,300px);
	font-family:var(--sidefont2);
    font-size:10pt;
}

.nyhedindlaegtitel {
	line-height:25px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:8px solid #f5ca84;
}

.nyhedindlaegdato {
    font-size:9pt;
	font-style:italic;
}

.nyhedindlaegindhold {
	padding-top:20px;
}

.nyhedindlaegthumb  {
	padding-top:20px;
	width:300px;
	height:300px;
}

.nyhedindlaegthumb img {
	object-fit:cover;
    width:100%;
    height:100%;
}

/* NYHEDER */
.nyhedergrid {
    display:grid;
    grid-row-gap:20px;
    padding:80px 10% 0 15%;
}

.nyhedfarvet {
	background-color: #f0ebdb;
	padding:20px;
	width:250px;
	border-radius: 0 25px 25px 0;
}

.nyhedfarvet a {
	color:black;
	font-size:16pt;
}

.nyhedsgrid {
	display:grid;
	justify-content:start;
	grid-gap:10px;
	grid-template-columns: repeat(auto-fit, minmax(500px, auto));
}

.nyhedenkelt {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content:start;
}	

.nyhedthumb {
    overflow:hidden;
}

.nyhedenkelt img {
	width: 250px;
	height: 250px;
	object-fit:cover;
	transition: 0.2s all ease-in-out;
}

.nyhedenkelt:hover img {
    transform: scale(1.1);
}

.nyheddato {
    font-family:montserrat;
    font-size:9pt;
    margin-bottom:10px;
}


/* PRAKTIKQA */
.praktikqaside {
    display:grid;
    padding: 80px 25% 0 25%;
    grid-gap:20px;
}

.praktikqasidetitel {
    align-items:center;
    display:grid;
    grid-template-columns: auto minmax(200px, 400px);
}


/* MOBIL OG TABLETVISNING */
@media (max-width:550px) {
    
    /* MOBIL GENERELT */
	.indhold {
		margin-left:5% !important;
		margin-right:5% !important;
	}
	.indholdstart {
		margin-right:5% !important;
		margin-left:5% !important;
		width:auto;

	}
    
    
    */ MOBIL FOOTER */
    .forsidegrid {
        font-size:13pt!important;
    }
    .footergrid {
        display:flex;
        flex-direction:column;
        color:white;
        grid-gap:20px;
        text-align:left;
    }
    
    /* MOBIL FORSIDE */
    .forsidecafe {
        display:flex!important;
        flex-direction: column;
    }
    .forsidecafetekst p {
        margin:0;
    }
    .forsideboeger h2 {
        text-align:center;
    }
    .forfatterbilledeforside {
        width:auto;
        height:auto;
    }
    .forsidegrid {
		grid-template-columns:5% 90% 5%;
		grid-template-areas:
					"fornyetitler fornyetitler fornyetitler"
					". forstreg2 . "
					". forbogcafe ."
					". forstreg ."
					". fornyhed ."
					"forbannere forbannere forbannere"
					". forlydbog ."
					". forstreg3 ."
					". forudvalgtvare ."
					"fornyhedsbrev fornyhedsbrev fornyhedsbrev"
					". formanus .";
	}
	.forfattere_paa_forside {
		grid-template-columns:auto;
		grid-template-rows:auto;
		grid-gap:20px;
	}
	.forfattere_paa_forside img {
	}
	.forfatterbilledeforside {
		grid-column:1;
		grid-row:1;
	}
	.forfatterbioforside {
		grid-column:1;
		grid-row:2;
	}
    .bannermobil {
        display:block;
    }
    .banner {
        display:none;
    }
    .enkeltforsidenyhed {
    	grid-template-columns: auto;
    	grid-template-rows: auto auto;
    }
    .forsidenyhedallenyheder {
    	float:none;
    	display:block;
    }
    
    /* MOBIL SHOP */
    .shopgrid {
        padding: 20px 3% 0 3%;
    }
    .shopinfo {
        gap:20px;
        flex-direction:column;
    }
    
    /* MOBIL VAREKATEGORI */
	.kategorigrid {
		padding:0 5% 0 5%;
		display:flex;
		flex-direction: column;
	}

	.kategoriboeger {
		gap:20px;
		grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));
	}

	.arkiv_enkelt_bog {
		min-width:100px;
	}
    
	
	/* MOBIL PRESSE */
    .pressegrid {
        padding:20px 5% 0 5%;
        grid-template-columns: auto;
    }
    .pressesoegefelt {
        grid-column:1;
    }
    
    .pressetabel {
        grid-column:1;
    }
    
    /* MOBIL KURV */
    .kurvgrid {
        padding:30px 5% 0 5%;
    }
    
    /* MOBIL CHECKOUT */
    .checkoutgrid {
        padding:30px 5% 0 5%;
    }
    
    /* MOBIL FORFATTERE */
    .forfattergalleri {
        grid-template-columns: 1fr;
        grid-gap: 15px;
        padding:35px;
    }
    .forfattergalleri_enkelt img {
    	width:160px !important;
	    height:160px !important;
    }
    .forfattergalleri_navn {
	    max-width:160px !important;
    }
    
    /* MOBIL BOGSLIDER */
    .bogslider {
        gap:40px;
    }
    .bogslider_enkelt {
        width:100px;
    }
    .bogslider {
        height:260px;
    }


    /* MOBIL BOGSIDE */
    .bogsidegrid {
		padding: 20px 5% 0 5%;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
				"bstitel bstitel"
				"bspris bspris"
				"bsforside ."
				"bsformat bsformat"
				"bsbeskrivelse bsbeskrivelse"
				"bsanm bsanm"
				"bsforfatterbio bsforfatterbio"
				"bslaeseranm bslaeseranm"
				"bsanb bsanb";
	}
	.bogsidetitel {
	    flex-direction:column;
	    align-items:start;
	}
	.bogsideanbefaledegrid {
	    grid-template-columns: repeat(auto-fit, minmax(100px, 150px));
	    grid-gap:10px;
	}
	.bogsideanmgrid {
		grid-template-columns: 1fr 1fr;
	}
	.bogsidelaeseranm {
		gap:20px;
		grid-template-rows:auto auto auto;
		grid-template-columns:auto;
	}
	.bogsidelaeseranm > div {
	    grid-column:1;
	}
	.bogsidelaeseranmform {
		display:flex;
		flex-direction: column;
	}
	.bogsidelaeseranmrating > div {
		position:static;
	}
	.bogsidepris {
		justify-self:start;
		margin:10px 0 0 0;
	}
	.bogsideforfatterbio {
	    display:flex;
	    flex-direction:column;
	}
	
    
    /* MOBIL FORFATTER */
    .forfattersologrid {
        display:flex;
        flex-direction:column;
        padding:20px 5% 0 5%;
    }

	
	/* MOBIL NYHEDER */
	.nyhedergrid {
        padding:30px 5% 0 5%;
    }
    .nyhedenkelt img {
        width:100%;
        height:250px;
    }
    .nyhedfarvet {
        width:auto;
        border-radius: 0 0 25px 25px;
    }
    .nyhedsgrid {
    	grid-template-columns: auto;
    }
    .nyhedenkelt {
        grid-template-columns: 100%;
    }
    
    /* MOBIL ENKELT NYHED */
	.nyhedindlaeggrid {
		grid-template-columns: auto;
		gap:0;
		padding:20px 5% 0 5%;
	}
	.nyhedindlaegthumb {
	    width:200px;
	    height:200px;
	}
    
    /* MOBIL PRAKTIK */
    .praktiksidegrid {
        padding:30px 5% 0 5%;
        display:block;
    }
    .praktikinfogrid {
        display:block;
    }
    .praktikinfoqa {
        display:flex;
        padding:20px;
        flex-direction:column;
        gap:20px;
    }
    .praktikinfoqa > div {
        margin:0;
    }
    
    
    /* MOBIL PRAKTIKQA */
    .praktikqaside {
        display:grid;
        padding: 30px 5% 0 5%;
        grid-gap:20px;
    }
    .praktikqasidetitel {
        display:block;
    }
    .praktikqaside img {
        margin:0;
        width:auto !important;
    }

}

/* TABLETVISNING */
@media (min-width:550px) and (max-width:900px) {
    
    /* TABLET BOGSIDE */
    .bogsidegrid {
		padding: 20px 5% 0 5%;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
				"bstitel bstitel"
				"bspris bspris"
				"bsforside bsformat"
				"bsbeskrivelse bsbeskrivelse"
				"bsanm bsanm"
				"bslaeseranm bslaeseranm"
				"bsforfatterbio bsforfatterbio"
				"bsanb bsanb";
	}
	.bogsideanbefaledegrid {
	    grid-template-columns: repeat(auto-fit, minmax(100px, 150px));
	    grid-gap:10px;
	}
	.bogsideanmgrid {
		grid-template-columns: 1fr 1fr;
	}
	.bogsidelaeseranm {
		gap:20px;
	}
	.bogsidelaeseranmform {
		display:flex;
		flex-direction: column;
	}
	.bogsidelaeseranmrating > div {
		position:static;
	}
	.bogsidepris {
		justify-self:start;
		margin:10px 0 0 0;
	}

	
	/* TABLET BOGSLIDER */
	.bogslider {
        gap:50px;
    }
    .bogslider_enkelt {
        width:120px;
    }

    
    /* TABLET ENKELT NYHED */
	.nyhedindlaeggrid {
		grid-template-columns: auto;
		gap:0;
		padding:20px 5% 0 5%;
	}
	.nyhedindlaegthumb {
	    width:200px;
	    height:200px;
	}

}