/*!
Theme Name: Appointment Child
Template: appointment
*/
@font-face {
  font-family: 'CormorantGaramond';
  font-style: bold;
  font-weight: 700;
  src: url('fonts/CormorantGaramond-Bold.ttf');
}

@font-face {
  font-family: 'CormorantGaramond';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/CormorantGaramond-Regular.ttf');
}

@font-face {
  font-family: 'NotoSans';
  src: url('fonts/NotoSans-VariableFont_wdth,wght.ttf');
}

h1, h2, h3, h4, h5, h6 {
	font-family:CormorantGaramond !important;
	font-weight:bold;
}

body {
	font-family:NotoSans !important;
	overflow-x:hidden;
}

p, .textwidget, .slide-text-bg2 span, .wp-block-list {
	font-family:NotoSans !important;
}

.w-100 {
	width:100% !important;
}

.blog-lg-area-left p {
	color:#000;
}

.blog-lg-area-left .wp-block-list {
	margin-left:40px;
}

ul li {
	font-family:NotoSans !important;
	color:#000 !important;
	font-weight:normal !important;
}

.Service-section li, .leistungen-list li, .icon-section li {
	list-style:none;
}

.Service-section li i, .leistungen-list li i, .icon-section li i {
	color:#CC9900;
}

.list-gold li::marker {
	color:#CC9900;
	font-size:22px !important;
	line-height:18px !important;
}

.section-heading-title {
	text-align:left !important;
	color:#000 !important;
}

.leistungen-list {
	margin-left:40px;
	font-size:15px;
}

.section-heading-title p {
	color:#000 !important;
}

.Service-section .service-area {
	display:none;
}

.Service-section {
	padding-bottom:20px !important;
}

.us-call-to-action-section {
	margin-top:60px;
	margin-bottom:60px;
}

.us-teaser-section {
	padding-top:60px !important;
	margin-bottom:60px;
}

.us-teaser-leistung {
	border:1px solid #c2c2c2;
	padding:12px;
	border-radius:4px;
}

.us-teaser-l-header {
	font-weight:bold;
	font-size:1.0em !important;
	margin-top:18px;
}

.us-teaser-l-text {
	margin-bottom:18px;
	line-height:20px;
	min-height:80px;
}

.us-icons-home {
	text-align:center;
	margin-bottom:30px;
}

.us-icons-home i {
	font-size:3.6rem;
	color:#CC9900;
	margin-bottom:10px;
}

.us-beratungsprozess {
	margin-top:60px;
}

.us-beratungsprozess p {
	color:#000;
}

.appointment_title_head {
	color:#047878;
}

.site-description {
	color:#047878;
	font-weight:bold;
}

.us-call-to-actoin-section {
	padding-top:50px;
	padding-bottom:80px;
	padding-left: 20px;
	padding-right:20px;
	font-size:28px;
	color:#fff;
	background-color: #047878;
	text-align:center;
}

.us-testimonials {
	padding-top:80px;
	padding-bottom:120px;
}

.us-beratungsprozess-usp {
	margin-top:120px;
}

.us-bp-usp {
	margin-bottom:30px !important;
}

.us-beratungsprozess {
	margin-bottom:60px;
}

.us-beratungsprozess-step {
	text-align:center;
}

.us-bp-header {
	font-size:1.1em;
	font-weight:bold;
	color:#CC9900;
}

.us-bp-text {
	font-size:0.8em;
	color:#000;
}

@media (min-width: 768px) {
	.us-bp-header {
	    font-size:1.4em;
        font-weight:bold;
        color:#CC9900;
    }

    .us-bp-text {
        font-size:1.0em;
        color:#000;
    }
}

.slide-text-bg1 h2 {
	font-size:4.4rem !important;
	padding:4px;
	background:none;
	border:none;
	box-shadow:none;
	/*text-shadow: 2px 2px 2px #fff !important;*/
	/*-webkit-text-stroke-width: 1px;
  	-webkit-text-stroke-color: #fff;*/
	/*text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;*/
	color:#047878 !important;
}

.slide-text-bg2 span {
	font-size:1.9rem !important;
	background:none;
	/*text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;*/
    color:#000 !important;
    /*text-shadow: 2px 2px 0px #000 !important;  #cc9900    #047878*/
}

