/*
 Theme Name:   Tanja Gastner Yoga Theme
 Description:  Tanja Gastner Yoga Theme
 Author:       Michael Pröbster	
 Author URI:   michaelproebster.de
 Template:     twentytwenty
 Version:      1.0
 Text Domain:  twentytwenty-child
*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
.entry-content {
	font-family: 'Oswald', sans-serif !important;
	letter-spacing: normal;
}
#content-tmce {
    display: none !important;
}
button:focus {
  outline:0;
}
body {
    background: #fff;
    box-sizing: border-box;
    color: #000;
	font-family: 'Oswald', 'Helvetica', sans-serif;
    text-align: left;
    width: 90%;
    margin: 0 auto;
    max-width: 1480px;
	color:#3b3b3a;
	letter-spacing: 0.2px;
}
h1, h2, h3, h4, h5, h6, .faux-heading {
    letter-spacing: unset;
}
.flex-wrapper{
	display:flex;
	justify-content:column;
	width:100%;
}
#site-header{
	z-index:99;
}
#page h1{
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(198, 175, 163) !important;
}
p{
	font-size:1.6rem;	
	line-height: 1.6em;
    font-family: 'Oswald',Helvetica, sans-serif !important;
}
.site-logo.faux-heading {
    margin: 1rem 0 0 6rem;
}
ul.primary-menu{
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:1px;
}
.page-id-12 #site-header {
    display: none;
}
.page-id-12 #site-footer{
    display: none;
}
#page #site-header {
    background:rgb(198, 175, 163) !important;
}
#site-header{
	background: rgba(255,255,255,0);
}
.green-content{
	background:rgb(116, 154, 55);
	padding:0 0 50px 0;
}
.red-content{
	background:rgba(113, 2, 42,1);
	padding:0 0 50px 0;
}
.red-font {
	    color: rgb(113, 2, 42) !important;
}
.w400{
		font-weight:400;
}

.w700{
		font-weight:700;
}
.footer-nav-widgets-wrapper, #site-footer{
	background:#d6c3b8;
}
.footer-nav-widgets-wrapper.header-footer-group {
    margin-top: 0;
	position:relative;
}
.primary-menu a {
    color: inherit;
    display: block;
    line-height: 1.2;
    text-decoration: none;
	color:#fff !important;
}
.double-content{
	margin:50px 0 0 0;
	display:flex;
	flex-direction: row-reverse;
	width:100%;
	min-height:650px;
	height:auto;
	justify-content:center;
	overflow:hidden;
	position:relative;
	background:#fff;
}
.double-content:nth-child(2n+1){
	margin:50px 0 0 0;
	display:flex;
	flex-direction: row;
	width:100%;
	min-height:650px;
	height:auto;
	justify-content:center;
	overflow:hidden;
	position:relative;
}
.double-content-image {
    width: 50%;
    height: auto;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#start .double-content-image {
    background-position: center top !important;
}
.start .double-content {
	width:100%;
    background-position: center top !important;
	margin: -150px auto 0 auto;
}
.start .double-content-text {
    width: 50%;
    height: auto;
    right: 0;
	background:#d6c3b8;
	padding:80px;
	display:flex;
	justify-content: center;
	flex-direction:column;
}
.start h2{
	margin:50px 0 25px 0;
	color: rgb(116, 154, 55);
	letter-spacing:2px;
		-ms-hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.hebamme-start{
	background: rgba(113, 2, 42,1);
	 width: 50%;
	margin-right: 25px;
		text-align:center;
		color:#fff;
	position:relative;
	padding:200px 0 0 0;
	letter-spacing:1px;
}
.hebamme-start .button {
    width: 50%;
    height: 50px;
    padding: 12px;
    margin: 0 auto;
    color: #000 !important;
}
.yoga-start {
    width: 50%;
    background: rgb(116, 154, 55);
	margin-left: 25px;
	text-align:center;
		color:#fff;
	position:relative;
	padding:200px 0 0 0;
	letter-spacing:1px;
}
.yoga-start .button {
    width: 50%;
    height: 50px;
    padding: 12px;
    margin: 0 auto;
    color: #000 !important;
}
.double-content-text {
    width: 50%;
    height: auto;
    right: 0;
	background:#fff;
	padding:80px;
	display:flex;
	justify-content: center;
	flex-direction:column;
}
.double-content p{
     padding-left: 0;
	font-size:1em;
	letter-spacing:0.5px;
	font-weight:400;
}
#sonstige-leistungen h3{
	font-size:1.5em !important;
	letter-spacing:1px !important;
	text-transform:uppercase !important;
	padding-left: 0 !important;
	margin:0 !important;
	font-weight:600 !important;
	padding:25px 0 !important;
		-ms-hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
#sonstige-leistungen{
	display:block;
	height:auto;
	padding: 80px 80px 150px 80px;
}
#sonstige-leistungen .double-content-text {
    padding: 20px 0;
}
#sonstige-leistungen .button {
    width: 45%;
	min-width:250px;
    height: auto;
    padding: 10px 15px;
    margin: 30px auto;
    position: absolute;
    left: 0;
    right: 0;
}
#sonstige-leistungen .button:hover {
    text-decoration:none;
}
#sonstige-leistungen .button p {
    color: #fff;
	margin: 0;
}

/*------Hebamme----------*/
#hebamme .double-content h2{
	font-size:1em;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#c6afa3;
	padding-left: 0;
	margin:0;
	font-weight:400;
}
#hebamme #sonstige-leistungen h3{
	color:rgb(113, 2, 42);
}

