/*
Theme Name: Dentalklinikken Child
Theme URI: https://www.dentalklinikken.dk/
Template: dentalklinikken
Author: Optimator
Author URI: https://optimator.dk/
Description: Dentalklinikken Child Theme
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0.1
Updated: 2020-01-16 12:11:21

*/
/* Impact Label - ROMAN */
@font-face {
  font-family: 'Impact Label';
  src: url('../dentalklinikken/fonts/impact-label/ImpactLabel.woff2') format('woff2'); /*url('../dentalklinikken/fonts/impact-label/ImpactLabel.woff') format('woff');*/
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
/* poppins-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('https://www.dentalklinikken.dk/wp-content/themes/dentalklinikken/fonts/google/poppins/poppins-v21-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {
  color: #263333;
  /*background-color: #e5e5e5;*/
  background-color: #fcfcfc;
  /*font-family: "Segoe UI", Frutiger, "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;*/
  font-family: Poppins, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /*font-size: 125%;*/
  /*line-height: 2.025rem;*/
}
body .font-normal {
  font-size: 1rem !important;
}
/*body {
	padding-top: 96px;
}*/
h1, h2, h3, h4, h5, p.h1, p.h2, p.h3, p.h4, p.h5 {
  /*font-family: "Segoe UI", Frutiger, "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;*/
  font-family: Poppins, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/*h2, p.h2 {
 margin-bottom: 1rem;
}*/
p {
  margin-top: 0;
  margin-bottom: 1rem
}
.text-xs {
  font-size: .75rem !important;
}
.text-sm {
  font-size: .875rem !important;
}
.text-base {
  font-size: 1rem !important;
}
.text-md {
  font-size: 1.125rem !important;
}
.text-lg {
  font-size: 1.25rem !important;
}
.text-xxl {
  font-size: 2rem !important;
}
@media(max-width: 991.98px) {
  .text-md {
    font-size: 1.06875rem !important
  }
  .text-lg {
    font-size: 1.1875rem !important
  }
  .text-xxl {
    font-size: 1.7rem !important
  }
}
@media(max-width: 767.98px) {
  .text-md {
    font-size: 1.0125rem !important
  }
  .text-lg {
    font-size: 1.125rem !important
  }
  .text-xxl {
    font-size: 1.5rem !important
  }
}
.shadow {
  /* box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075) !important;*/
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  /*backdrop-filter: blur(10px)!important;*/
}
.underlay {
  background: rgba(0, 0, 0, 0.3);
}
.font-weight-semi-bold {
  font-weight: 600;
}
.fw-semibold {
  font-weight: 600 !important
}
.fw-bold {
  font-weight: 700 !important
}
.fw-bolder {
  font-weight: 500 !important
}
/*.entry-title {
	text-transform: uppercase;
	margin-top: 0 !important;
	margin-bottom: 1.5rem;
}*/
.site-title a:hover {
  text-decoration: none;
}
h1.site-title, p.site-title, h2.site-title {
  margin: 0;
  padding: 0;
  line-height: 1;
  /*font-family: "Segoe UI", Frutiger, "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;*/
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /*font-size: 21px;*/
  letter-spacing: 1px;
  text-transform: uppercase;
}
footer .site-title {
  letter-spacing: 2.5px;
}
.site-title a, .site-title a:visited {
  margin: 0;
  font-size: 21px !important;
  color: #4E7196;
  font-weight: 700;
  /*font-family: "Segoe UI", Frutiger, "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;*/
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.site-description {
  margin-bottom: 0;
  /*font-family: "Segoe UI", Frutiger, "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;*/
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  font-weight: 400;
  color: #4E7196;
  letter-spacing: .055rem;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .clinicHeading {
    font-size: 1.25rem;
  }
}
/*p.site-description {
 margin-bottom: 0;
}*/
/*.site-header .site-description {
	text-transform: uppercase;
}*/
/*.logoType {
	letter-spacing: .05rem;
}*/
.display-5 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}
/*.separator {
	height: .175rem;
	background-color: #9b9b24;
	width: 4rem;
	border-radius: .3rem;
}*/
nav.rank-math-breadcrumb {
  color: #c9dfeb;
  background-color: #0c225c;
  /*text-align: center;*/
  font-size: 80%;
}
nav.rank-math-breadcrumb a {
  color: #c9dfeb !important;
  background-color: #0c225c;
}
.drop-shadow {
  text-shadow: 2px 2px 2px #4E4E4E;
}
/*.svg-icons-aligned {
	vertical-align: middle;
}*/
/*footer #menu-ekspertise .svg-inline--fa {
	margin-right: 0.5rem;
}*/
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
@media (min-width:1200px) {
  .container {
    max-width: 1280px !important;
  }
}
.section-title-center, .section-title-left, .section-title-center-akut, .section-title-left-akut {
  line-height: 1.1;
  margin-bottom: 40px !important;
  position: relative;
}
.section-title-center:after, .section-title-left:after, .section-title-center-akut:after, .section-title-left-akut:after {
  content: '';
  display: block;
  height: 4px;
  width: 66px;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
}
.section-title-center:after, .section-title-left:after {
  background: rgb(125, 150, 175, 0.75) !important;
}
.section-title-center-akut:after, .section-title-left-akut:after {
  background: rgb(220, 53, 69, 0.5) !important;
}
.section-title-left:after, .section-title-left-akut:after {
  left: 33px;
}
/*.section-title-center:before {
  content: "";
  position: absolute;
  width: 96px;
  height: 1px;
  bottom: -20px;
  left: calc(50% - 48px);
  border-bottom: 2px solid #7d96af;
}*/
ul, ol {
  padding-left: 1.2rem;
  margin-left: 0;
}
ul li, ol li {
  margin: 1.2rem 0;
}
hr.lightGray {
  border-top: 1px solid #d8dfeb;
}
.dk-horizontal_ruler {
  height: 1px;
  border: 0;
  background: #0f4b82;
  background-image: linear-gradient(to right, #ccc, #0f4b82, #ccc);
}
.skiller > * {
  display: inline-block;
  vertical-align: middle;
}
.skiller {
  text-align: center;
  border: 0;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.skiller:before, .skiller:after {
  content: "";
  height: 1px;
  width: 10%;
  /*background-color: gray;*/
  background: #0f4b82;
  background-image: linear-gradient(to right, #4E7196, #0f4b82, #4E7196);
  margin: 0 5px 0 5px;
  display: inline-block;
  vertical-align: middle;
}
.skiller.whiteDivider:before, .skiller.whiteDivider:after {
  background: fff;
  background-image: linear-gradient(to right, #fff, #fcfcfc, #fff);
}
.skiller.greenDivider:before, .skiller.greenDivider:after {
  background: #6db9a2;
  background-image: linear-gradient(to right, #28a745, #6db9a2, #28a745);
}
.skiller:before {
  margin-left: -100%;
}
.skiller:after {
  margin-right: -100%;
}
/*#masthead .site-title a, #masthead .site-title a:visited {
	font-size: 28px!important;
	color: #4E7196;
	font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
}
#masthead .site-description {
	font-size: 16px;
	font-weight: 600;
}
#masthead p.site-title {
	line-height: 0.5em;
}*/
.kbh {
  letter-spacing: .365rem;
}
.kbhn {
  letter-spacing: .165rem;
}
.ballerup {
  letter-spacing: .19rem;
}
.hilleroed {
  letter-spacing: .23rem;
}
.jaegerspris {
  letter-spacing: .12rem;
}
.odense {
  letter-spacing: .1rem;
}
.hedehusene {
  letter-spacing: .3rem;
}
.akutTandlaege {
  letter-spacing: .01rem;
}
.top, .top:link {
  color: #fff;
  position: fixed;
  z-index: 999;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  opacity: .9;
  border-radius: 20px;
  background: #7d96af;
}
.top:hover {
  opacity: 1;
  text-decoration: none;
}
#masthead {
  background-color: #fff;
  /*background-color: #f0f4f4;*/
  /*background-color: #1b1d36;*/
  /*border-bottom: 1px solid #fff;*/
  /*background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/06/texture_cuir_blanc.png);*/
  -webkit-box-shadow: 0px 0px 9px 3px rgba(27, 29, 54, .25);
  -moz-box-shadow: 0px 0px 9px 3px rgba(27, 29, 54, .25);
  box-shadow: 0px 0px 9px 3px rgba(27, 29, 54, .25);
  margin-bottom: 0;
  position: relative;
}
.home .entry-content, .entry-content {
  margin-top: 0;
}
.hentry {
  margin: 0;
}
footer {
  margin-top: 0;
}
.footerTop {
  border-top: 2px solid #d8dfeb;
  /*background-color: #1b1d36;
	border-bottom: 1px dotted #76341b;
	color: #cc9;*/
}
.dentalklinikken-additional-info {
  font-size: small;
  display: none;
  visibility: hidden;
}
.carousel-inner {
  border-radius: .25rem;
}
/*--------------------------------------------------------------
# FORMS
--------------------------------------------------------------*/
.wpforms-form button[type=submit] {
  background-color: #4E7196 !important;
  border: none;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: .25rem;
}
.wpforms-form button[type=submit]:hover {
  background-color: #494949 !important;
}
.page-template-custom_page-campaign .wpforms-form button[type=submit] {
  background-color: #343a40;
  border: none;
  color: #f8f9fa;
  text-transform: none;
  font-weight: bold;
  letter-spacing: normal;
  border-radius: .25rem;
}
.page-template-custom_page-campaign .wpforms-form button[type=submit]:hover {
  color: #cbd3da;
  background-color: #23272b;
  border-color: #1d2124;
}

/*--------------------------------------------------------------
# COLOURS
--------------------------------------------------------------*/
.text-dentalBlue {
  color: #4E7196 !important;
}
.text-dentalBlueOld {
  color: #7d96af !important;
}
.bg-dentalBlue {
  background-color: #4E7196 !important;
}
.bg-dentalBlueOld {
  background-color: #7d96af !important;
}
.text-lightGray {
  color: #d8dfeb !important;
}
.bg-lightGray {
  background-color: #d8dfeb !important;
}
.bg-whiteSmoke {
  background-color: #f5f5f5 !important;
}
.text-orange {
  color: #f1896d !important;
}
.bg-orange {
  background-color: #f1896d !important;
}
.text-beige {
  color: #d4cfc6 !important;
}
.bg-beige {
  background-color: #d4cfc6 !important;
}
.text-gold {
  color: #b3997b !important;
}
.bg-gold {
  background-color: #b3997b !important;
}
.text-green {
  /*color: #6db9a2 !important;*/
  color: #23555a !important;
}
.bg-green {
  /*background-color: #6db9a2 !important;*/
  background-color: #23555a !important;
}
.text-tranquilGreen {
  /*color: #6db9a2 !important;*/
  color: #e3eeec !important;
}
.bg-tranquilGreen {
  /*background-color: #6db9a2 !important;*/
  background-color: #e3eeec !important;
}
.text-classicBlue {
  color: #0f4b82 !important;
}
.bg-classicBlue {
  background-color: #0f4b82 !important;
}
.border-classicBlue {
  border-color: #0f4b82 !important;
}
.border-darkBlue {
  border-color: #1b1d36 !important;
}
.text-darkBlue {
  color: #1b1d36 !important;
}
.bg-darkBlue {
  background-color: #1b1d36 !important;
}
.border-darkBleu {
  border-color: #0c225c !important;
}
.text-darkBleu {
  color: #0c225c !important;
}
.bg-darkBleu {
  background-color: #0c225c !important;
}
.text-lightBlue {
  color: #00aeef !important;
}
.bg-lightBlue {
  background-color: #00aeef !important;
}
.text-babyBlue {
  color: #effaff !important;
}
.bg-babyBlue {
  background-color: #effaff !important;
}
.text-babyBleu {
  color: #c9dfeb !important;
}
.bg-babyBleu {
  background-color: #c9dfeb !important;
}
.border-babyBleu {
  border-color: #c9dfeb !important;
}
.bg-pink {
  background-color: #f7e5de !important;
}
.text-pink {
  color: #f7e5de !important;
}
.bg-gradient-darkBlue {
  background-color: radial-gradient(circle, rgba(15, 76, 129, 1) 0%, rgba(27, 29, 54, 1) 100%);
}
.bg-gradient-lightBlue {
  background: radial-gradient(circle, rgba(61, 202, 255, 1) 0%, rgba(0, 174, 239, 1) 100%);
}
.bg-gradient-classicBlue {
  background: radial-gradient(circle, rgba(23, 116, 198, 1) 0%, rgba(15, 76, 129, 1) 100%);
}
.bg-gradient-green {
  background: radial-gradient(circle, rgba(45, 105, 115, 1) 0%, rgba(35, 85, 90, 1) 100%);
}
.bg-gradient-orange {
  background: radial-gradient(circle, rgba(243, 154, 130, 1) 0%, rgba(236, 98, 60, 1) 100%);
}
.bg-gradient-light {
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 30%, rgba(224, 224, 224, 1) 75%, rgba(255, 255, 255, 1) 100%);
}
.bg-wallGray {
  background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/06/background_gris.jpg);
}
.bg-darkOcean {
  background: radial-gradient(circle, rgba(125, 150, 175, 1) 0%, rgba(78, 113, 150, 1) 100%);
}
/*--------------------------------------------------------------
# Google Maps
--------------------------------------------------------------*/
.google-maps {
  overflow: hidden;
  padding-bottom: 75%;
  position: relative;
  height: 0;
}
.google-maps iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
/*--------FORM---------*/

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
.topbar {
  height: 40px;
  font-size: 14px;
  transition: all 0.5s;
}

.topbar.topbar-scrolled {
  top: -40px;
}

.topbar .contact-info,
.topbar .contact-info a {
  line-height: 1;
  color: #effaff;
  transition: 0.3s;
}

.topbar .contact-info a:hover {
  color: #1977cc;
}

.topbar .contact-info i {
  color: #effaff;
  padding-right: 4px;
  margin-left: 15px;
}

.topbar .contact-info i:first-child {
  margin-left: 0;
}

.topbar .social-links a {
  color: #effaff;
  padding-left: 15px;
  display: inline-block;
  line-height: 1px;
  transition: 0.3s;
}

.topbar .social-links a:hover {
  color: #1977cc;
}

.topbar .social-links a:first-child {
  border-left: 0;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.navbar-dark .navbar-nav .nav-link {
  font-weight: 600;
  text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link {
  color: #4E7196;
  font-weight: 600;
  text-transform: uppercase;
}
/*.nav-link {
  font-size: 75%;
}*/
.page-template-custom_page-campaign .navbar-light .navbar-nav .nav-link {
  color: #1b1d36;
  font-weight: 600;
  text-transform: uppercase;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
*, ::after, ::before {
  box-sizing: border-box;
}*/
a {
  color: #0c74b9;
  font-weight: 500;
}
a:visited {
  color: #0c74b9;
}
a:hover, a:focus, a:active {
  color: #ec623c;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
a.orange {
  color: #ec623c;
}
a.orange:hover {
  color: #d8dfeb;
}
.moretag:hover {
  background: #ec623c;
  text-decoration: none;
}
.home #breadcrumbs {
  display: none;
}
footer a, footer a:visited, .colophon a, .colophon a:visited {
  color: #c9dfeb;
}
footer a:active, footer a:hover, .colophon a:active, .colophon a:hover {
  color: #ec623c;
}
.colophon a, .colophon a:visited {
  color: #c9dfeb;
}
.colophon a:active, .colophon a:hover {
  color: #fff;
}
/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.rounded-1 {
  border-radius: 1rem;
}
.rounded-2 {
  border-radius: 2rem;
}
.btn {
  padding: .75rem 1.5rem;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
a.btn-info, a.btn-info:visited, a.btn-danger, a.btn-danger:visited, a.btn-primary, a.btn-primary:visited {
  color: #fff;
}
.btn-classicBlue, .btn-classicBlue:visited {
  color: #fff;
  background-color: #0f4b82;
  border-color: #0f4b82;
  /*position: relative;*/
  /*min-width: 10rem;*/
  /*text-align: left;*/
}
.btn-classicBlue:focus {
  color: #bbcbc1;
  background-color: #0c3f6a;
  border-color: #0f4b82;
}
.btn-classicBlue:hover {
  color: #bbcbc1;
  background-color: #0c3f6a;
  border-color: #0f4b82;
}
.btn-classicBlue:active {
  color: #ec623c;
  background-color: #0c3f6a;
  border-color: #ec623c;
}
/*.btn-classicBlue span {
  position: absolute;
  right: 1rem;
}*/
.btn-dentalBlue, .btn-dentalBlue:visited {
  color: #effaff;
  background-color: #4E7196;
  border-color: #effaff;
  /*position: relative;*/
  /*min-width: 10rem;*/
  /*text-align: left;*/
}
.btn-dentalBlue:focus {
  color: #4E7196;
  background-color: #fff;
  border-color: #4E7196;
}
.btn-dentalBlue:focus .fa-stack .fa-stack-1x {
  color: #fff !important;
}
.btn-dentalBlue:hover {
  color: #4E7196;
  background-color: #effaff;
  border-color: #4E7196;
}
.btn-dentalBlue:active {
  color: #ec623c;
  background-color: #0c3f6a;
  border-color: #ec623c;
}
.btn-dentalBlue .fa-stack .fa-stack-1x {
  color: #4E7196;
}
.btn-dentalBlue:hover .fa-stack .fa-stack-1x {
  color: #fff !important;
}
.btn-darkBleu, .btn-darkBleu:visited {
  color: #fff;
  background-color: #0c225c;
  border-color: #0c225c;
  /*font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 0;*/
}
.btn-darkBleu a {
  color: #fff;
}
.btn-darkBleu:hover, .btn-darkBleu:active, .btn-darkBleu:focus, .btn-darkBleu.active {
  background: #fff;
  color: #0c225c;
  border-color: #0c225c;
}
.btn-outline-darkBleu, a.btn-outline-darkBleu {
  color: #0c225c !important; /* Mørkeblå tekst */
  background-color: transparent;
  border-color: #0c225c; /* Mørkeblå kant */
}
.btn-outline-darkBleu:hover, a.btn-outline-darkBleu:hover, .btn-outline-darkBleu:focus, a.btn-outline-darkBleu:focus {
  background-color: #0c225c !important; /* Bliver mørkeblå ved hover */
  color: #fff !important; /* Hvid tekst ved hover */
}
.btn-green span {
  position: absolute;
  right: 1rem;
}
.btn-green, .btn-green:visited {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
  /*position: relative;*/
  /*min-width: 10rem;*/
  /*text-align: left;*/
}
.btn-green:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}
.btn-green:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}
.btn-green:active {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}
.btn-darkGreen, .btn-darkGreen:visited {
  color: #e3eeec;
  background-color: #23555a;
  border-color: #e3eeec;
  /*position: relative;*/
  /*min-width: 10rem;*/
  /*text-align: left;*/
}
.btn-darkGreen:focus {
  color: #e3eeec;
  background-color: #157347;
  border-color: #146c43;
}
.btn-darkGreen:hover {
  color: #23555a;
  background-color: #e3eeec;
  border-color: #23555a;
}
.btn-darkGreen:active {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}
/*.btn-dentalBlue span {
  position: absolute;
  right: 1rem;
}*/
.btn-akut, .btn-akut:visited {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  /*position: relative;
  min-width: 10rem;
  text-align: left;*/
}
.btn-akut:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-akut.focus, .btn-akut:focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgb(225 83 97 / 50%);
}
.btn-akut:active {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
/*.btn-akut span {
  position: absolute;
  right: 1rem;
}*/
.btn-tandregulering, .btn-tandregulering:visited {
  color: #000;
  background-color: #23B577;
  border-color: #23B577;
}
.btn-tandregulering:hover {
  color: #fff;
  background-color: #F42A7C;
  border-color: #F42A7C;
}
.btn-tandregulering.focus, .btn-tandregulering:focus {
  color: #000;
  background-color: #F42A7C;
  border-color: #F42A7C;
  box-shadow: 0 0 0 0.2rem rgb(225 83 97 / 50%);
}
.btn-tandregulering:active {
  color: #fff;
  background-color: #4E7196;
  border-color: #4E7196;
}
.btn-tandregulering-pink, .btn-tandregulering-pink:visited {
  color: #fff;
  background-color: #F42A7C;
  border-color: #F42A7C;
}
.btn-tandregulering-pink:hover {
  color: #000;
  background-color: #23B577;
  border-color: #23B577;
}
.btn-tandregulering-pink.focus, .btn-tandregulering-pink:focus {
  color: #000;
  background-color: #23B577;
  border-color: #23B577;
  box-shadow: 0 0 0 0.2rem rgb(225 83 97 / 50%);
}
.btn-tandregulering-pink:active {
  color: #fff;
  background-color: #4E7196;
  border-color: #4E7196;
}
.btn-dentalBlueDiagonal, .btn-dentalBlueDiagonal:visited {
  color: #4E7196;
  background-color: #fff;
  border-color: #fafafa;
  position: relative;
  min-width: 10rem;
  text-align: left;
}
.btn-dentalBlueDiagonal:focus {
  color: #fff;
  background-color: #6E879A;
  border-color: #88A1B4;
}
.btn-dentalBlueDiagonal:hover {
  color: #fff;
  background-color: #6E879A;
  border-color: #88A1B4;
}
.btn-dentalBlueDiagonal:active {
  color: #ec623c;
  background-color: #0c3f6a;
  border-color: #ec623c;
}
.btn-classicBlueDiagonal, .btn-classicBlueDiagonal:visited {
  position: relative;
  border-color: #0f4b82;
  background-color: #0f4b82;
  color: #fff;
  min-width: 10rem;
  text-align: left;
}
.block-diagonal-image-content .btn-light {
  color: #4E7196;
}
.btn-classicBlueDiagonal:focus {
  color: #bbcbc1;
  background-color: #0c3f6a;
  border-color: #0f4b82;
}
.btn-classicBlueDiagonal:hover {
  color: #bbcbc1;
  background-color: #0c3f6a;
  border-color: #0f4b82;
}
.btn-classicBlueDiagonal:active {
  color: #ec623c;
  background-color: #0c3f6a;
  border-color: #ec623c;
}
.btn-finansiering, .btn-finansiering a:visited {
  color: #fff !important;
  font-weight: bold;
  text-transform: uppercase;
  background-image: linear-gradient(to bottom, #fe8b03, #fe970c, #fea216, #feac20, #feb72a);
}
.btn-finansiering:hover {
  color: #121416 !important;
  background-image: linear-gradient(to bottom, #feb72a, #feac20, #fea216, #fe970c, #fe8b03);
}
/*--------------------------------------------------------------
## Cards
--------------------------------------------------------------*/
.card {
  /*border: 1px solid #d8dfeb;*/
  border: none;
  /*box-shadow: rgba(0, 0, 0, 0.03) 0 2px 6px 0;*/
  /*box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;*/
  /*border-radius: .3rem;*/
  /*border-radius: 1rem;*/
  /*border: 1px solid #4E7196 !important;*/
  box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
}
/*.card-img, .card-img-top {
 border-top-left-radius: 1rem;
 border-top-right-radius: 1rem;
}*/
.border-orange {
  border-color: #f1896d !important;
}
.border-dentalBlue {
  border-color: #4E7196 !important;
}
.card.card-image {
  width: 100%;
  background-position: center;
  background-size: cover;
}
.card-title {
  border-color: #4E7196 !important;
}
/*--------------------------------------------------------------
## Jumbotron
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Tables
--------------------------------------------------------------*/
.caption-top {
  caption-side: top;
}
/*--------------------------------------------------------------
# Spacing
--------------------------------------------------------------*/
/*padding-6 | 5rem = 80px*/
.pt-6, .py-6 {
  padding-top: 5rem !important;
}
.pr-6, .px-6 {
  padding-right: 5rem !important;
}
.pb-6, .py-6 {
  padding-bottom: 5rem !important;
}
.pl-6, .px-6 {
  padding-left: 5rem !important;
}
@media (min-width: 768px) {
  .pt-md-6, .py-md-6 {
    padding-top: 5rem !important;
  }
  .pr-md-6, .px-md-6 {
    padding-right: 5rem !important;
  }
  .pb-md-6, .py-md-6 {
    padding-bottom: 5rem !important;
  }
  .pl-md-6, .px-md-6 {
    padding-left: 5rem !important;
  }
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
footer .widget-title {
  position: relative;
  text-transform: uppercase;
  font-size: 1rem;
  color: #fff;
}
footer .widget-title:after {
  content: "";
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  height: .05rem;
  width: 50%;
}
footer #menu-klinikker li a::before, #menu-quicklinks li a::before, #menu-ekspertise li a::before {
  content: '\203a';
  margin-right: .5rem;
  display: inline-block;
  text-decoration: none;
}
footer #menu-ekspertise li a::before {
  font-family: "Font Awesome 7 Pro";
  content: '\f5c9';
  /*content: '\1f9b7';*/
  font-weight: 900;
  margin-right: .5rem;
  text-decoration: none;
  display: inline-block;
}
.footerTop ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
ul#menu-behandlinger, ul#menu-behandlinger-1 {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
#menu-behandlinger li a::before, #menu-behandlinger-1 li a::before {
  content: '\203a';
  font-weight: 900;
  margin-right: .5rem;
  display: inline-block;
  text-decoration: none;
}
/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul.husum li, ol.husum li {
  margin: .5rem 0;
}
ul.husum {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
ul.husum li a::before {
  font-family: "Font Awesome 7 Pro";
  content: '\f138';
  font-weight: 900;
  margin-right: .5rem;
  display: inline-block;
  text-decoration: none;
}
ul.husum li a.disabled {
  pointer-events: none;
}
ul.husum li a.disabled {
  opacity: .65;
}
ul.husum.checkmark li::before {
  content: '✓';
  font-weight: 900;
  margin-right: .5rem;
  display: inline-block;
  text-decoration: none;
}
ul.campaign-checkmark {
  list-style: none;
}
ul.campaign-checkmark li::before {
  content: '✓';
  font-weight: 900;
  margin-right: .5rem;
  display: inline-block;
  text-decoration: none;
}
ul.campaign-checkmark li {
  text-indent: -0.6em;
}
ul.campaign-checkmark-tandregulering {
  list-style: none;
}
ul.campaign-checkmark-tandregulering li::before {
  content: '✓';
  font-weight: 900;
  margin-right: .25rem;
  display: inline-block;
  text-decoration: none;
  color: #F3297B;
  font-size: 1.25rem;
}
ul.campaign-checkmark-tandregulering li {
  text-indent: -0.5em;
}
ul.grid-list {
  display: grid;
  grid-template-columns: auto auto;
  line-height: 50%;
}
@media (min-width: 992px) {
  ul.grid-list {
    grid-template-columns: auto auto auto;
  }
}
@media (max-width: 575.98px) {
  ul.grid-list {
    grid-template-columns: auto;
  }
}
ul.grid-list li {
  list-style: none;
}
ul.grid-list li a {
  font-size: 75%;
  text-transform: uppercase;
}
ul.grid-list li a:before {
  font-family: "Font Awesome 7 Pro";
  content: '\f138';
  display: inline-block;
  margin-right: 0.5rem;
  text-decoration: none;
  width: 1rem;
  margin-left: -1rem;
}
/* Timeline holder */
ul.timeline {
  list-style-type: none;
  position: relative;
  padding-left: 1.5rem;
}
/* Timeline vertical line */
ul.timeline:before {
  content: ' ';
  background: #4E7196;
  display: inline-block;
  position: absolute;
  left: 16px;
  width: 4px;
  height: 100%;
  z-index: 400;
  border-radius: 1rem;
}
li.timeline-item {
  margin: 20px 0;
}
/* Timeline item arrow */
.timeline-arrow {
  border-top: 0.5rem solid transparent;
  border-right: 0.5rem solid #fff;
  border-bottom: 0.5rem solid transparent;
  display: block;
  position: absolute;
  left: 2rem;
}
/* Timeline item circle marker */
li.timeline-item::before {
  content: ' ';
  background: #fff;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #4E7196;
  left: 11px;
  width: 14px;
  height: 14px;
  z-index: 400;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
ul.benefits li {
  border: none !important;
  margin: 0;
}
ul.benefits li:before {
  font-family: "Font Awesome 7 Pro";
  content: '\f5c9';
  margin-right: .5rem;
  display: inline-block;
  font-weight: normal;
}
ol.custom-counter {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ol.custom-counter li {
  counter-increment: step-counter;
  margin-bottom: 10px;
}
ol.custom-counter li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 80%;
  background-color: #0f4b82;
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}
/* ---------IMAGE OVERLAY MOBILE-----------*/
@media (max-width: 575.98px) {
  .image-overlay {
    position: relative;
  }
  .image-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 3);
    opacity: .2;
  }
}
/* ---------IMAGE OVERLAY TABLET-----------*/
@media (max-width: 767.98px) {
  .image-overlay-tablet {
    position: relative;
  }
  .image-overlay-tablet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 3);
    opacity: .2;
  }
}
/* ---------IMAGE OVERLAY FULLWIDTH-----------*/
.image-overlay-fullWidth {
  position: relative;
}
.image-overlay-fullWidth:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 3);
  opacity: .3;
}
/*--------------------------------------------------------------
## HERO
--------------------------------------------------------------*/
.hero h1 {
  /*font-family: 'Exo 2';*/
  font-size: 1.125rem;
}
.hero h1.h1 {
  /*font-family: 'Exo 2';*/
  font-size: 2.5rem;
  text-transform: none;
}
.hero p.heroText {
  font-size: 2.5rem;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.2;
  margin-bottom: .5rem;
}
@media (min-width: 992px) {
  .hero p.h1 {
    font-size: 3.625rem !important;
  }
}
@media (min-width: 992px) {
  .hero p.heroText {
    font-size: 3.625rem !important;
  }
}
@media (min-width: 992px) {
  .hero h1.h1 {
    font-size: 3.625rem !important;
  }
}
/*@media (max-width: 575.98px) {
	.hero {
		background-image: none !important;
	}
}*/
.z-index-1 {
  z-index: 1;
}
.w-70 {
  width: 70% !important;
}
.w-60 {
  width: 60% !important;
}
/* ---------HERO BASIC-----------*/
.frontpage-hero {
  background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/05/dentalklinikken.webp);
  background-size: cover;
  background-color: #e03875;
  background-position: 65% 100% !important;
}
.frontpage-hero-new {
  background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2024/04/dentalklinikken_tandlaege-og-implantatcenter.png);
  background-size: cover;
  background-color: #4e7196;
  background-position: 65% 100% !important;
}
.kontakt-hero {
  background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/09/kontakt-din-tandlaege.jpg);
  background-size: cover;
  background-color: #fe9f11;
  background-position: 75% 100% !important;
}
/* ---------HERO KLINIKKER-----------*/
.noerrebro-klinik {
  background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/07/tandlæge-koebenhavn-noerrebrogade.png);
  background-size: cover;
  background-color: #12a3da;
  background-position: 80% 100% !important;
}
.hedehusene-klinik {
  background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/06/tandlaege-hedehusene.png);
  background-size: cover;
  background-position: 80% 65% !important;
}
/* ---------HERO BEHANDLINGER-----------*/
.tandblegning-behandling {
  background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/06/tandblegning.png);
  background-size: cover;
  background-position: 85% 65% !important;
}
.implantater-behandling {
  background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/09/tandimplantat.png);
  background-size: cover;
  background-position: 80% 100% !important;
}
.tandpleje-behandling {
  background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/11/tandpleje-dentalklinikken.jpg);
  background-size: cover;
  background-position: 85% 50% !important;
}
/* ---------HERO PRISER-----------*/
.priser-finansiering {
  background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/09/laan-til-tandlaegen.jpg);
  background-size: cover;
  background-position: 75% 100% !important;
}
.priser-studierabat {
  background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/09/studierabat-tandlaege.jpg);
  background-size: cover;
  background-position: 60% 100% !important;
}
@media (max-width: 575.98px) {
  .frontpage-hero {
    background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/05/dentalklinikken.webp) !important;
  }
  .frontpage-hero-new {
    background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2024/04/dentalklinikken_tandlaege-og-implantatcenter.png) !important;
    background-position: 75% 100% !important;
  }
  .kontakt-hero {
    background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/09/kontakt-din-tandlaege.jpg) !important;
  }
  .priser-finansiering {
    background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/09/laan-til-tandlaegen.jpg) !important;
  }
  .priser-studierabat {
    background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/09/studierabat-tandlaege.jpg) !important;
  }
  .tandblegning-behandling {
    background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/06/tandblegning.png) !important;
  }
  .implantater-behandling {
    background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/09/tandimplantat.png) !important;
  }
  .tandpleje-behandling {
    background-image: url(https://www.dentalklinikken.dk/wp-content/uploads/2020/11/tandpleje-dentalklinikken.jpg) !important;
  }
}
/* ---------ACCORDION-----------*/
.accordion .card {
  /*background-color: #1b1d36;*/
  background-color: #4E7196;
  border: 1px solid rgba(236, 247, 249, .05) !important;
}
.accordion .card-body {
  background-color: #fff !important;
}
.accordion .text-info {
  color: #fff !important;
}
.plusminus:before {
  content: '\f068';
  font-family: "Font Awesome 7 Pro";
  display: inline-block;
}
.collapsed .plusminus:before {
  content: "\f067";
  font-family: "Font Awesome 7 Pro";
  display: inline-block;
}
.plusminusSmall:before {
  content: '\2212';
  font-family: "Font Awesome 7 Pro";
  display: inline-block;
}
.collapsed .plusminusSmall:before {
  content: "\002B";
  font-family: "Font Awesome 7 Pro";
  display: inline-block;
}
.chevron:before {
  content: '\f078';
  font-family: "Font Awesome 7 Pro";
  display: inline-block;
}
.collapsed .chevron:before {
  content: "\f054";
  font-family: "Font Awesome 7 Pro";
  display: inline-block;
}
.module {
  position: relative;
}
.module .collapse, .module .collapsing {
  height: 7rem;
}
.module .collapse {
  display: block;
  overflow: hidden;
}
.module .collapse.show {
  height: auto;
}
.read-more {
  opacity: 1;
  transition: all .3s linear;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-image: linear-gradient(to bottom, transparent 60%, white);
}
.read-more:not(.collapsed) {
  opacity: 0;
}
.module {
  position: relative;
}
.module .collapse, .module .collapsing {
  height: 7rem;
}
.module .collapse {
  display: block;
  overflow: hidden;
}
.module .collapse.show {
  height: auto;
}
.read-more {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-image: linear-gradient(to bottom, transparent 60%, white);
  opacity: 1;
  transition: all .3s linear;
}
.read-more:not(.collapsed) {
  opacity: 0;
  /* visibility: hidden; */
}
/* CLINIC ACCORDION */
/*.clinicAccordion {
  margin: 0 auto;
  border-radius: 0;
  overflow: hidden
}
.clinicAccordion .card {
  margin-bottom: 20px
}
.clinicAccordion .card, .clinicAccordion .card:last-child .card-header {
  border: none;
  background: transparent
}
.clinicAccordion .card-header {
  border: none;
  background: transparent
}
.clinicAccordion .card-header .heading {
  position: relative;
  font-weight: 300;
  z-index: 0
}
.clinicAccordion .card-header .heading h3 {
  font-size: 16px;
  margin-bottom: 0;
  text-align: left
}
.clinicAccordion .fa {
  font-size: 16px;
  color: rgba(0, 0, 0, .3)
}
.clinicAccordion .btn {
  width: 100%;
  font-weight: normal;
  color: #4e7196;
  padding: 0;
  letter-spacing: 0;
  font-size: 18px;
  border-radius: 0 !important;
  border: none;
  position: relative;
  -webkit-box-shadow: 0 7px 24px -19px rgba(0, 0, 0, .32);
  -moz-box-shadow: 0 7px 24px -19px rgba(0, 0, 0, .32);
  box-shadow: 0 7px 24px -19px rgba(0, 0, 0, .32)
}
.clinicAccordion .btn .icon {
  width: 60px;
  height: 60px;
  z-index: 0;
  background: #4e7196;
}
.clinicAccordion .btn .icon i {
  font-size: 20px;
  color: #fff;
}
.clinicAccordion .btn-link:hover, .clinicAccordion .btn-link:focus {
  text-decoration: none
}
[data-toggle="collapse"] .fa:before {
  content: "\f068";
  font-family: "Font Awesome 7 Pro";
  font-style: normal
}
[data-toggle="collapse"].collapsed .fa:before {
  content: "\2b";
  font-family: "Font Awesome 7 Pro";
  font-style: normal
}
button[aria-expanded="true"] {
  color: #000 !important;
  background: #4e7196 !important;
  -webkit-box-shadow: 0 7px 24px -19px rgba(0, 0, 0, .5) !important;
  -moz-box-shadow: 0 7px 24px -19px rgba(0, 0, 0, .5) !important;
  box-shadow: 0 7px 24px -19px rgba(0, 0, 0, .5) !important;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
@media (prefers-reduced-motion:reduce) {
  button[aria-expanded="true"] {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}
button[aria-expanded="true"] h3 {
  color: #fff
}
button[aria-expanded="true"] .icon {
  background: #fff !important
}
button[aria-expanded="true"] .fa {
  color: #4e7196 !important
}
button[aria-expanded="false"] {
  background-color: #fff
}
.card-body {
  background: #fff;
  margin-bottom: 1px;
  -webkit-box-shadow: 0 7px 24px -19px rgba(0, 0, 0, .22);
  -moz-box-shadow: 0 7px 24px -19px rgba(0, 0, 0, .22);
  box-shadow: 0 7px 24px -19px rgba(0, 0, 0, .22)
}
@media (max-width:767.98px) {
  .card-body .img {
    height: 200px;
    margin-bottom: 20px
  }
}*/
/* CLINIC ACCORDION II */
.clinic-accordion .accordion-item {
  background-color: #f9f9f9;
  margin-bottom: 10px;
  position: relative;
  border-radius: 0px;
  overflow: hidden;
}
.clinic-accordion .accordion-item .btn-link {
  display: block;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  text-align: left;
  /*color: #4E7196;*/
  border: none;
  padding-left: 40px;
  border-radius: 0;
  position: relative;
  /*background: #fff;*/
}
.clinic-accordion .accordion-item .btn-link:before {
  font-family: "Font Awesome 7 Pro";
  content: "\2b";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
}
.clinic-accordion .accordion-item .btn-link[aria-expanded="true"]:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f068";
  position: absolute;
  color: #e3eeec !important;
  background-color: #23555a !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
}
.clinic-accordion .accordion-item.active {
  z-index: 2;
}
.clinic-accordion .accordion-item.active .btn-link, .btn-link[aria-expanded="true"] {
  color: #e3eeec !important;
  background-color: #23555a !important;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
.clinic-accordion .accordion-item .accordion-body {
  padding: 20px 20px 20px 20px;
  /*color: #888;*/
}
/* ---------DIAGONAL HERO-----------*/
section.block-diagonal-image-content .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  height: 525px;
}
section.block-diagonal-image-content .content {
  background: #F6F7FB;
  position: relative;
  padding-bottom: 55px;
}
section.block-diagonal-image-content .content.dentalBlue {
  background: #4E7196;
}
section.block-diagonal-image-content .content.dentalBlue:before {
  background: #4E7196;
}
section.block-diagonal-image-content .content.babyBlue {
  background: #effaff;
}
section.block-diagonal-image-content .content.babyBlue:before {
  background: #effaff;
}
section.block-diagonal-image-content .content.babyBleu {
  background: #c9dfeb;
}
section.block-diagonal-image-content .content.babyBleu:before {
  background: #c9dfeb;
}
section.block-diagonal-image-content .content.red {
  background: #dc3545;
}
section.block-diagonal-image-content .content.red:before {
  background: #dc3545;
}
section.block-diagonal-image-content .content.classicBlue {
  background: #0f4b82;
}
section.block-diagonal-image-content .content.classicBlue:before {
  background: #0f4b82;
}
/*section.block-diagonal-image-content .content.dentalBlue h2 {
 color: #fff;
}
section.block-diagonal-image-content .content.dentalBlue h2:after {
 background: rgba(255, 255, 255, 0.5);
}
section.block-diagonal-image-content .content.red h2:after {
 background: rgba(255, 255, 255, 0.5);
}
section.block-diagonal-image-content .content.classicBlue h2:after {
 background: rgba(255, 255, 255, 0.5);
}*/
section.block-diagonal-image-content .content.dentalBlue p {
  color: #fff;
}
section.block-diagonal-image-content .content.babyBlue p {
  color: #4E7196;
}
section.block-diagonal-image-content .content.babyBleu p {
  color: #c9dfeb;
}
section.block-diagonal-image-content .content.red p {
  color: #fff;
}
section.block-diagonal-image-content .content.classicBlue p {
  color: #fff;
}
section.block-diagonal-image-content .content:before {
  content: '';
  background: #F6F7FB;
  display: block;
  position: absolute;
  top: -120px;
  transform: skewY(12deg);
  transform-origin: 0 100%;
  width: 100%;
  height: 120px;
  z-index: 2;
}
section.block-diagonal-image-content .content .diagonalContainer {
  position: relative;
  z-index: 3;
}
/*section.block-diagonal-image-content h2, section.block-diagonal-image-content .h2 {
 color: #fff;
 padding-bottom: 25px;
 margin-bottom: 20px;
 position: relative;
}
section.block-diagonal-image-content h2:after, section.block-diagonal-image-content .h2:after {
 content: '';
 display: block;
 height: 4px;
 width: 66px;
 background: #AAB3BB;
 position: absolute;
 bottom: 0;
 left: 0;
}*/
section.block-diagonal-image-content p {
  color: rgba(0, 0, 0, 0.7);
}
@media (min-width: 576px) {
  section.block-diagonal-image-content .content:before {
    transform: skewY(9deg);
  }
}
@media (min-width: 768px) {
  section.block-diagonal-image-content .content:before {
    transform: skewY(7deg);
  }
}
@media (min-width: 992px) {
  section.block-diagonal-image-content {
    display: flex;
  }
  section.block-diagonal-image-content .content {
    width: 46%;
    padding: 55px 0;
  }
  section.block-diagonal-image-content .content.dentalBlue:before {
    transform: skewX(-12deg);
    right: 0;
  }
  section.block-diagonal-image-content .content.babyBlue:before {
    transform: skewX(-12deg);
    right: 0;
  }
  section.block-diagonal-image-content .content:before {
    top: 0;
    right: -200px;
    transform: skewX(12deg);
    transform-origin: 0 100%;
    width: 200px;
    height: 100%;
  }
  section.block-diagonal-image-content .content.red {
    background: #dc3545;
  }
  section.block-diagonal-image-content .content.red:before {
    top: 0;
    right: -200px;
    transform: skewX(12deg);
    transform-origin: 0 100%;
    width: 200px;
    height: 100%;
    background: #dc3545;
  }
  section.block-diagonal-image-content .content.red p {
    color: #fff;
  }
  section.block-diagonal-image-content .content.classicBlue {
    background: #0f4b82;
  }
  section.block-diagonal-image-content .content.classicBlue:before {
    top: 0;
    right: -200px;
    transform: skewX(12deg);
    transform-origin: 0 100%;
    width: 200px;
    height: 100%;
    background: #0f4b82;
  }
  section.block-diagonal-image-content .content.classicBlue p {
    color: #fff;
  }
  section.block-diagonal-image-content .diagonalContainer {
    padding-right: 0;
  }
  section.block-diagonal-image-content .image {
    width: 54%;
    height: auto;
  }
}
@media (min-width: 1200px) {
  section.block-diagonal-image-content .content {
    padding: 150px 0;
  }
  section.block-diagonal-image-content .diagonalContainer {
    max-width: 580px;
    margin: 0 0 0 auto;
  }
  /*section.block-diagonal-image-content h2 {
  padding-bottom: 18px;
  margin-bottom: 23px;
 }*/
}
@media (min-width: 768px) {
  .diagonalContainer {
    max-width: 1280px;
    padding: 0 40px;
  }
}
/*@media (max-width: 1199.98px) {
  .diagonalContainer {
    font-size: 100%;
  }
}*/
.diagonalContainer {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px;
  /*font-size: 90%;*/
  line-height: 1.5;
}
/* ----------------------- STACKED IMAGES --------------------------- */
/*section.block-stacked-images-content {
 margin: 55px 0;
}*/
section.block-stacked-images-content .images {
  position: relative;
  padding: 55px 0;
  margin-bottom: 50px;
  display: flex;
  justify-content: flex-end;
}
section.block-stacked-images-content .bg-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -30px;
  width: 90%;
}
section.block-stacked-images-content .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  width: 94%;
}
section.block-stacked-images-content .image:before {
  content: '';
  display: block;
  padding-bottom: 78%;
}
section.block-stacked-images-content h2 {
  padding-bottom: 25px;
  margin-bottom: 20px;
  position: relative;
}
section.block-stacked-images-content h2:after {
  content: '';
  display: block;
  height: 4px;
  width: 66px;
  background: rgb(255, 255, 255, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
}
section.block-stacked-images-content .button {
  margin-top: 25px;
}
@media (min-width: 768px) {
  section.block-stacked-images-content .bg-image {
    left: -40px;
  }
}
@media (min-width: 992px) {
  section.block-stacked-images-content {
    /*margin: 135px 0;*/
  }
  section.block-stacked-images-content.image-right .bg-image {
    left: auto;
    right: -130px;
  }
  section.block-stacked-images-content.image-right .content {
    padding: 0 8% 0 6%;
  }
  section.block-stacked-images-content .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  section.block-stacked-images-content .images {
    padding: 95px 0;
    margin-bottom: 0;
    width: 42%;
  }
  section.block-stacked-images-content .bg-image {
    top: 0;
    bottom: 0;
    left: -130px;
    width: calc(100%+ 30px);
  }
  section.block-stacked-images-content .image {
    width: 100%;
  }
  section.block-stacked-images-content .content {
    width: 57%;
    padding: 0 6% 0 8%;
  }
  section.block-stacked-images-content h2 {
    padding-bottom: 18px;
    margin-bottom: 23px;
  }
}
.green-img-overlay {
  position: relative;
}
.green-img-overlay:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(35, 85, 90, 0.7);
}
.green-img-overlay svg {
  display: block;
}
.classicBlue-img-overlay {
  position: relative;
}
.classicBlue-img-overlay:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(15, 75, 130, 0.7);
}
.classicBlue-img-overlay svg {
  display: block;
}
/* ----------------------- CHIPS --------------------------- */
.chip {
  display: inline-block;
  padding: 0 25px;
  /*height: 50px;*/
  font-size: 16px;
  line-height: 3;
  /*border-radius: 25px;*/
  background-color: #f1f1f1;
  min-width: 50%;
}
.chip img {
  float: left;
  margin: 0 10px 0 -25px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
.chip .circle {
  float: left;
  margin: 0 10px 0 -50px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
/* ----------------------- RELATED --------------------------- */
.related-single {
  font-size: 20px;
  padding-left: 3rem;
}
.related-single {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #4E7196;
  /*font-family: Roboto;*/
  font-family: /*'Noto Sans JP', 'Source Sans Pro', */ sans-serif;
  text-transform: uppercase;
  text-align: left;
  padding: 1rem 0 1.5rem 2rem;
  border-left: 5px solid #4E7196;
}
.related-single a {
  font-size: 26px;
}
.related-single a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 22px;
  font-weight: 700;
  color: #101010;
  /*font-family: Khand;*/
  text-transform: none;
  line-height: 1.4;
  margin-top: 1rem;
  border-bottom: none;
}
/* ----------------------- FACT-BOX --------------------------- */
.fact-box {
  border-left: .3125rem solid;
  border-color: #4E7196;
  padding: 2rem;
  /*font-size: 90%;*/
}
.fact-box ul {
  list-style: none;
}
.fact-box ul li::before {
  content: "\25A0";
  color: #4E7196;
  font-weight: bold;
  display: inline-block;
  width: 1.25rem;
  margin-left: -1.25rem;
}
.fact-box ol {
  list-style: none;
}
.fact-box ol li {
  counter-increment: step-counter;
  /*display: inline-flex;*/
}
.fact-box ol li::before {
  content: counter(step-counter)'.';
  color: #4E7196;
  font-weight: bold;
  margin-left: -1.25rem;
  margin-right: 0.625rem;
}
.fact-box-orange {
  border-left: .3125rem solid;
  border-color: #f1896d;
  padding: 2rem;
  /*font-size: 90%;*/
}
.fact-box-orange ul {
  list-style: none;
}
.fact-box-orange ul li::before {
  content: "\25A0";
  color: #f1896d;
  font-weight: bold;
  display: inline-block;
  width: 1.25rem;
  margin-left: -1.25rem;
}
.fact-box-orange ol {
  list-style: none;
}
.fact-box-orange ol li {
  counter-increment: step-counter;
  display: inline-flex;
}
.fact-box-orange ol li::before {
  content: counter(step-counter)'.';
  color: #f1896d;
  font-weight: bold;
  margin-left: -1.25rem;
  margin-right: 0.625rem;
}
/* ----------------------- TOC Table of Contents --------------------------- */
.article-toc {
  margin-top: 1.875rem;
  border-bottom: .0625rem solid #b2b2b2;
  border-top: .0625rem solid #b2b2b2;
  margin-bottom: 1.875rem;
  font-size: .6875rem;
  line-height: 1.3;
  color: rgba(0, 0, 0, .6);
  padding-bottom: .625rem;
  padding-top: .625rem;
  text-transform: uppercase;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
}
/*
*
* ==========================================
* BEHANDLINGER
* ==========================================
*/
.nav-pills-custom .nav-link {
  color: #4E7196;
  background: #fff;
  position: relative;
}
.nav-pills-custom .nav-link.active {
  color: #fff;
  background: #4E7196;
}
/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
  .nav-pills-custom .nav-link::before {
    content: '';
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.nav-pills-custom .nav-link.active::before {
  opacity: 1;
}
/*
*
* ==========================================
* SVG COLOR OVERLAY
* ==========================================
*/
.filter-danger {
  filter: invert(45%) sepia(86%) saturate(5588%) hue-rotate(336deg) brightness(89%) contrast(92%);
}
.filter-dentalBlue {
  filter: invert(40%) sepia(49%) saturate(389%) hue-rotate(169deg) brightness(94%) contrast(91%);
}
/*
*
* ==========================================
* INFOBOX
* ==========================================
*/
.infobox {
  background: #dfebf6;
  border-color: #4e7196 !important;
}
.infoboxContent {
  position: relative;
  padding: 1.5rem 2rem;
  /*margin-top: 3rem;*/
  /*margin-bottom: 4rem;*/
  border-left: 3px solid;
  border-radius: 6px 6px 6px 3px;
  transition: background 350ms ease 0s;
}
.infoboxInfo .infoboxIconWrapper {
  color: #4e7196;
}
.infoboxIcon {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(calc(-50% - 1.5px), -50%);
  padding: 8px;
  background: #fff;
  border-radius: 50%;
}
.infoboxIcon svg {
  display: block;
}
@media (max-width: 768px) {
  .infoboxIcon {
    display: none;
  }
}
/*
*
* ==========================================
* ATTENTIONBOX
* ==========================================
*/
.attentionbox {
  background: #fff9c0;
  border-color: #ff9d00 !important;
}
.attentionboxContent {
  position: relative;
  padding: 1.5rem 2rem;
  /*margin-top: 3rem;*/
  /*margin-bottom: 4rem;*/
  border-left: 3px solid;
  border-radius: 6px 6px 6px 3px;
  transition: background 350ms ease 0s;
}
.attentionboxInfo .attentionboxIconWrapper {
  color: #ff9d00;
}
.attentionboxIcon {
  position: absolute;
  top: 0px;
  left: -1.5px;
  transform: translate(calc(-50% - 1.5px), -50%);
  padding: 8px;
  background: #fff;
  border-radius: 25%;
}
.attentionboxIcon svg {
  display: block;
}
@media (max-width: 768px) {
  .attentionboxIcon {
    display: none;
  }
}
/*
/*
*
* ==========================================
* SUCCESSBOX
* ==========================================
*/
.successbox {
  background: #E5FAF3;
  border-color: #00cc88 !important;
}
.successboxContent {
  position: relative;
  padding: 1.5rem 2rem;
  /*margin-top: 3rem;*/
  /*margin-bottom: 4rem;*/
  border-left: 3px solid;
  border-radius: 6px 6px 6px 3px;
  transition: background 350ms ease 0s;
}
.successboxInfo .successboxIconWrapper {
  color: #00cc88;
}
.successboxIcon {
  position: absolute;
  top: 0px;
  left: -1.5px;
  transform: translate(calc(-50% - 1.5px), -50%);
  padding: 8px;
  background: #fff;
  border-radius: 25%;
}
.successboxIcon svg {
  display: block;
}
@media (max-width: 768px) {
  .successboxIcon {
    display: none;
  }
}
/*
*
* ==========================================
* TANDLÆGEVAGTEN
* ==========================================
*/
.tv-chip {
  background-color: #fff;
  color: #263333;
}
.tv-chip a {
  color: #263333;
}
.tv-chip-current {
  background-color: #dc3545;
  color: #fff;
}
.tv-chip-current a {
  color: #fff;
}
.tv-chip:hover {
  background-color: #dc3545;
  color: #fff;
}
.tv-chip:hover a {
  color: #fff;
}
/*
*
* ==========================================
* CTA-BUTTONS
* ==========================================
*/
@media (max-width: 991.98px) {
  .cta-buttons {
    margin: 2.5rem 0;
  }
}
.cta-buttons a, a:focus, a:hover {
  text-decoration: none;
  color: #0c225c;
}
.cta-buttons .block-btn:first-child {
  margin-top: 0;
}
.cta-buttons .block-btn {
  margin-top: 1.5rem;
}
@media (min-width: 576px) {
  .cta-buttons .block-btn {
    margin-top: 2rem;
  }
}
.block-btn.babyBlue {
  background-color: #dceff4;
}
.block-btn.babyBlue:hover, .block-btn.babyBlue2 {
  background-color: #c9e6ee;
}
.block-btn.babyBleu {
  background-color: #c9dfeb;
}
.block-btn.babyBleu:hover, .block-btn.babyBleu2 {
  background-color: #c9e6ee;
}
.block-btn.pink {
  background-color: #f7e5de;
}
.block-btn.pink:hover, .block-btn.pink2 {
  background-color: #f2d5c9;
}
.block-btn.tranquilGreen {
  background-color: #e3eeec;
}
.block-btn.tranquilGreen:hover, .block-btn.tranquilGreen2 {
  background-color: #d3e4e1;
}
.block-btn.lightYellow {
  background-color: #faf5e5;
}
.block-btn.lightYellow:hover, .block-btn.lightYellow2 {
  background-color: #f6edd0;
}
.block-btn.dentalBlue {
  background-color: #4E7196;
}
.block-btn.dentalBlue:hover, .block-btn.dentalBlue2 {
  background-color: #7d96af;
}
@media (min-width: 576px) {
  .block-btn {
    height: 9rem;
    padding: 1.8rem 0 0 8.1rem;
  }
}
.block-btn {
  display: block;
  height: 7rem;
  margin: 2rem 0 0;
  padding: 1.3rem 0 0 5.6rem;
  position: relative;
  transition: background-color .2s ease-in-out;
}
@media (min-width: 576px) {
  .block-btn:before {
    font-size: 5.1rem;
    left: 1.5rem;
    top: 1.6rem;
  }
}
.block-btn.calendar:before {
  content: "\f274";
}
.block-btn.phone:before {
  content: "\f8d3";
}
.block-btn.new-patient:before {
  content: "\f044";
}
.block-btn.new-patient-frontpage:before {
  content: "\f0a4";
}
.block-btn.dental-clinics:before {
  content: "\e3b2";
}
.block-btn.emergency-dentist:before {
  content: "\e512";
}
.block-btn:before {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: "Font Awesome 7 Pro";
  font-size: 3.5rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 100;
  left: 1.1rem;
  line-height: 1.25;
  position: absolute;
  text-transform: none;
  top: 1.2rem;
}
@media (min-width: 576px) {
  .block-btn .header {
    font-size: 1.8rem;
    font-weight: 400;
  }
}
.block-btn .header {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
}
@media (min-width: 576px) {
  .block-btn .text {
    font-size: 1.6rem;
  }
}
.block-btn .text {
  display: block;
  font-size: 1.2rem;
  margin-top: .2rem;
  padding: 0;
}
/*
*
* ==========================================
* CLINIC SIDEBAR
* ==========================================
*/
.sidebar > section {
  border-top: 1px solid #d9d9d9;
  margin-bottom: 0;
}
/*.sidebar {
    border-bottom: 1px solid #d9d9d9;
}*/
.sidebar .open-hours {
  /*letter-spacing: .06em;*/
  /*line-height: 2.1875rem;*/
  line-height: 1.5;
}
.clinic-sidebar .normal-area h4, .clinic-sidebar .normal-area h3 {
  padding-bottom: 0;
}
.sidebar h4.has-icon:before, .sidebar h3.has-icon:before {
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 2rem;
  font-weight: 100;
  bottom: 0;
  content: " ";
  display: -webkit-flex;
  display: flex;
  display: block;
  font-family: "Font Awesome 7 Pro";
  height: 100%;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
  top: 2rem;
}
.clinic-sidebar .normal-area h4.has-icon:before, .clinic-sidebar .normal-area h3.has-icon:before {
  top: 1.8rem;
}
.sidebar h4.has-icon.contact-phone:before, .sidebar h3.has-icon.contact-phone:before {
  content: "\f8d3";
}
.sidebar h4.has-icon.contact-email:before, .sidebar h3.has-icon.contact-email:before {
  content: "\f0e0";
}
.sidebar h4.has-icon.location-pin:before, .sidebar h3.has-icon.location-pin:before {
  content: "\f3c5";
}
.sidebar h4.has-icon.open-hours-icon:before, .sidebar h3.has-icon.open-hours-icon:before {
  content: "\f017";
}
.sidebar h4.has-icon, .sidebar h3.has-icon {
  position: relative;
}
.sidebar h4, .sidebar h3 {
  font-size: 1rem;
  letter-spacing: .06em;
  line-height: normal;
  margin: 0;
  padding: 1.4rem 2rem 0 3.75rem;
  /*text-transform: uppercase;*/
}
@media (max-width: 575.98px) {
  .sidebar h4, .sidebar h3 {
    padding-bottom: 1.4rem;
  }
}
.clinic-sidebar .normal-area .second-line {
  padding: 0 0 1.4rem 3.75rem;
  font-size: 1rem;
}
.clinic-sidebar a {
  color: #043c5b;
}
.clinic-sidebar .normal-area .content {
  padding: 0 0 1.4rem 3.75rem;
  font-size: 1rem;
}
.clinic-sidebar .content {
  padding-bottom: 2.5rem;
}
.sidebar .content {
  padding: 0 2rem 1.4rem 3.75rem;
}
/*
*
* ==========================================
* DETAILS SUMMARY CONTROLS
* ==========================================
*/
.sidebar details[open] summary ~ * {
  animation: open 0.3s ease-in-out;
}
@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.sidebar details summary::-webkit-details-marker {
  display: none;
}
.sidebar details summary {
  /*width: 100%;*/
  /*padding: 0.5rem 0;*/
  /*border-top: 1px solid black;*/
  position: relative;
  cursor: pointer;
  /*font-size: 1.25rem;*/
  /*font-weight: 300;*/
  list-style: none;
}
.sidebar details summary:after {
  content: "+";
  /*color: black;*/
  position: absolute;
  font-size: 1.75rem;
  line-height: 0;
  /*margin-top: 0.75rem;*/
  top: 2rem;
  right: 0;
  font-weight: 200;
  transform-origin: center;
  transition: 200ms linear;
}
.sidebar details[open] summary:after {
  transform: rotate(45deg);
  font-size: 2rem;
}
.sidebar details summary {
  outline: 0;
}
.sidebar details p {
  font-size: 0.95rem;
  margin: 0 0 1rem;
  padding-top: 1rem;
}
table tr.mbhi-is-current td {
  font-weight: bold;
  /* color:green;*/
}
/*
*
* ==========================================
* OPENING HOURS WIDGET
* ==========================================
*/
/*.mb-bhi-closed {
 font-weight: bold;
 color: darkRed;
}
.mb-bhi-open {
 font-weight: bold;
 color: green;
}*/
.impact-label {
  font-family: 'Impact Label';
  color: darkRed;
  font-size: large;
}
/*
*
* ==========================================
* CUSTOMER RATINGS
* ==========================================
*/
#customer-ratings .wpac {
  font-size: 125% !important;
}
#customer-ratings .wp-gr .wp-google-rating {
  font-size: 125% !important;
}
#customer-ratings .wp-google-rating {
  font-weight: bold !important;
}
#customer-ratings .wp-fbrev .wp-facebook-rating {
  font-size: 125% !important;
}
#customer-ratings .wp-gr .wp-google-time {
  font-weight: bold !important;
  font-size: 80% !important;
  color: #333 !important;
}
#customer-ratings .wp-google-wr {
  display: none !important;
}
#customer-ratings .wp-fbrev .wp-facebook-time {
  font-weight: bold !important;
  font-size: 80% !important;
  color: #333 !important;
}
#customer-ratings .wp-gr .wp-google-url {
  font-weight: bold !important;
}
#customer-ratings .wp-fbrev .wp-facebook-url {
  font-weight: bold !important;
}
#customer-ratings .wp-fbrev .wp-facebook-powered {
  font-weight: bold !important;
  color: #333 !important;
}
#customer-ratings .wp-fbrev .wp-facebook-powered span {
  /*font-size: 90% !important;*/
  color: #4267B2 !important;
}
/*
*
* ==========================================
* CAMPAIGN SITES
* ==========================================
*/
/*.page-template-custom_page-campaign {}*/
.btn-babyBlue {
  color: #1b1d36;
  background-color: #effaff;
  border-color: #1b1d36;
  /*font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 0;*/
}
.btn-babyBlue a {
  color: #1b1d36;
}
.btn-babyBlue:hover, .btn-babyBlue:active, .btn-babyBlue:focus, .btn-babyBlue.active {
  background: #1b1d36;
  color: #effaff;
  border-color: #effaff;
}
.btn-darkBlue, .btn-darkBlue:visited {
  color: #effaff;
  background-color: #1b1d36;
  border-color: #effaff;
  /*font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 0;*/
}
.btn-darkBlue a {
  color: #effaff;
}
.btn-darkBlue:hover, .btn-darkBlue:active, .btn-darkBlue:focus, .btn-darkBlue.active {
  background: #effaff;
  color: #1b1d36;
  border-color: #1b1d36;
}
.btn-tranquilGreen {
  color: #1b1d36;
  background-color: #e3eeec;
  border-color: #1b1d36;
  /*font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 0;*/
}
.btn-tranquilGreen a {
  color: #1b1d36;
}
.btn-tranquilGreen:hover, .tranquilGreen:active, .tranquilGreen:focus, .tranquilGreen.active {
  background: #1b1d36;
  color: #e3eeec;
  border-color: #e3eeec;
}
.btn-lightYellow {
  color: #1b1d36;
  background-color: #faf5e5;
  border-color: #1b1d36;
  /*font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 0;*/
}
.btn-lightYellow a {
  color: #1b1d36;
}
.btn-lightYellow:hover, .lightYellow:active, .lightYellow:focus, .lightYellow.active {
  background: #1b1d36;
  color: #f6edd0;
  border-color: #f6edd0;
}
.btn-pink {
  color: #1b1d36;
  background-color: #f7e5de;
  border-color: #1b1d36;
  /*font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 0;*/
}
.btn-pink a {
  color: #1b1d36;
}
.btn-pink:hover, .btn-pink:active, .btn-pink:focus, .btn-pink.active {
  background: #1b1d36;
  color: #f7e5de;
  border-color: #f7e5de;
}
.submit-pink {
  background-color: #f7e5de !important;
  color: #1b1d36 !important;
  border-color: #1b1d36 !important;
  /*text-transform: none!important;
	font-weight: bold;
	letter-spacing: normal!important;
	border-radius: .25rem;*/
}
.submit-pink:hover {
  color: #f7e5de !important;
  background-color: #1b1d36 !important;
  border-color: #f7e5de !important;
}
/* PINK SUBMIT BUTTON */
#wpforms-7737.wpforms-container-full .wpforms-form input[type=submit], #wpforms-7737.wpforms-container-full .wpforms-form button[type=submit], #wpforms-7798.wpforms-container-full .wpforms-form input[type=submit], #wpforms-7798.wpforms-container-full .wpforms-form button[type=submit], #wpforms-7827.wpforms-container-full .wpforms-form input[type=submit], #wpforms-7827.wpforms-container-full .wpforms-form button[type=submit], #wpforms-7844.wpforms-container-full .wpforms-form input[type=submit], #wpforms-7844.wpforms-container-full .wpforms-form button[type=submit], #wpforms-7925.wpforms-container-full .wpforms-form input[type=submit], #wpforms-7925.wpforms-container-full .wpforms-form button[type=submit], #wpforms-7996.wpforms-container-full .wpforms-form input[type=submit], #wpforms-7996.wpforms-container-full .wpforms-form button[type=submit], #wpforms-7994.wpforms-container-full .wpforms-form input[type=submit], #wpforms-7994.wpforms-container-full .wpforms-form button[type=submit] {
  background-color: #f7e5de !important; /* Pink background */
  border: 1px solid #1b1d36 !important; /* darkBlue border */
  color: #1b1d36 !important; /* darkBlue text color */
}
#wpforms-7737.wpforms-container-full .wpforms-form input[type=submit]:hover, #wpforms-7737.wpforms-container-full .wpforms-form button[type=submit]:hover, #wpforms-7798.wpforms-container-full .wpforms-form input[type=submit]:hover, #wpforms-7798.wpforms-container-full .wpforms-form button[type=submit]:hover, #wpforms-7827.wpforms-container-full .wpforms-form input[type=submit]:hover, #wpforms-7827.wpforms-container-full .wpforms-form button[type=submit]:hover, #wpforms-7844.wpforms-container-full .wpforms-form input[type=submit]:hover, #wpforms-7844.wpforms-container-full .wpforms-form button[type=submit]:hover, #wpforms-7925.wpforms-container-full .wpforms-form input[type=submit]:hover, #wpforms-7925.wpforms-container-full .wpforms-form button[type=submit]:hover, #wpforms-7996.wpforms-container-full .wpforms-form input[type=submit]:hover, #wpforms-7996.wpforms-container-full .wpforms-form button[type=submit]:hover, #wpforms-7994.wpforms-container-full .wpforms-form input[type=submit]:hover, #wpforms-7994.wpforms-container-full .wpforms-form button[type=submit]:hover {
  background-color: #1b1d36 !important; /* darkBLue background */
  border: 1px solid #f7e5de !important; /* Pink border */
  color: #ecf7f9 !important; /* babyBlue text color */
}
/*.blockquote {    
    border: 1px solid rgba(222, 226, 230, 0.54);
    border-left: 0.5rem solid rgba(78, 113, 150, 1);
    font-style: italic;
    margin: 1.875rem auto;
    padding: 4.6875rem 1.875rem 1.875rem 4.6875rem;
    position: relative;
    width: 100%;
}

.blockquote::before { 
    color: rgba(78, 113, 150, 1);
    content: "“";
    font-size: 8rem;
    height: 3.75rem;
    left: 0.9375rem;
    line-height: 1;
    max-width: 3.75rem;
    position: absolute;
    text-align: inherit;
    top: 0.9375rem;
    width: 100%;
	font-style: normal;
}*/
/*
*
* ==========================================
* RESPONSIVE BORDERS MAX-WIDTH
* ==========================================
*/
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .border-xs-left-none {
    border-left: none !important;
  }
  .border-xs-right-none {
    border-right: none !important;
  }
  .border-xs-top-none {
    border-top: none !important;
  }
  .border-xs-bottom-none {
    border-bottom: none !important;
  }
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .border-sm-left-none {
    border-left: none !important;
  }
  .border-sm-right-none {
    border-right: none !important;
  }
  .border-sm-top-none {
    border-top: none !important;
  }
  .border-sm-bottom-none {
    border-bottom: none !important;
  }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .border-md-left-none {
    border-left: none !important;
  }
  .border-md-right-none {
    border-right: none !important;
  }
  .border-md-top-none {
    border-top: none !important;
  }
  .border-md-bottom-none {
    border-bottom: none !important;
  }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .border-lg-left-none {
    border-left: none !important;
  }
  .border-lg-right-none {
    border-right: none !important;
  }
  .border-lg-top-none {
    border-top: none !important;
  }
  .border-lg-bottom-none {
    border-bottom: none !important;
  }
}
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  .border-xl-left-none {
    border-left: none !important;
  }
  .border-xl-right-none {
    border-right: none !important;
  }
  .border-xl-top-none {
    border-top: none !important;
  }
  .border-xl-bottom-none {
    border-bottom: none !important;
  }
}
/* XX-Large devices (larger desktops) */
.border-xx-left-none {
  border-left: none !important;
}
.border-xx-right-none {
  border-right: none !important;
}
.border-xx-top-none {
  border-top: none !important;
}
.border-xx-bottom-none {
  border-bottom: none !important;
}
/*
/*
*
* ==========================================
* RESPONSIVE BORDERS MIN-WIDTH
* ==========================================
*/
/* No border utilities for XS devices */
.border-xs-top-0 {
  border-top: 0 !important;
}
.border-xs-right-0 {
  border-right: 0 !important;
}
.border-xs-bottom-0 {
  border-bottom: 0 !important;
}
.border-xs-left-0 {
  border-left: 0 !important;
}
.border-xs-x-0 {
  border-left: 0 !important;
  border-right: 0 !important;
}
.border-xs-y-0 {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.border-xs-0 {
  border: 0 !important;
}
/* No border utilities for SM devices */
@media (min-width: 576px) {
  .border-sm-top-0 {
    border-top: 0 !important;
  }
  .border-sm-right-0 {
    border-right: 0 !important;
  }
  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-sm-left-0 {
    border-left: 0 !important;
  }
  .border-sm-x-0 {
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .border-sm-y-0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
  .border-sm-0 {
    border: 0 !important;
  }
}
/* No border utilities for MD devices */
@media (min-width: 768px) {
  .border-md-top-0 {
    border-top: 0 !important;
  }
  .border-md-right-0 {
    border-right: 0 !important;
  }
  .border-md-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-md-left-0 {
    border-left: 0 !important;
  }
  .border-md-x-0 {
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .border-md-y-0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
  .border-md-0 {
    border: 0 !important;
  }
}
/* No border utilities for LG devices */
@media (min-width: 992px) {
  .border-lg-top-0 {
    border-top: 0 !important;
  }
  .border-lg-right-0 {
    border-right: 0 !important;
  }
  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-lg-left-0 {
    border-left: 0 !important;
  }
  .border-lg-x-0 {
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .border-lg-y-0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
  .border-lg-0 {
    border: 0 !important;
  }
}
/* No border utilities for XL devices */
@media (min-width: 1200px) {
  .border-xl-top-0 {
    border-top: 0 !important;
  }
  .border-xl-right-0 {
    border-right: 0 !important;
  }
  .border-xl-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-xl-left-0 {
    border-left: 0 !important;
  }
  .border-xl-x-0 {
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .border-xl-y-0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
  .border-xl-0 {
    border: 0 !important;
  }
}
/*
*
* ==========================================
* HERO WITH TEXT
* ==========================================
*/
.bg-vivamagenta {
  background-color: #B73C58;
}
.text-vivamagenta {
  color: #B73C58;
}
@media (min-width: 768px) {
  .hero-image-text {
    color: white;
    border-radius: 1em;
    padding: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 768px) {
  .tandblegning {
    left: 30%;
  }
}
@media (max-width: 767.98px) {
  .hero-image-text {
    color: white;
    border-radius: 1em;
    padding: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 767.98px) {
  .hero-image-text h1 {
    font-size: 2em;
  }
}
@media (max-width: 767.98px) {
  .hero-image-text ul li.h4 {
    font-size: 1.2em;
    margin: .5em;
  }
}
@media (max-width: 767.98px) {
  .hero-image-text-overlay:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: rgba(0, 0, 0, 0.29);
  }
}
/*
*
* ==========================================
* HERO WITH TEXT HUSUM
* ==========================================
*/
@media (min-width: 768px) {
  .hero-image-text-husum {
    color: white;
    border-radius: 1em;
    padding: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 992px) {
  .husum {
    left: 30%;
  }
}
@media (max-width: 991.98px) {
  .husum {
    top: 50% !important;
  }
}
@media (max-width: 575.98px) {
  .husum {
    width: 80%;
    font-size: 85% !important;
  }
}
@media (max-width: 767.98px) {
  .hero-image-text-husum {
    color: white;
    border-radius: 1em;
    padding: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 767.98px) {
  .hero-image-text-husum h1 {
    font-size: 2em;
  }
}
@media (max-width: 767.98px) {
  .hero-image-text-husum ul li.h4 {
    font-size: 1.2em;
    margin: .5em;
  }
}
@media (max-width: 767.98px) {
  .hero-image-text-overlay-husum:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: rgba(0, 0, 0, 0.29);
  }
}
/*
*
* ==========================================
* NEW HERO's WITH TEXT (14-02-2025)
* ==========================================
*/
.text-box-header {
  position: absolute;
  text-align: center;
  top: 5vh;
  bottom: 5vh;
  left: 3%;
  width: 43%;
  background-color: white;
  padding: 30px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centers content vertically */
  align-items: center; /* Centers content horizontally */
}
.text-box-header .content-container-header {
  width: 100%; /* Ensures text fills the full width */
  text-align: center; /* Centers text inside the container */
}
.text-box-header p {
  line-height: 1.6; /* Increases readability */
}
.content-container-header-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.content-container-header-icon img {
  width: 50px; /* Adjust width as needed */
  height: auto; /* Maintain image proportions */
}
.text-box-header .button-container-header {
  text-align: center; /* Adjusts button alignment if needed */
}
/* RESPONSIVE ADJUSTMENTS */
@media (min-width: 1200px) {
  .text-box-header {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(230, 247, 255, 0.9));
    border-radius: 15px; /* Softens corners */
  }
}
@media (max-width: 1200px) {
  .text-box-header {
    position: relative; /* Switch to relative positioning */
    top: -3%; /* Overlap with the bottom of the image by about 10% */
    left: 50%; /* Center the text box */
    transform: translateX(-50%); /* Move to the middle */
    width: 90%; /* Box takes up 90% of the container */
    padding: 20px; /* Smaller padding for better mobile usability */
    /* margin-top: -10%; */ /* Remove overlap from the bottom of the image */
    text-align: center; /* Center text on smaller screens */
  }
  .content-container-header-icon {
    margin-top: 15px; /* Add some space above the icon */
  }
}
@media (max-width: 576px) {
  .text-box-header {
    top: -3%; /* Overlap with the bottom of the image by about 5% */
    width: 90%; /* Takes up almost the full width on very small screens */
    padding: 15px; /* Reduce padding */
  }
}
.text-box {
  position: absolute;
  top: 5vh;
  bottom: 5vh;
  left: 3%;
  width: 43%;
  background-color: white;
  padding: 30px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Sørg for plads mellem indholdet og knappen */
}
.text-box .content-container {
  flex-grow: 1; /* Lader tekstfylden tage pladsen over knappen */
}
.text-box .button-container {
  text-align: left; /* Justér knappen, hvis nødvendigt */
}
/* RESPONSIV TILPASNING */
@media (max-width: 1200px) {
  .text-box {
    position: relative; /* Skift til relativ placering */
    top: -3%; /* Overlap med billedets bund med ca. 10% */
    left: 50%; /* Centrer tekstboksen */
    transform: translateX(-50%); /* Flyt til midten */
    width: 80%; /* Boksen fylder 80% af containeren */
    padding: 20px; /* Mindre padding for bedre mobilvenlighed */
    text-align: left; /* Centrér teksten i mindre skærme */
  }
}
@media (max-width: 576px) {
  .text-box {
    top: -3%; /* Overlap med billedets bund med ca. 5% */
    width: 90%; /* Fylder næsten hele bredden på meget små skærme */
    padding: 15px; /* Mindre padding */
  }
}
/*
*
* ==========================================
* NEW CARDs FRONTPAGE (20-03-2025)
* ==========================================
*/
.card-hover-shadow:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;
}
.card-transition {
  transition: all 0.3s ease-in-out;
}
.card:focus-visible {
  outline: 3px solid #0c225c;
  outline-offset: 4px;
}