/*
Theme Name: Praxis Kovacs
Theme URI: https://www.kovacs-plastische-chirurgie.de
Author: Praxis Prof. Dr. med L. Kovacs
Author URI: https://www.kovacs-plastische-chirurgie.de
Description: Custom Theme - Praxis Kovacs Theme
Version: 3.1
*/

/* FONTS */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/libre-franklin-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
         url('fonts/libre-franklin-v13-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Libre Franklin';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/libre-franklin-v13-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
         url('fonts/libre-franklin-v13-latin-300italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/libre-franklin-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
         url('fonts/libre-franklin-v13-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Libre Franklin';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/libre-franklin-v13-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
         url('fonts/libre-franklin-v13-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/libre-franklin-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
         url('fonts/libre-franklin-v13-latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Libre Franklin';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/libre-franklin-v13-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
         url('fonts/libre-franklin-v13-latin-500italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* GENERAL */
.has-white-color,
.has-white-color a,
.has-white-color a:hover {
    color: #fff;
}
.has-text-align-center,
.aligncenter {
    width: 100%;
    text-align: center;
}
.is-style-p-width-900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .has-text-align-right.mcenter {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .headspacer { display: block !important; }
    #header { position: fixed !important; z-index: 1000; }
}

#header-infozeile {
    z-index: 10001;
    border-bottom: 1px solid #E5E9EA;
    width: 100%;
    text-align: right;
    color: #BCBCBD;
    display: block;
}
#header-infozeile ul {
    max-width: 1100px;
    margin: 10px 20px;
    font-size: 14px;
}
#header-infozeile ul.infozeile-desktop {
    display: none;
}
#header-infozeile ul li {
    display: inline;
    margin: 0;
}
#header-infozeile ul li a {
    color: #BCBCBD;
    text-decoration: none;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding-right: 10px;
    margin-right: 10px;
}
#header-infozeile ul li a span {
    padding-left: 6px;
}
#header-infozeile p {
    font-size: 18px;
}
@media screen and (min-width: 1024px){
    #header-infozeile ul {
        margin: 10px auto;
        padding: 0 20px;
    }
	#header-infozeile ul.infozeile-desktop {
        display: flex;
    }
    #header-infozeile ul.infozeile-desktop li:first-child {
        margin-right: auto;
    }
    #header-infozeile ul.infozeile-desktop li:first-child a {
        color: #F8A548;
        padding-right: 0;
    }
    #header-infozeile ul.infozeile-desktop li:first-child i {
        position: absolute;
        font-size: 18px;
    }
    #header-infozeile ul.infozeile-mobile {
        display: none;
    }
}
@media screen and (max-width:1200px) {
    .headspacer {
        height: 150px !important;
    }
    .logo img {
        max-height: 65px;
        width: auto;
    }
}
@media screen and (min-width:769px) {
}
.menu-item-18 ul.sub-menu,
.menu-item-1764 ul.sub-menu {
    left: auto !important;
    width: auto !important;
    padding: 0 2rem 0 0 !important;
}
.menu-item-18 ul.sub-menu li a,
.menu-item-1764 ul.sub-menu li a {
    display: inline-block;
    width: 100%;
    font-size: 14px !important;
    margin-left: 15px;
    position: relative;
    line-height: 16px;
    color: #444 !important;
}
.menu-item-18 ul.sub-menu li a:hover,
.menu-item-1764 ul.sub-menu li a:hover {
    color:#f6a548 !important;
}
.menu-item-18 ul.sub-menu li a:before,
.menu-item-1764 ul.sub-menu li a:before {
    position: absolute;
    content: '\f101';
    font-family: "Font Awesome 6 Free";
    font-size: 10px;
    margin-left: -15px;
    color:#f6a548;
}

.btnbig2 {
    padding: .7em 1em !important;
    width: 100%;
    font-size: 0.85em;
}

.page-id-2238 .inhalt h2 {
	text-align:center;
}

.page-id-2238 .inhalt p {
	text-align:center;
}

.arrow {
	color:#f6a548 !important;
}

body {
    overflow-x: hidden;
}

.slick-slide {
    position: relative;
}