.carousel-inner .item {
    position: relative !important;
}

.carousel-inner .item::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,0.4) !important;
    /*border-top-right-radius:48px;
    border-bottom-right-radius:48px;*/
    z-index: 2 !important;/
}

.slide-caption {
    z-index: 3;
}

@media (max-width: 767.98px) {
	.carousel-inner .item::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.4) !important;
        border-top-right-radius:0;
        border-bottom-right-radius:0;
        z-index: 2 !important;
    }
}

nav {
	position:sticky !important;
	top:0px;
	z-index:9999;
	background-color:#fff !important;
}

.homepage-mycarousel .carousel-inner .slide-text-bg1 {
	padding-top:60px;
}

.homepage-mycarousel .carousel-inner .slide-text-bg2 {
	padding-bottom:60px;
}

.Service-section .section-heading-title {
	margin-bottom:100px;
	margin-top:20px;
}

.Service-section {
	padding-bottom:80px;
}

.footer-section a {
	color:#000 !important;
	text-decoration:none !important;
}

.related-post-section, .comment-title, .blog-author, .post-navigation {
	display:none !important;
}

.media-body {
	border-bottom:none !important;
}

.footer-widget-column {
	font-size:1.1em;
}

.blog-section .media-body, .blog-section .blog-sm-box {
	width:100%;
}

.blog-section .blog-sm-area {
	margin-left:40px;
	margin-right:40px;
}

.us-slider-icon-mail a, .us-slider-icon-tel a {
	color:#fff;
	text-decoration:none;
}

.us-slider-icon-mail a:hover, .us-slider-icon-tel a:hover {
	color:#fff;
	text-decoration:none;
}

.us-teaser-section .us-teaser-leistung {
	border:1px solid #fff !important;
}

.us-teaser-section .us-teaser-leistung:hover {
	border:1px solid #047878 !important;
}

/* =====================================================*/
/* Slider  1*/
/* =====================================================*/
#drawer {
	position: absolute;
    right: 0;
    top: 110px;
    height: 60px;
	overflow: hidden;
	z-index:1;
}
@media (min-width: 768px) {
	#drawer {
	    position: absolute;
        right: 0;
        top: 110px;
        height: 60px;
        overflow: hidden;
        z-index:1;
    }
}
#drawer > div {
	height: 50px;
    border-right: 1px solid #fff;
    float:left;
}
.slider_pic {
	width:80%;
	padding-top:10px;
	padding-left:10px;
}
#drawer-handle {
	width: 50px;
    background-color: #cc9900;
    color:#ffffff;
    cursor:pointer;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
#drawer-handle:after {
	<!-- position: absolute;
    top: 50%;
    padding: 5px; -->
}
#drawer-content {
	width: 295px;
    margin-right: -295px;
    color:#fff;
    font-size:14px;
    border:0px solid #cc9900;
    text-align:left;
    background-color:#cc9900;
}
#drawer-content > p {
	padding: 0px;
	margin-left:0px;
	margin-top:-16px;
	background-color:#cc9900;
}

/* =====================================================*/
/* Slider 2 */
/* =====================================================*/
#drawer2 {
	position: absolute;
    right: 0;
    top: 170px;
    height: 190px;
	overflow: hidden;
	z-index:1;
}
@media (min-width: 768px) {
	#drawer2 {
	    position: absolute;
        right: 0;
        top: 170px;
        height: 190px;
        overflow: hidden;
        z-index:1;
    }
}
#drawer2 > div {
	height: 50px;
    border-right: 1px solid #fff;
    float:left;
}
.slider_pic2 {
	width:100%;
	padding-top:10px;
	padding-left:10px;
}
#drawer-handle2 {
	width: 50px;
    background-color: #cc9900;
    color:#ffffff;
    cursor:pointer;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
#drawer-handle2:after {
	<!-- position: absolute;
    top: 50%;
    padding: 5px; -->
}
#drawer-content2 {
	width: 245px;
    margin-right: -245px;
    color:#fff;
    font-size:14px;
    border:0px solid #cc9900;
    text-align:left;
    background-color:#cc9900;
}
#drawer-content2 > p {
	padding: 0px;
	margin-left:0px;
	margin-top:-16px;
	background-color:#cc9900;
}