#hebamme .double-content h3{
	font-size:2.5em;
	letter-spacing:1px;
	text-transform:uppercase;
	color:rgb(113, 2, 42);
	padding-left: 0;
	margin:0;
	font-weight:600;
	padding:25px 0;
		-ms-hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	
}
#hebamme #sonstige-leistungen .button{
	background:rgb(113, 2, 42);
}
#hebamme #sonstige-leistungen .button {
    background-color:rgb(113, 2, 42) !important;
}
/*------Yoga----------*/
#yoga .double-content h2{
	font-size:1em;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#c6afa3;
	padding-left: 0;
	margin:0;
	font-weight:400;
}
#yoga #sonstige-leistungen h3{
	color:rgb(116, 154, 55);
}
#yoga .double-content h3{
	font-size:2.5em;
	letter-spacing:1px;
	text-transform:uppercase;
	color:rgb(116, 154, 55);
	padding-left: 0;
	margin:0;
	font-weight:600;
	padding:25px 0;
		-ms-hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	
}
#yoga #sonstige-leistungen .button {
    background-color: #749a37 !important;
}
/*------Yoga Ende----------*/

/*------about-me----------*/
#about-me{
	margin-bottom:50px;
}
#about-me h2{
	font-size:1em;
	letter-spacing:1px;
	text-transform:uppercase;
	color:rgb(198, 175, 163);
	padding-left: 0;
	margin:0;
	font-weight:400;
}
#about-me h3{
	font-size:1em;
	font-weight:700;
    margin: 6rem 0 2rem 0;
}
/*------about-me Ende---------*/

.double-content-text h4{
	font-size:1.2em;
	text-transform:uppercase;
	color:rgb(198, 175, 163);
	padding-left: 0;
	margin:0;
}
body#tinymce.wp-editor.content p{
	font-family:'Oswald', sans-serif !important;
	font-weight:400;
}
body#tinymce.wp-editor.content{
	background:#fff !important;
}
ul{
	list-style:none !important;
	margin:0;
	padding:0;
}
ul li{
	list-style:none !important;
	margin:0;
	padding:0;
}