@media screen and (max-width:768px) {
    #header-infozeile ul li a span {
        display: none !important;
    }
    .logo img {
        max-height: 65px;
    }
    .headspacer {
        height: 100px !important;
    }
    #header .b-3 {
        padding: 1rem 2rem;
    }
    body.home .slideoverlay {/* Remove when live */
        display: block;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: 0.75;
        position: absolute;
        left: 0;
        top: 0;
    }
    .slider_wrapper .fa-solid {
        bottom: -20px;
        position: absolute;
    }
    .arrow.prev {
        left: 0 !important;
        height: 100%;
        top: 0;
        margin: 0 0 0 1.5rem;
        line-height: inherit;
        text-align:left;
    }
    .arrow.next {
        right: 0 !important;
        height: 100%;
        top: 0;
        margin: 0 1.5rem 0 0;
        line-height: inherit;
    }
    .slider_wrapper .slide .b,
    .slider_wrapper .slide-banner .b,
    .slider_wrapper .slide-zitat .b {
        padding: 4rem 3rem;
    }
    body.home .slider_wrapper .slide .b {
        padding: 4rem 10px;
    }
    .slide .r,
    .slide-banner .r,
    .slide-zitat .r {
        text-align: center;
        position: absolute;
        z-index: 20;
        width: 100%;
    }
}

@media screen and (max-width:425px) {
    .slider_wrapper .slide .b,
    .slider_wrapper .slide-banner .b,
    .slider_wrapper .slide-zitat .b {
        padding: 2rem;
    }
    .slide .r,
    .slide-banner .r,
    .slide-zitat .r {
        position:unset;
    }
    .slideoverlay {
        display:none;
    }
    .slider_wrapper .slide,
    .slider_wrapper .slide-banner,
    .slider_wrapper .slide-zitat {
        background-size: contain !important;
        background-repeat: no-repeat;
        background-color: #fff;
    }
}

.home-cta-banner .wp-block-kadence-rowlayout {
    margin-bottom: 0 !important;
}
.home-cta-banner p {
    margin-bottom: 10px;
    line-height: 32px;
}
.home-cta-banner .wp-block-table .table-responsive {
    margin: 0;
}
.home-cta-banner .wp-block-table tr:hover {
    background: none;
}
.home-cta-banner .wp-block-table td {
    padding: .5em;
    padding-left: 0;
    border: none;
    border-bottom: 1px solid;
    color: #fff;
}

.inhalt .wp-block-kadence-rowlayout.home-cta-columns {
    margin-bottom: 0 !important;
}
.home-cta-columns .wp-block-kadence-column {
    margin-bottom: 70px !important;
}
.home-cta-columns figure img {
    max-width: 232px;
}

.home-cta-kovacs {
    margin-top: -200px !important;
}
.home-cta-kovacs figure img {
    width: auto;
}
@media screen and (max-width: 480px) {
    .home-cta-kovacs {
        padding-left: 10px !important;
    }
}

.home-cta-logos {
    width: 100%;
    margin-bottom: 70px;
}
.home-cta-logos .wp-block-group__inner-container {
    text-align: center;
}
.home-cta-logos .wp-block-image {
    display: inline-block;
    margin: 0 15px 20px;
}
.home-cta-logos img {
    height: 70px;
    width: auto;
}

.home-cta-unten {
    background: #FFFFFF;
    box-shadow: 0px 2px 23px rgba(0, 71, 240, 0.0949775);
    border-radius: 8px;
    margin-bottom: -70px !important;
}

.jameda-columns .kt-has-3-columns .wp-block-kadence-column:nth-child(1) {
    min-width: 250px;
}

.center-nomargin {
    margin: 0 auto;
}