.custom-logo {
	width:48px !important;
	display:inline-block !important;
}

@media (min-width: 768px) {
	.custom-logo {
	    width:48px;
    }
}

.wp-image-208 {
	width:80% !important;
	margin:auto !important;
	border-radius:12px;
}

.page-title-section {
	/*border-right:60px solid #CC9900;*/
}

.leistungen-bg-1 {
	margin-top:0 !important;
	margin-bottom:0 !important;
	background-color:#047878;
	width:100% !important;
	max-width:100% !important;
	padding-top:60px;
	padding-bottom:60px;
	padding-left:40px;
	padding-right:40px;
	color:#fff;
	border-radius:12px;
}

.leistungen-bg-2 {
	margin-top:0 !important;
	margin-bottom:0 !important;
	background-color:#024D4D;
	width:100% !important;
	max-width:100% !important;
	padding-top:60px;
	padding-bottom:60px;
	padding-left:40px;
	padding-right:40px;
	color:#fff;
	border-radius:12px;
}

.leistungen-bg-1 h2, .leistungen-bg-1 p, .leistungen-bg-1 .wp-block-list li,
.leistungen-bg-2 h2, .leistungen-bg-2 p, .leistungen-bg-2 .wp-block-list li {
	color:#fff !important;
}

.leistungen-bg-1 p, .leistungen-bg-1 .wp-block-list li,
.leistungen-bg-2 p, .leistungen-bg-2 .wp-block-list li {
	color:#fff !important;
	font-size:15px !important;
}

.page-builder p, .page-builder div, .page-builder li {
	font-size;15px;
}

.btn-leistungen .wp-element-button {
	border-radius:4px !important;
	background:none !important;
	background-color:#047878 !important;
	color:#fff;
	border-bottom:2px solid #024D4D;
}

.btn-leistungen .wp-element-button:hover {
	background-color:#024D4D !important;
}

.leistung-kachel-btn {
	width:100%;
}

.leistung-kachel-btn  .wp-element-button {
	background:none !important;
	border-radius:4px !important;
	color:#fff !important;
	border:2px solid #fff !important;
	width:100% !important;
}

.leistungen-bg-1 .leistung-kachel-btn  .wp-element-button:hover {
	background-color:#fff !important;
	color:#047878 !important;
}

.leistungen-bg-2 .leistung-kachel-btn  .wp-element-button:hover {
	background-color:#fff !important;
	color:#024D4D !important;
}

.ugs-news-text p {
	color:#000 !important;
}

.wpcf7-mathcaptcha {
	width:50px !important;
	border-color:#047878 !important;
	color:#047878 !important;
}

.wpcf7-text, .wpcf7-textarea {
	border-color:#047878 !important;
	color:#047878 !important;
}

.page-id-164 .leistungen-bg-1 a, .page-id-164 .leistungen-bg-2 a, .page-id-164 .leistungen-bg-1 a:hover, .page-id-164 .leistungen-bg-2 a_hover {
	color:#fff !important;
}

.pr-title {

}

@media (min-width: 768px) {
	.pr-title {
		display:flex;
		justify-content:center;
		align-items:center;
		writing-mode: vertical-lr;
	}
}

.page-id-3, .page-id-3 li, .page-id-3 p {
	color:#000 !important;
	font-size:16x !important;
}

.page-id-3 .wp-block-list li, .page-id-3 ol {
	font-size:16px !important;
}

.ankerlink {
	scroll-margin-top: 160px;
}

@media (max-width: 576px) {
	.homepage-mycarousel .img-responsive {
		transform: scaleX(-1) !important;
		margin-left:-100px !important;
	}
}

.wp-image-271 {
	width:80% !important;
	margin:auto !important;
}

.link-black a {
	color:#000 !important;
}

.link-white a {
	color:#fff !important;
}

.blog-single-title {
	display:none;
}

@media (max-width: 767px) {
	.navbar-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
    }

    .navbar-brand {
        display: flex !important;
        align-items: left !important;
        margin: 0 !important;
        padding: 8px 15px !important;
    }
    
    .navbar-toggle {
        margin-right: 0 !important;
    }
}