h1{
	font-size:24px;
font-family: 'Oswald', sans-serif;
	font-weight:300;
font-style: normal;
}
.to-the-top {
    width: 50px;
    height: 50px;
    background-color: #f0f0f0;
    position: absolute;
    right: 25px;
    top: 25px;
}
.to-the-top p {
    transform: rotate(90deg);
    margin: 0 auto;
    margin-top: 25%;
    font-size: 35px;
    position: absolute;
    left: 11px;
    right: 0;
}
.bild-farb-flaechen{
	margin: 50px 0 0 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 650px;
    height: auto;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.farb-flaechen {
    width: 100%;
    height: auto;
	display:flex;
	 margin: 0 auto;
    padding: 0 15%;
}
.bild-flaechen{
	z-index:9999;
	margin: 25px auto;
}	
.bild-one{
    background-image: url(https://tanja-gastner.de/wp-content/uploads/2020/09/Home1.jpg);
    height: 250px;
    width: 200px;
    background-repeat: no-repeat;
    background-size: contain;
	margin-left:15%;
	z-index:9999;
}
.bild-two {
    background-image: url(https://tanja-gastner.de/wp-content/uploads/2020/09/Home2.jpg);
    height: 350px;
    width: 250px;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
    margin: -25% 0 0 20%;
}
.bild-three{
    background-image: url(https://tanja-gastner.de/wp-content/uploads/2020/09/Home3.jpg);
    height: 350px;
    width: 300px;
    background-repeat: no-repeat;
    background-size: contain;
	margin-left:5%;
	z-index:9999;
	background-position:right;
}
.bild-four {
    background-image: url(https://tanja-gastner.de/wp-content/uploads/2020/09/Home4.jpg);
    height: 350px;
    width: 450px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -25% 0 0 0;
}

.marker {
  transform: perspective(40px) rotateX(20deg) rotateZ(-45deg);
  transform-origin: 50% 50%;
  border-radius: 50% 50% 50% 0;
  padding: 0 3px 3px 0;
  width: 40px;
  height: 40px;
  background: rgb(113, 2, 42) !important;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -2.2em 0 0 -1.3em;
}

.marker:after {
  content: '';
  width: 1em;
  height: 1em;
  margin: 1em 0 0 .7em;
  background: #ffffff;
  position: absolute;
  border-radius: 50%;
}
ul#menu-tanja-gastner-2 {
    font-family: 'Oswald', 'Helvetica', sans-serif;
	color:#000;
	font-weight:400;
	font-size:1.6rem;
	text-transform:uppercase;
}
.widget li {
    margin: 3px 0 0 0;
}
.footer-contact-text{
	margin-left:50px;
}
.footer-contact-text span{
	font-size:4rem;
	line-height: 1.5em;
}
.footer-widgets-outer-wrapper {
    padding: 5rem 0 3rem 0;
}
.footer-widgets {
 margin-left:0;
}
.site-description {
    display: none;
}

.entry-content {
    font-size: 1.8rem;
}
a {
    color: inherit !important;
	box-shadow: none;
	border:none !Important;
	text-decoration:none !important;
}
.content a {
    text-decoration: none !important;
}
.slider-head {
    border-bottom: 6px #e3000f solid;
    background-size: cover;
    max-height: 465.5px;
    background-repeat: no-repeat;
	overflow: hidden;
}
.content{
width:90%;
	margin:0 auto;
	
}
.content-left p {
	padding-right:5%;
}
.content-left .headline-1 {
	margin-right:25px;
}
button:not(.toggle), .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link{
	background-color:#fff !important;
}
input, textarea, button, .button, .faux-button, .faux-button.more-link, .wp-block-button__link, .wp-block-file__button{
		font-family: 'Oswald', sans serif !important;
		  color: #e3000f !important;
		  font-weight: 500;
		  text-transform: none;
		  letter-spacing: 0;
}
.fa-chevron-right::before {
    content: "\00BB" !important;
}
.fa-chevron-left::before {
    content: "\00AB" !important;
}
.wpcf7-form-control.wpcf7-submit {
    border: 2px solid;
}
.page-id-44 .wpcf7-form p{
	padding-left:0;
}
.wpcf7 p{
	padding-left:0;
}
span.wpcf7-list-item{
	margin: 0 !important;
}
div.wpcf7-response-output {
    margin: 2em 0 0 0;
    padding:0;
    border: none;
font-size:16px !important;
}
div.wpcf7-mail-sent-ok{
	border:none;
}
.frm_required {
	color: #680026;
}
#cookie-notice{
background-color:#0000009e !important;
}
.cn-button.wp-default{
	border-radius: 0 !important;
}
.abc-form-hr{
	padding:0 !important;
}
.footer-links{
	display: flex;
}
#acf-field_5e7d14403eb57 {

    font-size: 1.7em;

}
.map{
width:95%;
margin-left:50px;
}
.logo-footer{
	background-image: url('https://tanja-gastner.de/wp-content/uploads/2024/04/Logo_Hebammenhaus_schwarz.png');
	width: 45%;
	height: auto;
	background-size: contain;
	background-repeat: no-repeat;
}
.footer-menu-adress{
	display: flex;
}
.widget-content .menu-tanja-gastner-container{
width: auto;
    float: right;
}
input.wpcf7-form-control.wpcf7-submit {
    background: #d6c3b8 !important;
    color: #fff !important;
    border: none;
}
/* media quieries */

@media only screen and (max-width: 890px) {
body{
	width: 100%;
	}
	button.close-nav-toggle svg{
		color:#fff !important;
	}
.flex-wrapper{
	justify-content:row;
}
.double-content-image {
    width: 100%;
    height: 250px;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.double-content:nth-child(2n+1) {
    margin: 50px 0 0 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 650px;
    height: auto;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.double-content {
    flex-direction: column;
	min-height: 650px;
    height: auto;
}
.double-content-image {
    background-position: center top;
}	
.double-content-text {
    width: 100%;
    padding: 80px 40px;
}
.hebamme-start {
    width: 100%;
    padding: 10% 14%;
    margin: 0 auto;
}
.yoga-start {
    width: 100%;
    padding: 10% 14%;
    margin: 25px auto;
}
#yoga .double-content h3 {
	font-size: 2em;
	}	
#sonstige-leistungen {
    padding: 80px 60px 150px 60px;
}
#sonstige-leistungen .button {
    width: auto;
    height: auto;
    margin: 30px 55px;
}	
#hebamme .double-content h3 {
	font-size: 2em;
	}		
#about-me .double-content-image {
    height: 600px;
}
.start .double-content{
margin-top:-250px;		
	}
