/*-----| PARAMS |---------------------------------------------------------------------------------------------------------------- WHITE rgba( 255,255,255,1 ) ffffff Grey Light rgba( 228,228,228,1 ) E1E1E1 Grey dark rgba( 122,126,130,1 ) 7A7E82 BLACK rgba( 0,0,0,1 ) 000000 Green bright rgba( 157,196,58,1 ) 95bc3a Green pale rgba( 203,222,147,1 ) ecf2cf Gunmetal rgba( 163,178,194,1 ) A3B2C2 Beige rgba( 236,233,233,1 ) ECE9E9 Z-Stack Header: 1000 Main: 10 Footer: 1 -------| END PARAMS |--------------------------------------------------------------------------------------------------------------*/ /*====================================================================================================================================================== */ /*-----| Skelleton |------------------------------------------------------------------------------------------------------------- */ body { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #000000; line-height: 1.5; overflow-x: hidden; } #skeletable { width: 100%; min-height: 100vH; } #skeletable #skeletable_main { height: 100%; } .container { width: 100%; max-width: 1200px; margin: 0 auto; } .container_wide { width: 100%; max-width: 1920px; margin: 0 auto; } .container_wide .container { max-width: 100%; } /*-----| End Skelleton |------------------------------------------------------------------------------------------------------------- */ /*====================================================================================================================================================== */ /*-----| Header |------------------------------------------------------------------------------------------------------------- */ header { position: relative; z-index: 1000; } section.service { border-bottom: 1px solid #e1e1e1; } section.service .flex_container { padding-bottom: 0; padding-top: 0; } section.service .flex_box { padding-bottom: 0; } section.service label { color: #7A7E82; line-height: 36px; font-size: 21px; cursor: pointer; } section.service label:hover { color: #95bc3a; } section.service input { border: none; } /*header #service { }*/ header #service ul:after { display: block; content: ""; clear: both; } header #service ul li { float: right; list-style: none; } header #service ul li a { display: inline-block; text-decoration: none; padding: 8px 15px; line-height: 20px; font-size: 16px; color: #7A7E82; } header #service ul li.active a, header #service ul li a:hover { color: #95bc3a; } header #service ul li:first-of-type a { font-weight: bold; color: #000000; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } header #service ul li:first-of-type a i { float: right; color: #c82317; margin-left: 10px; line-height: 20px; } header #service ul li:first-of-type a:hover { color: #95bc3a; } header #logo { display: block; width: 25%; height: 105px; background: url("/pages/img/logo-spital-emmental-mit-claim.svg") no-repeat right center; background-size: 90%; } header #logo-venenzentrum { display: block; width: 25%; height: 105px; background: url("/pages/img/logo_venenzentrum.svg") no-repeat right center; background-size: 90%; } header section.navigation > div { position: relative; } header #navigation { max-width: 75%; padding-top: 50px; } header section.navigation > .container > .flex_container { padding: 5px 15px; } header #navigation > ul:after { display: block; content: ""; clear: both; } header #navigation ul li { float: left; list-style: none; } header #navigation ul li.sub { position: relative; } header #navigation ul li a, header #navigation ul li span { display: block; padding: 2px 15px; height: 50px; line-height: 46px; text-decoration: none; /*font-size: 26px;*/ font-size: 24px; color: #7A7E82; cursor: pointer; } header #navigation ul li.nosub:hover a, header #navigation ul li.nosub.current a { padding: 2px 15px 0 15px; color: #95bc3a; border-bottom: 2px solid #95bc3a; } header #navigation ul li.sub.current > a { padding: 2px 15px 0 15px; color: #95bc3a; border-bottom: 2px solid #95bc3a; } header #navigation ul li.sub:hover > a { background: #95bc3a; color: #ffffff !important; } body.department header #navigation ul li.navigation_department > a { background: #95bc3a; color: #ffffff; } header #navigation ul li > ul { display: none; position: absolute; left: 0; top: 50px; padding: 15px; min-width: 100%; border-top: 2px solid #95bc3a; box-shadow: 0 10px 20px rgba( 0,0,0,0.3 ); background: #ffffff; } header #navigation ul li:hover > ul { display: block; } header #navigation ul li > ul li { float: none; padding-left: 10px; } header #navigation ul li > ul li a { display: block; position: relative; font-size: 18px; padding: 0 0 0 20px; white-space: nowrap; color: #7A7E82; border-bottom: 0px solid #e1e1e1; } header #navigation ul li ul li a { height: auto; } header #navigation ul li ul li a:hover { color: #95bc3a; } header #navigation ul li > ul li:last-of-type a { border-bottom: none; } header #navigation ul li.navigation_department:hover > a, header #navigation ul li.navigation_department:hover > span, header #navigation ul li.navigation_department span.open { background: #95bc3a; color: #ffffff !important; } header #navigation div#department { display: none; position: absolute; left: 0; top: 103px; right: 0; z-index: 10000; background: #ffffff; box-shadow: 0 10px 20px rgba( 0,0,0,0.15 ); border-top: 2px solid #95bc3a; border-bottom: 2px solid #95bc3a; } body.department header #navigation div#department { display: flex; } .suche_nach { display: inline-block; text-decoration: none; padding: 8px 15px; line-height: 20px; font-size: 16px; color: #7A7E82; } @media screen and (min-width: 960px){ header #navigation li.navigation_department:hover div#department { display: flex; } } header #navigation div#department ul li { float: none; width: 100%; } header #navigation div#department ul li a { display: inline-block;position: relative; padding: 0 0 0 20px; font-size: 18px; color: #7A7E82; line-height: 1.5; margin-bottom: 5px; } header #navigation div#department ul li a:hover { color: #95bc3a; } header #navigation ul li > ul li a:after, header #navigation div#department ul li a:after { display: inline-block; width: 18px; content: url('/pages/img/link-thin-right-grey.svg'); position: absolute; left: -8px; top: 0px; } body.scrolled header #navigation ul li > ul li a:after, body.scrolled header #navigation div#department ul li a:after { top: 5px; } header #navigation ul li > ul li a:hover:after, header #navigation div#department ul li a:hover:after { content: url('/pages/img/link-thin-right-green.svg'); } @media screen and (min-width: 960px) { .searchFrm_container { width: 24%; } form[name=searchFrm] input[type=text] {display: none;position: absolute;left: 0px; top: 0px; width: 100%;height: 36px; line-height: 28px; font-size: 14px; border: 0px none; text-indent: 9px;border: 6px solid rgba( 203,222,147,1 ); } form[name=searchFrm] input[type=submit] { width: 40px; height: 40px; background-color: rgba( 203,222,147,1 ); background-image: url('/pages/img/svg/icons/white/search-white.svg'); background-size: 20px; background-position: 10px 9px; text-indent: -9000px;position: absolute; right:0px; top: 0px; z-index: 1;background-repeat: no-repeat; cursor: pointer; } form[name=searchFrm].active { position: relative; padding: 0px; height: 36px; overflow: hidden; } form[name=searchFrm].active input[type=text], form[name=searchFrm].active input[type=submit] {display: block !important;} form[name=searchFrm].active input[type=submit]:hover {background-color: rgba( 157,196,58,1 );width: 46px;border-left: 6px solid rgba( 203,222,147,1 );} input[type=text]:focus, textarea:focus, input[type=submit]:focus, select:focus { outline: none; box-shadow: 0 0 5px rgba( 157,196,58,1 ); border: 1px solid rgba( 157,196,58,1 ); } /*input:invalid, textarea:invalid, select:invalid { box-shadow: 0 0 5px rgba( 255,100,100,1 ); }*/ } @media screen and (max-width: 640px) { header #navigation div#department ul li a { display: block;} } #hLogoutMobile { display: none !important; } /*-----| End Header |------------------------------------------------------------------------------------------------------------- */ /*-----| Footer |------------------------------------------------------------------------------------------------------------- */ footer section.footer { background: #f3f3f3; margin-top: 120px; font-size: 16px; } footer section.footer .flex_container .flex_box h1, footer section.footer .flex_container .flex_box p { margin-bottom: 25px; } footer section.footer .flex_container .flex_box a { text-decoration: none; } footer section.footer .flex_container .flex_box a:hover { text-decoration: underline; } footer table.content_table { width: 100%; } footer table.content_table tr td { padding-right: 15px; } footer table.content_table tr td:last-of-type { padding-right: 0; } footer table.footer_map_table { width: 100%; max-width: 300px; } footer table.footer_map_table tr { line-height: 1px; } footer table.footer_map_table tr td img { width: 100%; max-height: 170px; } footer table.footer_map_table tr:last-of-type td:first-of-type { width: 50%; padding-right: 2px; padding-top: 4px; } footer table.footer_map_table tr:last-of-type td:last-of-type { width: 50%; padding-left: 2px; padding-top: 4px; } footer table.footer_map_table tr td a.btn { width: 100%; text-align: center; } footer section.copy { font-size: 16px; } footer section.copy a { display: inline-block; padding-left: 0px; color: #7A7E82; text-decoration: none; } footer section.copy a:hover { color: #000000; } footer section.copy a i { margin-right: 10px; margin-top: 5px; font-size: 40px; } footer section.copy a:hover i.fa-facebook-square { color: #3b5998; } footer section.copy a:hover i.fa-instagram { color: #000000; } footer section.copy a:hover i.fa-linkedin { color: #121314; } footer section.copy a:hover i.fa-youtube-square { color: #ff0000; } footer section.copy a img.topArbeitgeberHealthcare, footer section.copy a img.swissolympic { -webkit-filter: grayscale(100%); filter: grayscale(100%); } footer section.copy a:hover img.topArbeitgeberHealthcare, footer section.copy a:hover img.swissolympic { -webkit-filter: grayscale(0%); filter: grayscale(0%); } @media screen and (min-width: 641px) and (max-width: 959px) { /* Start: Auskommentieren wenn Alter Footer (vor Termin Buchen Button) */ footer > section > div > div > div > article:first-of-type.flex_box.flex_box_3 { width: 100.0% !important; } /* End: Auskommentieren wenn Alter Footer (vor Termin Buchen Button) */ footer .flex_box.flex_box_3 { width: 50.0% !important; } } /* Start: Auskommentieren wenn Alter Footer (vor Termin Buchen Button) */ footer h4:not(:last-child) { margin: 0 0 30px 0; } /* End: Auskommentieren wenn Alter Footer (vor Termin Buchen Button) */ @media screen and (max-width: 641px) { footer table.footer_map_table { max-width: 100%; } } /*-----| End Footer |------------------------------------------------------------------------------------------------------------- */ /*-----| Panorama |------------------------------------------------------------------------------------------------------------- */ #panorama div { background-repeat: no-repeat; background-position: center; background-size: 1920px auto; } #panorama div img { width: 100%; max-height: 350px; } #panorama .summary_container {position:relative;} #panorama .summary { position: absolute; bottom: 50px; left: 15px; width:auto; height: auto; max-width: 60%; background: #fff; padding: 15px; } /*@media screen and (max-width: 1920px) { { background-size: 100% auto; } }*/ #panorama .mobile_panorama_summary {display: none;} /*-----| End Panorama |------------------------------------------------------------------------------------------------------------- */ /*-----| Breadcrumb |------------------------------------------------------------------------------------------------------------- */ #breadcrumb .breadcrumb_container { display: inline-block; font-size: 16px; } #breadcrumb a { color: #7a7e82 } #breadcrumb a.current_page { color: #95bc3a } #breadcrumb a:hover, #breadcrumb a:active { color: #95bc3a } #breadcrumb a i { padding-left: 5px; padding-right: 5px; width: 25px; text-align: right; } #breadcrumb a:first-of-type i { padding-left: 0px; padding-right: 5px; } #breadcrumb a:hover i::before { content: "\f107" } #breadcrumb a:first-of-type:hover i::before { content: "\f015" } #breadcrumb a /*-----| End Breadcrumb |------------------------------------------------------------------------------------------------------------- */ /*====================================================================================================================================================== */ /*-----| MAIN |------------------------------------------------------------------------------------------------------------- */ main { display: block; position: relative; z-index: 10; overflow: hidden; } main .container { background: rgba( 255,255,255,0.5 ); } main section > h6 { display: none; } /*main p { }*/ main p:last-of-type { padding-bottom: 0; } #emergency_det p { font-size: 16px !important; } #emergency_det a.btn-trans { border: 1px solid black; } #emergency_det a.emergency { display: flex; flex-direction: row; width: 58%; } a.btn.btn-trans.emergency { border: 1px solid black; display: flex; flex-direction: row; width: 58%; } a.btn.btn-trans.emergency:before {display: none!important} a.emergency span.number { font-weight: bold; font-size: 36px; margin-right: 15px; } a.emergency span.info { font-weight: normal; font-size: 18px; } h1 { font-size: 48px; /*font-weight: normal;*/ line-height: 1.3; color: #95bc3a; font-weight: 400; } h2 { font-size: 32px; font-weight: normal; line-height: 1.3; color: #7A7E82; } h3 { font-size: 32px; font-weight: normal; line-height: 1.3; color: #7A7E82; } h4 { font-size: 26px; font-weight: normal; line-height: 1.3; color: #95bc3a; } a { color: #7A7E82; text-decoration: none; } a:hover { color: #95bc3a; } .su, .untertitel, h5 { font-size: 21px; font-weight: normal; } .p2, .grauertext { font-size: 16px; color: #7A7E82; } .font_caps { text-transform: uppercase; } .font_center { text-align: center; } .title_line { padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; } .font_red { color: #c82317; } main section.cat p a:not([href$='.pdf']):not([href^='mailto']):not([href^='tel']):not([href^='fax'])::before{ display: none; content: " "; width: 33px; height: 13px; background: url('/pages/img/svg/icons/grey/link-thin-right-grey.svg') no-repeat left;background-size: contain;text-decoration: underline;} main section.cat p a:not([href$='.pdf']):not([href^='mailto']):not([href^='tel']):not([href^='fax']){text-decoration: underline;} /*main section.cat p a:not([href$='.pdf']):hover::before, main section.cat p a:not([href^='mailto']):hover::before, main section.cat p a:not([href^='tel']):hover::before, main section.cat p a:not([href^='fax']):hover::before { background-image: url('/pages/img/svg/icons/green/link-thin-right-green.svg'); }*/ main section.cat p a[href^='mailto']::before, main section.cat p a[href^='tel']::before, main section.cat p a[href^='fax']::before {margin-right: 10px } main section.cat p a[href^='mailto']::before { display: inline-block; content: "\f0e0"; font-family: "FontAwesome";background: none;text-decoration: none; } main section.cat p a[href^='mailto']:hover::before { background: none; } main section.cat p a[href^='tel']::before { display: inline-block; content: "\f095"; font-family: "FontAwesome";background: none;text-decoration: none; } main section.cat p a[href^='tel']:hover::before { background: none; } main section.cat p a[href^='fax']::before { display: inline-block; content: "\f1ac"; font-family: "FontAwesome";background: none;text-decoration: none; } main section.cat p a[href^='fax']:hover::before { background: none; } /*-----| HOME |------------------------------------------------------------------------------------------------------------- */ #emergency { padding: 0; background: #ecf2cf; border-left: 30px solid #ffffff; border-right: 30px solid #ffffff; } /* #emergency #emergency_toggler { min-width: 25%; max-width: 25%; background: #95bc3a; color: #ffffff; font-weight: bold; font-size: 21px; cursor: pointer; } #emergency #emergency_toggler i { float: right; line-height: inherit; } #emergency #emergency_toggler img { width: 25px; margin-top: 3px; float: right; } #emergency.open #emergency_toggler img { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #emergency #emergency_address { max-width: 50%; text-align: center; } #emergency #emergency_tel { max-width: 27%; text-decoration: none; text-align: right; } #emergency #emergency_tel:hover { background: #95bc3a; color: #ffffff; } #emergency #emergency_det { display: none; width: 100%; background: #f1f1f1; padding: 15px 0; border-top: 2px solid #95bc3a; border-bottom: 2px solid #95bc3a; } #emergency #emergency_det > div { } #emergency.open #emergency_det { display: block; } @media screen and (min-width: 641px) and (max-width: 959px) { #emergency #emergency_toggler { max-width: 50%; order: 1; } #emergency #emergency_address { max-width: 100%; width: 100%; order: 3; text-align: center } #emergency #emergency_tel { max-width: 50%; order: 2; } } @media screen and (max-width: 640px) { #emergency #emergency_toggler { max-width: 50%; width: 50%; order: 1; } #emergency #emergency_tel { max-width: 50%; width: 50%; order: 2; } #emergency #emergency_address { display: none; } } */ #emergency { flex-wrap: wrap; } .e_toggler { order: 1; width: 235px; padding: 15px; background: #95bc3a; color: #ffffff; font-weight: bold; font-size: 21px; cursor: pointer; } .e_toggler table { width: 100%; height: 100%; } .e_toggler table td { vertical-align: middle; } .e_toggler table td:first-child { width: 100%; padding-right: 8px; } .e_toggler table td:last-child { line-height: 1px; } .e_toggler table td:last-child img { width: 25px; height: 25px; } .e_addresses { order: 5; flex-grow: 1; padding: 8px 15px; } .e_addresses table { width: 100%; height: 100%; } .e_addresses table td { padding: 7px 0; } .e_addresses table td:first-child { font-size: 16px; line-height: 24px; color: #7A7E82; } .e_addresses table td:last-child { text-align: right; } .e_addresses table tr:first-child td { border-bottom: 2px solid #95bc3a; } .e_det { display: none; order: 10; width: 100%; border-top: 3px solid #95bc3a; border-bottom: 3px solid #95bc3a; background: #f1f1f1; } .open .e_det { display: block; } .e_det > div { padding: 8px; } .e_det > div > article { padding: 7px; } @media screen and (min-width: 641px) and (max-width: 959px){ .e_toggler { width: 33.333%; min-width: 33.333%; } .e_addresses { width: 66.6666%; min-width: 66.6666%; max-width: 66.6666%; padding: 15px 8px; } .e_addresses table { display: block; } .e_addresses table > tbody { display: flex; } .e_addresses table > tbody > tr { display: flex; flex-wrap: wrap; align-content: space-between; width: 50%; } .e_addresses table > tbody > tr > td { display: block; width: 100%; padding: 0 7px; text-align: center !important; } .e_addresses table > tbody > tr:first-child > td { border-bottom: none; border-right: 2px solid #95bc3a; } .e_addresses table > tbody > tr > td > div > span { display: block; } .e_addresses table > tbody > tr > td > div > span > span { display: none; } } @media screen and (max-width: 640px){ .e_det { order: 3; } .e_toggler { width: 100%; min-width: 100%; } .e_addresses { width: 100%; min-width: 100%; max-width: 100%; padding: 15px 8px; } .e_addresses table { display: block; } .e_addresses table > tbody { display: flex; } .e_addresses table > tbody > tr { display: flex; flex-wrap: wrap; align-content: space-between; width: 50%; } .e_addresses table > tbody > tr > td { display: block; width: 100%; padding: 0 7px; text-align: center !important; } .e_addresses table > tbody > tr:first-child > td { border-bottom: none; border-right: 2px solid #95bc3a; } .e_addresses table > tbody > tr > td > div > span { display: block; } .e_addresses table > tbody > tr > td > div > span > span { display: none; } } #hot a:hover .hot_title { color: #95bc3a; text-decoration: underline; } #news .flex_box_33 { padding: 0; } #news .news_box { min-height: 100%; } #news .news_box:hover { background: #f3f3f3; } #news .news_box .news_image { background-repeat: no-repeat; background-position: center; background-size: cover; } #news .flex_box_66 .news_box { display: block; } #news .flex_box_33 .news_box { width: 100%; } #news .flex_box_33 .news_box .news_text { margin-bottom: 15px; } #news .news_title { padding: 15px; } #news .news_text { padding: 0 15px; } #news .news_box:hover .news_text { color: #7A7E82; } #news .news_arrow { display: block; padding: 0 15px 15px 15px; } @media screen and (min-width: 960px) { #news .flex_box_33 .news_box:first-of-type{ margin-bottom: 30px; } } @media screen and (min-width: 641px) and (max-width: 959px) { /* Start: Old */ /* #news .flex_box_33 { width: 100%; } #news .flex_box_33 .flex_container { padding: 0; } #news .flex_box_33 .news_box { width: 50%; border: 15px solid white; } */ /* End: Old */ /* Start: New */ #news .flex_box_33 { width: 50.0%; } #news .flex_box_33 .flex_container { padding: 15px; } #news .flex_box_33 .news_box { width: 100%; border: none; } /* End: New */ } @media screen and (max-width: 640px) { /* Start: Old */ /* #news .flex_box_33 .news_box:first-of-type{ margin-top: -15px; } #news .flex_box_33 .news_box { width: 100%; border: 15px solid white; } */ /* End: Old */ /* Start: New */ #news.flex_container { padding: 15px 0; } #news .flex_box_33 .flex_container { padding: 15px; } /* End: New */ } #event_legend li { list-style: none; padding: 0 15px; line-height: 27px; } #event_legend li div { display: inline-block; width: 16px; height: 16px; margin: 0 6px 0 0; } #event table { width: 100%; } #event table tr.event_month td { padding: 30px 0 10px 0; } #event table tr.event_line td { padding: 15px 0 15px 10px; background: #fff; border-bottom: 1px solid #e1e1e1; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #000/*7a7e82*/; } #event table tr.event_line:hover td { background: #ecf2cf; } #event table tr.event_line td.event_date { font-size: 18px; } #event table tr.event_line td.event_type div { float: left; width: 20px; height: 20px; } #event table tr.event_line td.event_name { width: 100%; white-space: normal; font-size: 18px; } #event table tr.event_line td.event_location { font-size: 16px; padding: 15px 30px 15px 10px; } #event table tr.event_line td.event_arrow { padding: 15px 10px; font-size: 21px; color: #95bc3a; } #event table tr.event_line td.event_arrow img { width: 18px; } #hot a:hover .hot_text { color: #000000; } td.event_value ul {margin-left: 0px; padding: 0px;margin-top: -20px;margin-bottom: -20px;list-style-position: inside!important;} td.event_value ul > br{height: 0px!important; width: 0px!important;display: none;} /*-----| End MAIN |------------------------------------------------------------------------------------------------------------- */ /*-----| Doctor List |------------------------------------------------------------------------------------------------------------- */ section#doctor_filter .flex_container_center { border-top: 1px solid #95bc3a; margin-top: 15px; } section#doctor_filter .l1 { padding: 0 3px; } section#doctor_filter .l1:last-of-type { padding: 0 3px 0 27px; } section#event_filter .flex_box_33 button.b2::after, section#doctor_filter .flex_box_33 button.b2::after { width: 20px; height: 30px; position:absolute; right: 30px; content: " "; background-image: url(/pages/img/svg/icons/grey/arrow-small-down-grey.svg);background-repeat: no-repeat; background-size: contain; background-position: center; } section#event_filter .flex_box_33 button.b2.current::after, section#event_filter .flex_box_33 button.b2:hover::after, section#doctor_filter .flex_box_33 button.b2.current::after, section#doctor_filter .flex_box_33 button.b2:hover::after { background-image: url(/pages/img/svg/icons/white/arrow-small-down-white.svg); } #doctor_list table { width: 100%; } #doctor_list table td { padding: 15px; border-bottom: 1px solid #E1E1E1; line-height: 30px; white-space: nowrap; } #doctor_list tr.row.row_toggler:hover td { background: #ecf2cf; cursor: pointer; } #doctor_list table td:nth-of-type(2) { width: 100%; white-space: normal; } #doctor_list table tr.row_header td { padding: 60px 15px 15px 15px; } #doctor_list table tr.row_header td h2 { line-height: 30px; } #doctor_list.alpha tr.row, #doctor_list.city tr.row { display: none; } #doctor_list tr td.p2 { color: #000000; } #doctor_list tr.row.row_hidden { display: none; } #doctor_list tr.row.row_hidden > td { padding: 0; } #doctor_list tr.row.open.row_hidden { display: table-row; } #doctor_list .dlDetail_toggler { position: relative; width: 30px; cursor: pointer; } #doctor_list .dlDetail_toggler:after { display: block; content: ""; position: absolute; top: 7px; right: 3px; width: 16px; height: 16px; background: url("/pages/img/plus.svg") no-repeat center; background-size: cover; } #doctor_list .open .dlDetail_toggler:before{ display: block; content: ""; position: absolute; top: 4px; right: 0px; width: 22px; height: 22px; background: #ecf2cf; border-radius: 100%; } #doctor_list .open .dlDetail_toggler:after{ background: url("/pages/img/close.svg") no-repeat center; background-size: cover; } #doctor_list .doc_box { background: #f8f8f8; overflow: hidden; padding: 0; max-width: 1240px; } @media screen and (min-width: 1180px) { #doctor_list .doc_box .flex_box_33 { width: 22%; } #doctor_list .doc_box .flex_box_66 { width: 78%; } } #doctor_list .doc_box .doc_box_top_shadow { position: relative; z-index: 1; height: 1px; box-shadow: 0 0 20px rgba( 0,0,0,0.75 ); } #doctor_list .doc_box tr:last-of-type td { border: none; } #doctor_list .doc_box .su { margin-top: 15px; } #doctor_list .doc_box .doc_box_portrait { background-color: transparent; line-height: 1px; text-align:center; } #doctor_list .doc_box .doc_box_portrait img {width: auto; max-height: 280px; max-width: 80%; } #doctor_list .doc_box .doc_box_label { font-weight: bold; padding-left: 0 !important; } #doctor_list .doc_box .doc_publication_box{ background: #f0f1f1; border-top: 2px solid #ffffff; } #art_10846 {width: 100%!important; margin: 0px !important; padding: 15px !important; } table#jobs_list {width:100%} table#jobs_list td { width: 100%;padding: 15px; border-bottom: 1px solid #E1E1E1; line-height: 30px; white-space: nowrap; } table#jobs_list tr.row.row_toggler:hover td { background: #ecf2cf; cursor: pointer; } table#jobs_list td:nth-of-type(2) { width: 30px; } table#jobs_list tr.row_header td { padding: 60px 15px 15px 15px; } table#jobs_list tr.row_header td h2 { line-height: 30px; padding: 0px; margin: 0px; border-bottom: 0px none !important; } table#jobs_list tr td.p2 { color: #000000; } table#jobs_list tr.row.row_hidden { display: none; } table#jobs_list tr.row.row_hidden > td { padding: 0; } table#jobs_list tr.row.open.row_hidden { display: table-row; } table#jobs_list .jobcategory_toggler_icon { position: relative; width: 30px; cursor: pointer; } table#jobs_list .jobcategory_toggler_icon:after { display: block; content: ""; position: absolute; top: 7px; right: 3px; width: 16px; height: 16px; background: url("/pages/img/svg/icons/grey/arrow-small-up-grey.svg") no-repeat center; background-size: cover; } table#jobs_list tr.row_header:hover .jobcategory_toggler_icon:after { background-image: url("/pages/img/svg/icons/green/arrow-small-up-green.svg"); } table#jobs_list tr.close .jobcategory_toggler_icon:after{ background: url("/pages/img/svg/icons/grey/arrow-small-down-grey.svg") no-repeat center; background-size: cover; } table#jobs_list tr.close:hover .jobcategory_toggler_icon:after{ background-image: url("/pages/img/svg/icons/green/arrow-small-down-green.svg"); } table#jobs_list .row_link {text-align:right;background: url("/pages/img/svg/icons/grey/link-thin-right-grey.svg"); background-size: contain;background-position: right;height: 18px; width: 30px; display: block; background-repeat: no-repeat;margin-top: 6px;} table#jobs_list .row_link:hover {background-image: url("/pages/img/svg/icons/green/link-thin-right-green.svg");} #jobs_list tr.row_header td {cursor: pointer;} #jobs_list tr.row_header:hover td {color: #95bc3a;background: none;} #jobs_list tr.row_header:hover td h2{color: #95bc3a;} #jobs_list tr:hover td {background: #ecf2cf;} #jobs_list tr td {cursor: pointer;} /*-----| End Doctor List |------------------------------------------------------------------------------------------------------------- */ /*-----| Box Navigation |------------------------------------------------------------------------------------------------------------- */ section.boxnavigation ul li { list-style: none; } section.boxnavigation ul li a { display: flex; justify-content: center; align-items: center; height: /*128px*/ 110px; } /*-----| List Navigation |------------------------------------------------------------------------------------------------------------- */ section.listnavigation table { width: 100%; border-top: 1px solid #E1E1E1; } section.listnavigation table tr { height: auto; } section.listnavigation table tr td { vertical-align: middle; border-bottom: 1px solid #E1E1E1; color: #7a7e82 !important; cursor: pointer; } section.listnavigation table tr:hover td { background: #ecf2cf; } section.listnavigation table tr.noLink td { background: #ffffff !important; cursor: default !important; } section.listnavigation table tr td.l1 { width: 100%; padding: 15px 20px; } section.listnavigation table tr td.l3 { white-space: nowrap; padding: 0 50px 0 10px; } section.listnavigation table tr td.l3 a { position: relative; display: block; padding-left: 27px;} section.listnavigation table tr td.l3 a:before {display: inline-block;position:absolute;top: 8px; left: 0px;content: " "; width: 33px; height: 13px; background: url('/pages/img/svg/icons/grey/link-thin-right-grey.svg') no-repeat left;background-size: contain;} section.listnavigation table tr td.l3 a:hover:before {display: inline-block;position:absolute;top: 8px; left: 0px;content: " "; width: 33px; height: 13px; background: url('/pages/img/svg/icons/green/link-thin-right-green.svg') no-repeat left;background-size: contain;} /*-----| Geschäftsleitung |------------------------------------------------------------------------------------------------------------- */ section#gl .flex_box { background: #f8f8f8; margin-bottom: 15px; } section#gl .doc_box_portrait { background-color: transparent; background-repeat: no-repeat; background-position: center bottom; background-size: contain; width: auto; max-height: 280px; } section#gl .su { padding: 15px 0 0 0; } section#gl table { width: 100%; } section#gl table td { padding: 15px; border-bottom: 1px solid #E1E1E1; line-height: 30px; white-space: nowrap; } section#gl table td:nth-of-type(2) { width: 100%; white-space: normal; } section#gl .doc_box_label { font-weight: bold; padding-left: 0 !important; } section#gl tr:last-of-type td { border: none; } /*-----| Veranstaltungen |------------------------------------------------------------------------------------------------------------- */ .event_table td { border-top: 1px solid #e1e1e1; } /*.event_table .course_dates td {border-top: 0px none;}*/ .event_table tr:first-of-type td, .event_table tr td.event_no_border { border-top: none; } .event_table .event_label_form, .event_table .event_input { border-top: none; } .event_table .event_label { padding: 10px 30px 10px 0; font-weight: bold; white-space: nowrap; line-height: 28px; } .event_table .event_label_form.event_label_wrap{ white-space: normal; } .event_table .event_value { width: 100%; padding: 10px 0; line-height: 28px; } .event_table .event_label_form { /*width: 33%;*/ padding: 10px 30px 10px 0; font-weight: bold; white-space: nowrap; line-height: 38px; } .event_table .event_label_form.event_label_wrap{ white-space: normal; } .event_table .event_input { width: 100%; padding: 10px 0; line-height: 1; } .event_table .event_input textarea { resize: vertical; } @media screen and (min-width: 960px) { .event_table button[type="submit"] { max-width: 66%; } } /*-----| Article Details |------------------------------------------------------------------------------------------------------------- */ main article.art { font-size: 18px; } main article.art h1 { margin: 15px 0px; } main article.art h2 { margin: 15px 0px; padding: 15px 0px; border-bottom: 1px solid rgba( 228,228,228,1 ); } main article.art p { margin: 15px 0px; line-height: 1.5; } main article.art p:first-of-type { margin-top: 0px; } main article.art.flex_box_2.flex_box_width_1 p:first-of-type {margin-top: 15px;} /* Start: New Listing Style */ main article.art ul li { position: relative; list-style: none; padding-left: 30px; } main article.art ul li:before { display: block; content: ""; position: absolute; left: 2px; top: 11px; width: 4px; height: 4px; border-radius: 50%; background: #000000; } @media screen and (max-width: 640px) { main article.art ul li { padding-left: 27px; } } article.art.art_10000 ul ul { margin: 30px 0 0 0; } article.art.art_10000 ul li { position: relative; list-style: none; margin: 0 0 26px 0; } article.art.art_10000 > ul > li { padding: 0 0 0 27px; } article.art.art_10000 > ul > li > ul > li { padding: 0 0 0 25px; } article.art.art_10000 ul li:before { content: ""; position: absolute; } article.art.art_10000 > ul > li:before { top: 7.5px; left: 0; width: 12px; height: 12px; background: #95bc3a; border-radius: unset; } article.art.art_10000 > ul > li > ul > li:before { top: 7px; left: 0; width: 14px; height: 13px; background: url("/pages/img/second_level_listing.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; border-radius: unset; } article.art.art_10000 ul li a { text-decoration: underline; } @media screen and (max-width: 640px) { article.art.art_10000 > ul > li { padding: 0 0 0 27px; } article.art.art_10000 > ul > li > ul > li { padding: 0 0 0 25px; } article.art.art_10000 > ul > li:before { top: 6px; } article.art.art_10000 > ul > li > ul > li:before { top: 5.5px; } } /* End: New Listing Style */ /*main article.art ul { } main article.art ul li { position: relative; list-style: none; padding-left: 30px; } main article.art ul li:before { display: block; content: ""; position: absolute; left: 2px; top: 11px; width: 4px; height: 4px; border-radius: 50%; background: #000000; } main section.cat article.art.art_10000 ul li {margin-bottom: 15px;} main section.cat article.art.art_10000 ul li a {text-decoration: underline;} main section.cat article.art.art_10000 ul li:before { content: " "; position: absolute; top: 8.5px; left: 0; display: inline-block; width: 10px; height: 10px; background: #7A7E82; border-radius: 0; } @media screen and (max-width: 640px) { main article.art ul li { padding-left: 27px; } main section.cat article.art.art_10000 ul li:before { top: 8.5px; width: 7px; height: 7px; } }*/ /*main article.art div.art_doctor_list { }*/ main article.art div.art_doctor_list_item .art_doctor_box { background: #f3f3f3; padding: 15px; text-align: center; min-height: 100%; position: relative; cursor: pointer; padding-bottom: 40px; } main article.art div.art_doctor_list_item .art_doctor_box:hover {background: #ecf2cf} div.art_doctor_list_item.first .art_doctor_box .doc_box_portrait img { box-shadow: -2px 2px 2px #e1e1e1; } .art_doctor_box .doc_box_portrait img { margin-top: 10px; width: 60%; box-shadow: 2px 2px 2px #e1e1e1; } .art_doctor_box .doc_box_name { font-weight: bold; color: rgba( 122,126,130,1 ); margin: 15px 0px; } .art_doctor_box .doc_box_department { padding-bottom :15px; } .art_doctor_box .doc_box_more { position: absolute; height: 30px; line-height: 30px; border-top: 2px solid rgba( 228,228,228,1 ); margin-top: 15px; width: 100%;left: 0px; bottom: 10px; } .art_doctor_box .doc_box_more .dlDetail_toggler { float: right; position: relative; width: 30px; cursor: pointer;margin-right: 10px; } .art_doctor_box .doc_box_more .dlDetail_toggler:after { display: block; content: ""; position: absolute; top: 10px; right: 3px; width: 16px; height: 16px; background: url("/pages/img/plus.svg") no-repeat center; background-size: cover; } main .cat.cat_1 .flex_container .flex_box:hover { color: #95bc3a;text-decoration: underline; } #frmGenerator12 button.btn.b2 { max-width: 33%; margin-left: auto; margin-right: 0px; } #frmGenerator12 div.flex_box:first-of-type { padding-left: 0px; } #frmGenerator12 div.flex_box:last-of-type { padding-right: 0px; } /*====================================================================================================================================================== */ .blockUI.blockMsg { background: none !important; border: none !important; } .downloads_lst { margin-top: -15px; } .downloads_lst tr { background: none; } .downloads_lst tr:hover { background: #ecf2cf; } .downloads_lst tr td { border: 2px solid #f1f1f1; padding: 15px; border-left: 0px none; border-right: 0px none;word-break: break-all } .downloads_lst tr:first-of-type td { border-top: 0px none; } .downloads_summary_text i.link_iconify_icon { display: none; } /*-----| Gallery Slider Block CSS |------------------------------------------------------------------------------------------------------------- */ main .slider_container .slider {width: 100% !important} main .slider_container .slider .jssorb21 {bottom: 15px !important} main .slider_container .slider > div:first-of-type {width: 100% !important} main .slider_container .slider .slidernavi div {background: #fff; border: 1px solid #95bc3a} main .slider_container .slider .slidernavi div.av {background: #95bc3a} main .slider_container .slider .slider_pn {border: 0px none;width: 50px; height: 60px;} main .slider_container .slider .slider_pn:hover {background-color: rgba(255, 255, 255, 0.8) !important; } main .slider_container .slider .slider_pn.slider_p {background-image: url(/pages/img/svg/icons/grey/arrow-small-left-grey.svg);background-repeat: no-repeat; background-position: center;background-color: transparent;background-size: 25px 40px;} main .slider_container .slider .slider_pn.slider_n {background-image: url(/pages/img/svg/icons/grey/arrow-small-right-grey.svg);background-repeat: no-repeat; background-position: center;background-color: transparent;background-size: 25px 40px;} main .slider_container .slider .slider_pn.slider_p:hover {background-image: url(/pages/img/svg/icons/green/arrow-small-left-green.svg);background-repeat: no-repeat; background-position: center;background-size: 25px 40px;} main .slider_container .slider .slider_pn.slider_n:hover {background-image: url(/pages/img/svg/icons/green/arrow-small-right-green.svg);background-repeat: no-repeat; background-position: center;background-size: 25px 40px;} #loginformbox_popup_container {position:fixed;left: 0px; top: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.9);display: none;} /*#loginformbox_popup {position:absolute; width: 400px; height: 400px; left: 50%; top: 50%;margin-left: -200px; margin-top: -200px;}*/ .login-page { width: 360px; padding: 8% 0 0; margin: auto; } .form { position: relative; z-index: 1; background: #FFFFFF; max-width: 360px; margin: 0 auto 100px; padding: 45px; text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); } .form input[type=text], .form input[type=password]{ font-family: "Roboto", sans-serif; outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px; } .form button { font-family: "Roboto", sans-serif; text-transform: uppercase; outline: 0; background: #4CAF50; width: 100%; border: 0; padding: 15px; color: #FFFFFF; font-size: 14px; -webkit-transition: all 0.3 ease; transition: all 0.3 ease; cursor: pointer; margin-bottom: 5px; } .form button:hover,.form button:active,.form button:focus { background: #43A047; } .form button[type="reset"] { background: #f1f1f1;color: #000; } .form button[type="reset"]:hover,.form button[type="reset"]:active,.form button[type="reset"]:focus { background: #c4c4c4; } .form .message { margin: 15px 0 0; color: #b3b3b3; font-size: 12px; display: none; } .form .message p.error { color: #D56F6F; } #loginformbox_popup { position: relative; z-index: 1; max-width: 300px; margin: 0 auto; } #loginformbox_popup:before, #loginformbox_popup:after { content: ""; display: block; clear: both; } strong.search_str {font-weight: normal !important; color: #c82317;} @media print { header, #panorama, footer, nav, #print_toolbox {display: none!important} .infobox {border: 0px none !important;padding-left: 0px; padding: 0px;} .infobox:after {display: none;} * { color: black; background: white;line-height: 1.2 } table { font-size: 80%; } /*table, */td { /*border-collapse:collapse; border: 1px solid black; width:100%;*/ flex-direction: row; float: left;width: 100%; text-align:left;line-height: 1;border-top: 1px solid #c4c4c4;padding: 2px; } /*table td table,*/ table td table td{flex-direction: column; float: none; line-height: 1.5;padding: 0px;} table.event_table td {width: 100%;} .b1, .b2, .b3 {display: none!important;} } .frm_sent_table td:nth-of-type(1) { padding: 3px 20px 3px 0; font-weight: bold; } .frm_sent_table td:nth-of-type(2) { padding: 3px 0; } .button_sidebar > a { display: flex; justify-content: center; align-items: center; height: 65px; position: relative; width: 100%; padding: 15px; font-size: 18px; line-height: 24px; text-align: center; background: #ecf2cf; color: #7a7e82; border: none; outline: none; cursor: pointer; text-decoration: none !important; margin: 0 0 15px 0; } .button_sidebar:hover > a { background: #95bc3a; color: #ffffff; } .mbw-spital-emmental .mbw-page-wrap { padding: 23px 30px !important; margin: 0 !important; } #frm_container input[type="checkbox"] { display: table; float: left; width: 30px; height: 30px; } #frm_container input[type="checkbox"] + label { float: right; width: calc(100% - 45px); } /* Start: Anpassungen: 14.10.2021 */ .teaser_img_doc_box_portrait { display: none; } /* End: Anpassungen: 14.10.2021 */ /* Start: Anpassungen: 09.11.2021 */ @media screen and (max-width: 1180px) { .art_doctor_list > .flex_box_25 { width: 33.333%; } } @media screen and (min-width: 641px) and (max-width: 959px) { .art_doctor_list > .flex_box_25 { width: 50.000%; } } @media screen and (max-width: 640px) { .art_doctor_list > .flex_box_25 { width: 100.000%; } } /* End: Anpassungen: 09.11.2021 */ /* Start: CMS Linkgrün Klasse */ .link_green a { color: #95bc3a !important; } .link_green a:hover { color: #7A7E82 !important; } /* End: CMS Linkgrün Klasse */ /* Start: CMS Link (markiert) Klasse */ .link_markiert > a { background: #ECF2CF; } /* End: CMS Link (markiert) Klasse */ /* Start: Platzhalter Baustein */ @media screen and (max-width: 640px) { .art_130000 { display: none !important; } } /* End: Platzhalter Baustein */ /************************************ Start: Google Maps ************************************/ .art_map_box { position: relative; overflow: hidden; width: 100%; height: 0; padding: 0 0 66.66666666666667% 0; } .art_map_box > div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .art_map_box > div > iframe { width: 100%; height: 100%; border: none !important; } /************************************ Ende: Google Maps ************************************/ /************************************ Start: Baustein "Partner Logos" ************************************/ .art_160000 > .cms_partnerLogos_box { position: relative; padding: 25px; } .art_160000 > .cms_partnerLogos_box:before { content: ""; position: absolute; z-index: 1; inset: 0; border: 0.5px solid #797D82; transition: all .3s ease-in-out; } .art_160000 > .cms_partnerLogos_box:hover:before { border: 1.5px solid #94BB39; } .art_160000 > .cms_partnerlogos_box > .full_article_link { position: absolute; z-index: 11; inset: 0; } .art_160000 > .cms_partnerLogos_box img { width: 100%; height: 116px; object-position: center; object-fit: contain; } .art_160000 > .cms_partnerLogos_box > .cms_partnerlogos_legende { position: absolute; bottom: 30px; left: 30px; font-size: 16px; font-weight: normal; line-height: 1.3; color: #7A7E82; padding: 5px 10px; background: #ECF2CF; } @media screen and (max-width: 959px) { .art_160000.flex_box { width: 50% !important; } } @media screen and (max-width: 640px) { .art_160000.flex_box { width: 100% !important; } } /************************************ Ende: Baustein "Partner Logos" ************************************/ /************************************ Start: Baustein "Zitat" ************************************/ .cms_zitat_box { position: relative; padding: 50px 30px; background: #ECF2CF; display: flex; align-items: center; gap: 30px 56px; } .cms_zitat_box.cms_zitat_box_fullWidthBg { background: transparent; } .cms_zitat_box.cms_zitat_box_fullWidthBg:before { content: ""; position: absolute; z-index: 1; inset: 0 0 0 -50vW; background: #ECF2CF; width: 150vW; } .cms_zitat_box > img { width: 183px; aspect-ratio: 1 / 1; object-position: center; object-fit: cover; border-radius: 50%; } .cms_zitat_box.cms_zitat_box_fullWidthBg > img { z-index: 2; } .cms_partnerlogos_txtBox { display: flex; align-items: flex-start; gap: 30px; flex: 1; } .cms_zitat_box.cms_zitat_box_fullWidthBg > .cms_partnerlogos_txtBox { z-index: 2; } .cms_zitat_icon { width: 73px; height: 60px; background: url(/pages/img/rueckmeldungen_quote.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .cms_partnerlogos_txt { flex: 1; } .cms_partnerlogos_txt p { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 22px; line-height: 30px !important; color: #000000; text-align: left; padding: 0 0 15px 0 !important; margin: 0 !important; } .cms_partnerlogos_txt > p:last-of-type { padding: 0 !important; margin: 0 !important; } .zitat_small { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; color: #797D82; text-align: left; } @media screen and (max-width: 959px) { .cms_zitat_box { padding: 30px; flex-direction: column; gap: 30px; } .cms_zitat_box > img { width: 175px; } } @media screen and (max-width: 767px) { .cms_partnerlogos_txt p { font-weight: 400 !important; font-size: 20px !important; line-height: 25px !important; } .zitat_small { font-weight: 400 !important; font-size: 18px !important; line-height: 24px !important; } } @media screen and (max-width: 500px) { .cms_partnerlogos_txtBox { flex-direction: column; align-items: center; flex: none; } .cms_partnerlogos_txt { flex: none; width: 100%; } } /************************************ Ende: Baustein "Zitat" ************************************/