#home-behandlungen {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: 35px;
    text-align: left;
    margin: 50px 0;
}
.home-behandlung {
    background: rgba(248, 248, 248, 0.0001);
    border: 3px solid #EFF3F6;
    box-sizing: border-box;
    border-radius: 15px;
    padding-bottom: 15px;
}
.home-behandlung a {
    text-decoration: none;
}
.home-behandlung img {
    border-radius: 12px;
    margin-bottom: 5px;
}
.home-zeile-1,
.home-zeile-2 {
    font-size: 14px;
    padding: 10px 10px 0;
    text-align: center;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.home-zeile-1 {
    color: #F8A548;
    font-weight: bold;
}
.home-zeile-2 {
    color: #333;
}
@media screen and (max-width: 1024px) {
    #home-behandlungen {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media screen and (max-width: 768px) {
    #home-behandlungen {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-gap: 20px;
    }
}
@media screen and (max-width: 480px) {
    #home-behandlungen {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

#home-posts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 50px;
    text-align: left;
    margin: 50px 0;
}
.home-post {
    display: flex;
    flex-direction: column;
    background: #F8A548;
    height: 100%;
    border-radius: 5px;
}
a:hover .home-post {
    box-shadow: 0px 0px 10px 0px #999;
}
.home-post img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.home-post-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 20px;
    color: #fff;
}
.home-post-content h3 {
    color: #fff !important;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
}
.home-post-content span {
    display: block;
    font-size: 15px;
}
.home-post-content p {
    margin-bottom: 40px;
}
.home-post-content span.home-post-weiterlesen {
    margin: auto 0 5px;
}
.home-post-content span.home-post-weiterlesen i {
    padding-left: 15px;
}
.home-post-content a {
    color: #fff;
    text-decoration: none;
}
.home-post-content a:hover {
    color: #fff;
}
.home-post-content a i {
    position: relative;
    padding-left: 10px;
    transition: right ease 0.5s;
}
.home-post-content a:hover i {
    padding-left: 20px;
}
@media screen and (max-width: 768px) {
    #home-posts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 25px;
    }
    #home-posts a:nth-child(3) {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    #home-posts {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    #home-posts a:nth-child(3) {
        display: block;
    }
    .home-post-content {
        text-align: center;
    }
}

.bottom-slider {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 23px rgba(0, 71, 240, 0.0949775);
    border-radius: 8px;
}

#cookie-notice #cn-notice-text a {
    color: #fff;
}

#slider .btnbig2.we-bigbutton{
  font-size:24px;
	line-height:30px;
	opacity:0.8;
}

#mn > ul .menu-item a {
    line-height: 26px;
}
#mn > ul .menu-item.terminbuchen {
    margin-left: 30px;
}
#mn > ul .menu-item.terminbuchen a {
	background: #FF9000;
	color: #fff;
	transition: background 0.25s;
	padding: 10px 25px;
    text-transform: uppercase;
    border-radius: 50px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
}
#mn > ul .menu-item.terminbuchen a:hover {
	background: #ff9b17;
}

.we-sticky-button-bottom{
	position:fixed;
	right:15px;
	bottom:15px;
	color:#fff;
	font-size:20px;
	line-height:30px;
	background:#f6a548;
	transition:background 0.25s;
	padding:10px 15px;
	text-decoration:none;
	border:1px solid #f6a548;
}

.we-sticky-button-bottom:hover{
	background-color:#525252;
}

.we-sticky-button-bottom.mobile{
	display:none;
	border-radius:100%;
	width:150px;
	height:150px;
	align-content:center;
	text-align:center;
	font-size:18px;
	line-height:26px;
	padding:20px 15px 0;
	
}

#mn .menu li.mega > .sub-menu li .sub-menu li.button > a{
	color:#fff;
	border:none;
	line-height:30px;
	margin:0 15px;
	background:#f6a548;
	padding:10px 15px;
	transition:background 0.25s;
	font-size:22px;
	width:Auto;
}

#mn .menu li.mega > .sub-menu li .sub-menu li.button > a:hover{
	background:#525252;
}

#mn .menu li.mega > .sub-menu li .sub-menu li.button > a:before{
 display:none;
}

@media(max-width:1200px){
	#mn #menu-mn li ul li.button a, 
	#mn #menu-mn li.mega ul li.button a{
		margin:0;
	}
}

@media(max-width:768px){
	.we-sticky-button-bottom{
		display:none;
	}
	
	#menu-mn .button > a{
		display:block;
	}
	
	.we-sticky-button-bottom.mobile{
		display:flex;
	}
}

/* SEITEN */
h2[id]::before,
h3[id]::before,
h4[id]::before {
    content: "";
    display: block;
    height: 160px;
    margin: -160px 0 0;
}
@media (min-width: 992px) {
    h2[id]::before,
    h3[id]::before,
    h4[id]::before {
        height: 150px;
        margin: -150px 0 0;
    }
}