.start .double-content-text {
    width: 100%;
    order: 1;
	height: 600px;
}	
.start .double-content-image{
	height:600px;		
	}
.bild-one {
    margin: 40% 70% 40% 45%;
}
.bild-two {
    margin-top:-40%;
}
.bild-three{
	margin-left:-30px;
	}
.bild-four {
    height: 220px;
    width: 300px;
	margin-top: -35%;
}
.farb-flaechen{
	height:450px;	
	}	
.site-logo img {
	width: 120px !important;
	}
.site-logo.faux-heading {
    margin: 1rem 0 0 2rem;
}	
.header-inner .toggle{
		padding:0;
	}
.nav-toggle .toggle-icon, .nav-toggle svg {
    height: 3.5rem !important;
    width: 3.5rem !important;
}	
span.toggle-text {
    display: none;
}	
.site-logo img {
    width: 175px;
    max-height: 100%;
	padding-bottom: 15px;
}
.mobile-menu {
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
	font-weight:400;		
	}
.menu-modal.active{
	opacity:0.9;		
	}
.menu-modal-inner {
    background: #d6c3b8;
	}
	.footer-widgets-wrapper{
		display:block;
	}
.logo-footer{
	width: 60%;		
	}
.footer-menu-adress{
	flex-direction:column;
}
.footer-contact-text{
	margin-left:0;
	margin-top:50px;	
	}
.footer-inner.section-inner {
    padding-left: 50px;
}
.widget-content .menu-tanja-gastner-container {
    width: 100%;
    float: none;
}
	}

@media only screen and (max-width: 1241px) {
	body{
		width:100%;
	}
button.toggle.close-nav-toggle.fill-children-current-color {
    color: #000 !important;
}
}