@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,800;1,900&family=Roboto:wght@300;400;500;700;900&display=swap');
* {font-family: 'Poppins', sans-serif; color: #223645; margin: 0; padding: 0; padding-top: 0; word-wrap:break-word!important; word-break:break-word!important;}
html, 
body {padding: 0; margin: 0;}
img {outline: none; margin: 0; padding: 0;}
* { box-sizing: border-box;}
html {
    scroll-behavior: smooth;
  }
x*{border:1px solid red;}
/*
.container {border:1px black solid !important;}
.flexBox_Center {border:1px red solid !important; }
.flexBox_Center>div:nth-child(1) {border:1px solid green !important; }
.flexBox_Center>div:nth-child(2) {border:1px solid gold !important; }
.grid>div {background-color:blueviolet;}
.grid {border:1px solid red;}
*/
.skift_afdeling {color:orangered; font-weight: bold; margin-left: 150px;}
.skift_afdeling .box { max-width: 350px; min-height: 80px;    padding: 0.4em; text-align: center;  background-color: #1a4064; transition:all 0.2s ease; } 
.skift_afdeling .box:hover { background-color: orangered;  cursor: pointer;  transform:translateY(-3px);}
.skift_afdeling .box:active{ background-color: #223645; color:orangered; transform:translateY(1px);}
.skift_afdeling .p_large {font-size: 1.2em; font-weight: bold; letter-spacing: 2px; color: white;}
.skift_afdeling .p_small {font-size: 12px; font-weight: 500; color: white;}
.skift_afdeling .box:hover .p_large {color:white;}
.skift_afdeling .box:active .p_small {color: white;}

.skift_afdeling .box {border-left:10px solid orangered; border-radius: 15px;}
.skift_afdeling .box:hover {box-shadow:0 10px 28px rgba(255, 255, 255, 0.7);}
.skift_afdeling .box {box-shadow:0 4px 10px rgba(255, 255, 255, 0.25);}


.bg_blue {background-color: #1a4064;}
.bg_orange {background-color: #f7ede4;}
.shadow {box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.396);}

.left .div {padding-left: 1em; display: inline-block;}
.left h1 { padding-bottom: 0.2em; padding-top: 0.5em; margin-bottom: 0.5em;}
.grid {display:grid; }
.grid {grid-template-columns: 1fr;}
.grid>div { margin: 1em;}
.grid img {width: 100%; height: auto;}
.container {display: flex; justify-content: center; }
.flexBox_Center {display: flex; flex-wrap: wrap; width: 100%; max-width: 1400px;}
.flexBox_Center .left,
.flexBox_Center .right,
.flexBox_Center .left_60,
.flexBox_Center .right_40,
.flexBox_Center .div100 {width: 100%;}

.flexBox_Center .right_40 {padding-left: 0;}
.flexBox_Center .left_60 {padding-bottom: 5em;}

.flexBox_Center .left_90,
.flexBox_Center .right_10 {width: 100%;}

.side_Padding {padding-left: 1em; padding-right: 1em;}

.marginUp {z-index: 2; margin-top: -6.5em; background-color: white; padding-top: 0em; border-top-left-radius: 5px; border-top-right-radius: 5px;}


.skift_afd {display: flex; gap: 1em;}
/* Top logo*/
.logo {padding-top: 1em; padding-bottom: 0.5em;}
.logo img { width: 350px; max-width: 100%;}


/* Top img */
.topimg_bg {background-image: url("images/bg/bg.jpg?v4"); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.topimg {display: flex; flex-direction: column; justify-content: center;}
.topimg .long_text {width: 50%; font-size: 14px;  font-weight: 500; margin-bottom: 4em;}
.topimg .kontakt {display: flex}
.topimg .kontakt .tel{margin-right: 5em;}
.topimg a{text-decoration: none; font-size: 1em; font-weight: bold; text-transform: uppercase;}
.topimg .icon {font-size: 1em; padding-right: 0.2em;}
.topimg_bg {display: none;}
x.topimg_bg *{border:1px solid red;}
.topimg .flex {display: flex;}
.topimg .flex .col_1 {margin-right: 5em;}




/* Footer */
.footer_bg { background-color: #1a4064; padding-top: 10em; }
.footer * {color:white; text-align: center;}
.footer {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.footer>div {width: calc(100%/1); margin-bottom: 2.5em; padding-bottom: 2.5em; border-bottom: 1px solid #223645;}
.footer>div:last-child{margin-bottom: 0; border: 0;}
.footer img {width:36px; display: inline-block; margin-left: 0.5em;}
.footer h1 {margin-bottom: 0.1em; font-weight: 200;}
.footer p {font-weight: 200;}
.footer a{text-decoration: none;}
.copyright {text-align: center; }
.copyright * {color:#223645 !important; text-decoration: none;}

/* Det frie sygehusvalg */
.frieSygehus_bg { background-color: #1a4064; /*box-shadow: #e4eff7 0px 1px 500px -100px inset; */ background-image: url("images/andet/ventertid.png?v3"); background-repeat: no-repeat; background-size: 849px 100%;  background-position: center 5em; position: relative;}
.frieSygehus_bg *{color: white;}
.frieSygehus_bg p {font-weight: 300;}
.frieSygehus_bg h1 {font-weight: 500; font-size: 3em; padding-bottom: 1em;}
.frieSygehus_bg img {display: block; padding-bottom: 2em; width: 100px; height: auto;}
.frieSygehus_bg a {text-decoration: none; color: skyblue;}
.frieSygehus {padding: 7em 0 5em 0;  align-items: center; display: flex; flex-direction: column; flex-shrink:1;}


/* Samarbejdspartnere */
x.partner_bg * {border:1px solid red;}
.partner_bg {background-color: whitesmoke;}
.partner {padding: 10em 0 10em 0;}
.partner .item {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.partner .item img {width: auto; height: 50px; margin: 1em;}
.partner h1 {padding-bottom: 1em; font-weight: 300;}

/* Top link */
.topLink_container {display:flex; justify-content: space-between;}
.topSocial_icon ul {list-style: none; margin: 0; padding: 1em 0 1em 0;}
.topSocial_icon li {display: inline-block; margin-right: 0.5em; }
.topSocial_icon li:last-child{margin: 0;}
.topSocial_icon img {width: 36px;}
.topLink ul {list-style: none; margin: 0; padding: 1.5em 0 1em 0;}
.topLink li {display: inline-block; margin-right: 2em; }
.topLink li:last-child{margin: 0;}
.topLink a {color:white; text-decoration: none; padding: .5em 0 1em 0; }
.topLink a:hover {color:#fe7b00; }
.topLink a::before {content: ''; display: block; width: 0;  border-top: 1px solid white; transition: all ease-in-out 200ms;}
.topLink a:hover::before {width: 100%; }


/* Intro */
.intro_bg {background-color: whitesmoke;}
.intro {padding: 10em 0 15em 0;  align-items: center; display: flex; flex-direction: column; flex-shrink:1;}
.intro div p:nth-child(1) {font-weight: bold; margin-bottom: -1em;}
.intro div p:nth-child(2) {font-weight: bold; font-size: 2em;}
.intro div p:nth-child(3) {font-weight: bold; font-size: 1em; text-align: right;}
.intro .text{margin-top: 2em; padding: 0 10% 0 10%; text-align: center;}


/* page datailes*/
.page_datail {padding-bottom: 5em;}
.page_datail h1 {padding-bottom: 0.2em; padding-top: 0.5em; margin-bottom: 0.5em;}
.page_datail img {margin-bottom: 2em; width: 100%;}
.page_datail .privatlivspolitik ul {padding-left: 3em;}
.page_datail .pris_bg { background-color: silver;     padding: 1em 0.5em 1em 0.5em; font-size: 1em;}
.page_datail .pris .item {display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: 0.5em; border-bottom: 1px silver solid; padding-bottom: 1em; margin-bottom: 1em; }
.page_datail .pris .item p {font-size: 90%;}
x.page_datail .pris .item>* {border:1px solid red;}
.page_datail .pris .item div:last-child {text-align: right; font-weight: bold;}
/*Speciallægeundersøgelser*/
.page_datail .udersogelse {display: flex; flex-wrap: wrap;}
.page_datail .udersogelse .item {padding: 1em; position: relative; width: 100%; }
.page_datail .udersogelse .item>a>.text {position: absolute; right: 1em; left: 1em; display: block; bottom: 4em; color: white;  background-color:hsla(209, 59%, 25%, 0.7) !important; text-align: center; padding-top: 1em; padding-bottom: 1em;} 
.page_datail .udersogelse .item .img {overflow: hidden;}
.page_datail .udersogelse .item img {width: 100%; height: auto; margin: 0;  -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.page_datail .udersogelse .item:hover img {transform: scale(1.2);}
.page_datail .udersogelse .item:hover .text {background-color: red !important;}
.page_datail .ul_list_1 {margin-left: 1em;}
/*helbred us*/
.page_datail .udersogelse .item_helbred {padding: 1em; position: relative; width: 100%; }
.page_datail .udersogelse .item_helbred .text {position: absolute; right: 1em; left: 1em; display: block; bottom: 4em; color: white;  background-color: hsla(209, 59%, 25%, 0.7); text-align: center; padding-top: 1em; padding-bottom: 1em;} 
.page_datail .udersogelse .item_helbred .img {overflow: hidden;}
.page_datail .udersogelse .item_helbred img {width: 100%; height: auto; margin: 0;  -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.page_datail .udersogelse .item_helbred:hover img {transform: scale(1.2);}
.page_datail .udersogelse .item_helbred:hover .text {background-color: red;}
.page_datail .sub_headline {margin-bottom: -1.5em; margin-top: 1.5em;}
.konsulent img {max-height: 200px; width: auto; border-radius: 10px; float: left; padding-right: 1em;}
/* Vores yderlser*/
.yderlser_bg {padding-bottom: 5em;}
.yderlser_flex { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; padding-left: 1em; padding-right: 1em; }
.yderlser_flex>.colum {display: flex; flex-direction: column; width:100%; justify-content: space-between; margin-bottom: 4em; text-align: center;}
.yderlser_flex>.colum img {width: 100%; height: auto; display: block; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.yderlser_flex>.colum>div>.headline {display: block; background-color: #1a4064; color: white; padding: 1em; }
.yderlser_flex>.colum .text {display: block; padding: 2em;}
.yderlser_flex>.colum .laesmere {display: block; padding: 0 1em 1em 1em;  margin-bottom: 1em;}
.yderlser_flex>.colum .laesmere a{border:1px solid #fe7b00;  font-weight: 500; padding: 0.5em; border-radius: 5px; text-decoration: none; font-size: 14px;}
.yderlser_flex>.colum .laesmere a:hover {background-color: #fe7b00; color:white;}
.yderlser_flex>.colum:hover img {transform: scale(1.2);}

/*Andre yderlser*/
.andre_yderlser {margin-bottom: 1.5em; border-bottom:1px solid rgba(0, 0, 0, 0.3); padding: 1em 0em; display: flex;}
.andre_yderlser .headline {font-weight: bold; font-size: 1.2em;}
.andre_yderlser .laesmere {color: #fe7b00; }
.andre_yderlser .laesmere:hover {font-weight: bold;}
.andre_yderlser .img {width: 400px; padding-right: 3em; display: none;}

.pris_moms {font-weight: 300;}
.pris_moms::before {content: ' '; display: inline-block; width: 2em;}
x.yderlser_flex * {border:1px solid red;}
/*
.yderlser_flex .zoom_anim {display: flex; flex-direction: column; }
.yderlser_flex>div {width: 33%;}
.yderlser_flex>div p {padding: 1em; text-align: center;}
.yderlser_flex>div .headline {color: white;}
.yderlser_flex>div img {max-width: 100%;}


/* Vores team */
.team_group {width:100%; margin:0 0 65px;}
.team_group h2 {font-size:26px; font-weight:600; color:var(--medin-dark); margin:0 0 28px; padding-bottom:12px; border-bottom:2px solid var(--medin-blue);}
/* .members {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:35px 25px;} */
.members {display: flex;
    gap: 30px;
    margin-bottom: 5em;
    flex-wrap: wrap;}


.member {width:150px; background:#fff;}
/* .member .img {width:100%; aspect-ratio:4/3; overflow:hidden; background:var(--medin-light); }
.member .img img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.member .name {font-size:18px; line-height:1.3; font-weight:600; color:var(--medin-dark); margin:14px 0 5px;} */ */
/* .member .title {font-size:14px; line-height:1.5; color:var(--medin-gray); margin:0 0 5px;}
.member .email {font-size:14px; line-height:1.5; margin:0;}
.member .email a {color:var(--medin-blue); transition:color .2s ease;}
.member .email a:hover {color:var(--medin-red); text-decoration:underline;} */
/* .team_sub_group {display: block; width: 100%;}
.Box_Center {
    width: 100%;
    max-width: 1400px;
}
.ledelse {display: flex; flex-direction: row;}
.team_sub_group_title {margin-top: 1em;}
.team_sub_group .member {display: flex; flex-direction: row;}
.team_sub_group .member .name {font-weight: normal;} */


/* RIGHT SIDE*/
.rightSide {padding: 1em 1em 1em 1em;}
.rightSide>div {border:1px solid silver; padding: 2em; border-radius: 5px;  background-color: rgba(192, 192, 192, 0.05);}
/* .rightSide .news {margin-bottom: 2em; border-bottom: 1px solid silver; padding-bottom: 1em; padding-right: 1em; }
.rightSide .news:last-child{border-bottom: 0;}
.rightSide .news .headline {font-weight: 600; padding-bottom: 0.5em;}
.rightSide .news .text {font-weight: 300; font-size: 90%;}
.rightSide .news .date {font-size: 90%; color: silver;} */
/* .rightSide .news img {float: left; height: auto; width: 150px; border:1px solid silver; border-radius: 5px; margin: 0 1em 1em 0;} */
.rightSide .quickLink  ul {padding-left: 1.5em;}
.rightSide .quickLink  ul li{ list-style: square; padding: 0.5em;}
.rightSide .quickLink a {color: #223645;}
.rightSide .quickLink2 .item a{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; text-decoration: none;}
.rightSide .quickLink2 .item img{ width: 40px; height: auto; margin-right: 1em;}
.rightSide .quickLink2 .item {border-bottom: 1px solid rgb(231, 230, 230); padding-bottom: 1.5em; margin-bottom: 1.5em;}


/* Mobil menu*/
.mobil_menu img {width: 100px; height: auto;}
.mobil_menu .mobil_menu_flex {display: flex; justify-content: space-between;  align-items: center; flex-direction: row;}
.mobil_menu .menu {border:1px solid black;padding: 1.2em 0.5em; cursor: pointer; border-radius: 5px;}
.mobil_menu .hamburger {width: 36px; height: 2px; background-color: black; position: relative;  display: block; }
.mobil_menu .hamburger::before {content: ''; display: block; top:-5px; width: 100%; height: 2px; background-color: black; position: absolute;}
.mobil_menu .hamburger::after {content: ''; display: block; top:5px; width: 100%; height: 2px; background-color: black; position: absolute;}
#mobilMenu {display: none; z-index: 10; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgb(0, 0, 0, 0.9);}
#mobilMenu .mobilMenu_bg {width: 400px; max-width: 100%; background-color: white; height: 100vh; padding: 1em; overflow-y: scroll;}
#mobilMenu .mobilMenu_bg .top{display: flex; justify-content: space-between; align-items: center;}
#mobilMenu .mobilMenu_bg>.top>.logo {padding: 0; margin: 0;}
#mobilMenu .mobilMenu_bg>.top>.luk {padding: 0.2em 0.5em; color: red; font-size: 1.5em; font-weight: bold; border:1px solid red; border-radius: 5px;}
#mobilMenu .mobilMenu_bg>.top>.logo img {width: 100px;}
.lock-scroll {overflow: hidden;}
x#mobilMenu * {border: 1px red solid;}
.mobilMenu_links {padding-left: 1em;}
.mobilMenu_links h2 {margin-top: 1em; color: black; font-weight: 300; font-size: 1.2em; }
.mobilMenu_links hr {margin-top: 1em; height: 1px; border:0; border-bottom: 1px solid rgb(0, 0, 0, 0.05);}
.mobilMenu_links a{text-decoration: none; color: #1a4064; font-weight: bold;}
.mobilMenu_links p{padding-left: 1em;}
.mobilMenu_links p::before {content: ''; width: 12px; height: 12px; background-color: #1a4064; display: inline-block; margin-right: 0.5em;}
.mobilMenu_links .skift_afd::before {content: ''; width: 12px; height: 12px; background-color: orangered; display: inline-block; margin-right: 0.5em;}

.mobil_menu { display: block;}
.logo_desktop {display: none;}
.link_desktop {display: none;}
.mobil_OnOff {display: none;}

x#mobilMenu {display: block;}


.vagt_ordning {
    border-left:5px solid #fe7b00;
    border-right:5px solid #fe7b00 !important;
    border-top:1px solid #fe7b00;
    border-bottom:1px solid #fe7b00;
    background-color: whitesmoke;
    padding:2em;
    margin-left: 1em; margin-right: 1em; 
    border-radius: 15px;
    
}

.vagt_ordning .news {
    color:#fe7b00;
    font-size: 0.5em;
    font-weight: bold;
}


@media only screen and (min-width: 576px) {

    .yderlser_flex>.colum {width:calc((95% - 1em)/2);}
    .page_datail .udersogelse .item {width: 50%;}
    .page_datail .udersogelse .item_helbred {width: 50%;}
    .intro div p:nth-child(2) {font-weight: bold; font-size: 3.5em;}
    /* .members .member {width: calc(100%/12*4);}     */
    
}
@media only screen and (min-width: 992px) {
    .mobil_OnOff {display: block;}
    .mobil_menu { display: none;}
    .logo_desktop {display: flex;}
    .link_desktop {display: flex;}
    .topimg_bg{display: flex;}
    .rightSide {padding: 1em 1em 1em 2em;}
    .footer>div {width: calc(100%/3); margin-bottom: 5em; border-bottom: 0;}
    /* .members .member {width: calc(100%/12*2);} */
    .page_datail .udersogelse .item {width: calc(100%/3);}
    .andre_yderlser .img {display: block;}

  


    /*.yderlser_flex>.colum {width:calc((99% - 3em)/3);}*/

    .intro div p:nth-child(2) {font-weight: bold; font-size: 3.5em;}
    .flexBox_Center .left {width: 70%;}
    .flexBox_Center .right {width: 30%;}
    .flexBox_Center .left_60 {width: 60%;}
    .flexBox_Center .right_40 {width: 40%; padding-left: 5em;}
    .flexBox_Center .left_90 {width: 90%;}
    .flexBox_Center .right_10 {width: 10%;}
}
@media only screen and (min-width: 1400px) {
    .intro div p:nth-child(2) {font-weight: bold; font-size: 3.5em;}

}

.textarea ul{ margin-left: 1em; }

/* *{border:1px solid red;} */
.valgte_city {color: #ff5a00; font-weight: 300; background-color: #17395b; border-radius: 10px; padding:  10px; margin-bottom: 1em; font-weight: 500;}
.valgte_city span { color: white; letter-spacing: 2px; text-transform: capitalize; font-weight: 300;}

.hero_topimg {min-height:520px; background:url('images/bg/bg.jpg') center center/cover no-repeat; position:relative; overflow:hidden;}
.hero_overlay {min-height:520px; background:linear-gradient(90deg, rgba(186,214,241,0.82) 0%, rgba(171,204,236,0.74) 35%, rgba(81,120,163,0.18) 58%, rgba(7,18,32,0.48) 100%);}
.hero_inner {min-height:520px; max-width:1400px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:60px; padding-top:40px; padding-bottom:40px;}
.hero_left {flex:0 0 48%; max-width:650px;}
.hero_right {flex:0 0 52%; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; padding-top:120px;}
.hero_text {max-width:620px; color:#17395b; font-size:17px; line-height:1.6; font-weight:500; margin-bottom:55px;}
.hero_info_row {display:flex; gap:70px; flex-wrap:wrap;}
.hero_info_box {min-width:190px;}
.hero_info_line {display:flex; align-items:center; gap:10px; margin-bottom:26px;}
.hero_icon {display:inline-flex; align-items:center; justify-content:center; font-size:21px; color:#17395b; line-height:1;}
.hero_icon img {width:18px; height:18px; display:block;}
.hero_link a {color:#17395b; text-decoration:none; font-size:16px; font-weight:800; text-transform:uppercase; letter-spacing:0.3px;}
.hero_link a:hover {text-decoration:underline;}
.hero_info_label {font-size:16px; font-weight:500; color:#17395b; margin-bottom:5px;}
.hero_info_text {font-size:18px; line-height:1.45; color:#17395b; font-weight:500;}
.hero_switch_title {font-size:18px; font-weight:500; color:#ff5a00; margin-top: 1em; }
.hero_switch_list {display:grid; grid-template-columns:repeat(2, minmax(260px, 1fr)); gap:16px; width:100%; max-width:650px;}
.hero_city_card {min-height:82px; background:#1f4c79; border-radius:16px; text-decoration:none; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:16px 18px 16px 26px; position:relative; box-shadow:0 14px 28px rgba(0,0,0,0.22); transition:0.2s ease;}
.hero_city_card:before {content:""; position:absolute; left:0; top:0; bottom:0; width:12px; background:#ff5a00; border-radius:16px 0 0 16px;}
.hero_city_card:hover {transform:translateY(-2px); background:#295c8b; box-shadow:0 18px 34px rgba(0,0,0,0.28);}
.hero_city_name {color:#fff; font-size:17px; font-weight:900; letter-spacing:1.4px; margin-bottom:6px;}
.hero_city_desc {color:#fff; font-size:11px; line-height:1.45; font-weight:700; text-transform:uppercase;}
@media (max-width:1180px) {.hero_inner {flex-direction:column; align-items:flex-start; gap:35px;} .hero_left,.hero_right {flex:0 0 100%; max-width:100%; width:100%; padding-top:0;} .hero_switch_list {max-width:100%;}}
@media (max-width:768px) {.hero_topimg,.hero_overlay,.hero_inner {min-height:auto;} .hero_inner {padding-top:28px; padding-bottom:28px;} .hero_text {font-size:16px; margin-bottom:28px;} .hero_info_row {flex-direction:column; gap:24px;} .hero_switch_list {grid-template-columns:1fr;} .hero_info_text {font-size:17px;}}

.team_title {display:block; width:100%; margin:2em 0 0;}

.team_group {display:block; width:100%; margin:0 0 60px;}

.team_group_title {margin:0 0 25px; font-size:24px; font-weight:700;}

.team_members {display:flex; flex-wrap:wrap; align-items:flex-start; gap:30px;}

.team_member {flex:0 0 180px; width:180px;}

.team_member_image {width:180px; height:220px; margin-bottom:12px; overflow:hidden;}

.team_member_image img {width:100%; height:100%; object-fit:cover; object-position:center top;}

.team_member_name {margin:0 0 4px; font-size:16px; font-weight:600;}

.team_member_email {margin:0; font-size:14px;}

.team_member_email a {text-decoration:underline;}

@media (max-width:600px) {
.team_members {gap:20px;}
.team_member {flex:0 0 calc(50% - 10px); width:calc(50% - 10px);}
.team_member_image {width:100%; height:auto; aspect-ratio:4/5;}
}