/* FOOTER */
.footer-logos.s {
    padding: 0;
}
body.home .footer-logos {
    display: none;
}

body.home #footer .s {
    padding-top: 90px !important;
}

.footer-oben {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.footer-oben img {
    height: 60px;
    width: auto;
}
@media (max-width: 768px) {
    .footer-oben img {
        margin-bottom: 30px;
    }
}

.f-kol-1 {
    flex: 1;
    padding-left: 70px;
}
.f-kol-2,
.f-kol-3 {
    width: 22%;
}
.f-kol-4 {
    width: 140px;
}
.footer-oben,
.footer-kolumnen,
.footer-unten {
    padding-left: 20px;
    padding-right: 20px;
}
.footer-kolumnen,
.footer-kolumnen a {
    color: #fff;
    text-decoration: none;
}
.footer-kolumnen b,
.footer-kolumnen strong {
    font-weight: 600;
    font-size: 18px;
}
.footer-kolumnen ul {
    margin: 1.5em 0 2rem;
    font-size: 15px;
    list-style: none;
}
.f-kol-1 ul li {
    position: relative;
    margin: 0 0 15px;
}
.f-kol-1 ul li.kol-1-tel a {
    color: #F8A548;
    font-weight: 800;
    font-size: 20px;
}
#footer .f-kol-1 ul li a i.fa-solid {
    position: absolute;
    top: -5px;
    left: -40px;
    background: #fff;
    border-radius: 20px;
    color: #F8A548;
    width: auto;
    margin: 0;
    width: 25px;
    height: 25px;
    padding: 5px;
    font-size: 15px;
}
#footer .f-kol-1 ul li.kol-1-tel a i.fa-solid {
    top: 0;
}
@media (max-width: 768px) {
    .f-kol-1 {
        flex: 1 100%;
        margin-bottom: 35px;
    }
    .f-kol-2, .f-kol-3 {
        width: calc(50% - 70px);
    }
}
@media (max-width: 480px) {
    .f-kol-1, .f-kol-2, .f-kol-3, .f-kol-4 {
        flex: 1 100%;
    }
    .f-kol-2, .f-kol-3 {
        padding: 0 0 30px 70px;
    }
    .f-kol-4 div.footer-jameda-widget {
        float: left !important;
        margin-left: 70px !important;
    }
    .f-kol-4 div.footer-siegel-focus img {
        width: 150px;
        height: auto;
    }
}

.footer-unten {
    flex-direction: column;
    border-top: 1px solid #D8D8D8;
    margin-top: 50px;
    padding: 30px 20px 40px;
    color: #fff;
}
.footer-unten * {
    text-align: center;
}
.footer-unten ul {
    list-style: none;
    margin: 0 0 20px;
}
.footer-unten ul li {
    display: inline-block;
    margin: 0 5px;
}
#footer .footer-unten ul li i.fa-brands {
    background: #fff;
    border-radius: 20px;
    color: #F8A548;
    width: auto;
    margin: 0;
    width: 25px;
    height: 25px;
    padding: 5px;
    font-size: 15px;
}
.footer-unten p {
    margin: 0;
}

/* WP BLOCKS  - GROUP */
.inhalt > [class*="wp-block-"]:not(:last-child),
.inhalt .wp-block-group.has-background,
.inhalt .wp-block-kadence-rowlayout,
.visualizer-front {
    margin-bottom: 70px;
}
.inhalt .nomargin {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.wp-block-group__inner-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* BLOCKS - GUTENSLIDER */
.wp-block-eedee-block-gutenslider.content-change {
    height: auto;
}
.wp-block-eedee-block-gutenslider .wp-block-eedee-block-gutenslide .slide-content>* {
    max-width: 100% !important;
}

/* BLOCKS VISIBILTY */
@media (max-width: 769px) {
    .blocks-no-mobile {
        display: none;
    }
}
@media (min-width: 768px) {
    .blocks-no-desktop {
        display: none;
    }
}

/* BORLABS */
.BorlabsCookie * label {
    width: auto;
}