/*
 Theme Name: podologie-minden
 Author: Rainer Falkenroth
 Version: 2
 */
 @import url('fonts/armata.css');
 @import url('fonts/pt-serif.css');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, b ,strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline;
}
body, html{
	font-family: 'Armata', sans-serif;
	font-weight:normal;
	font-size:1.06em;
	line-height:1.5em;
	text-rendering: optimizeLegibility;
	font-feature-settings: “onum”, “ss01”, “kern”, “liga”;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;	
	color:#000000;
	background-color: #ffffff;
	width:100%;
	overflow-x:hidden;	
	padding: 0;
	border: 0;
	margin: 0;
}
.herohome figcaption{
	color:rgba(255,255,255,0);
	background: url(https://www.podologie-minden.de/wp-content/themes/podologiemi/svg/home.svg) 0 0 no-repeat;
	background-size: contain;
}
.hpraxis{
	color:rgba(255,255,255,0)!important;
	background: url(https://www.podologie-minden.de/wp-content/themes/podologiemi/svg/praxis.svg) 0 0 no-repeat;
	background-size: contain;
}
.hpraxis.hidemobile{
	margin-top: 0.9em;
}
.hleistungen{
	color:rgba(255,255,255,0)!important;
	background: url(https://www.podologie-minden.de/wp-content/themes/podologiemi/svg/leistungen.svg) 0 0 no-repeat;
	background-size: contain;
}
.hleistungen{
	color:rgba(255,255,255,0)!important;
	background: url(https://www.podologie-minden.de/wp-content/themes/podologiemi/svg/leistungen.svg) 0 0 no-repeat;
	background-size: contain;
}
.hpodologie{
	color:rgba(255,255,255,0)!important;
	background: url(https://www.podologie-minden.de/wp-content/themes/podologiemi/svg/podologie.svg) 0 0 no-repeat;
	background-size: contain;
}
.hkontakt{
	color:rgba(255,255,255,0)!important;
	background: url(https://www.podologie-minden.de/wp-content/themes/podologiemi/svg/kontakt.svg) 0 0 no-repeat;
	background-size: contain;
}
.himpressum{
	color:rgba(255,255,255,0)!important;
	background: url(https://www.podologie-minden.de/wp-content/themes/podologiemi/svg/impressum.svg) 0 0 no-repeat;
	background-size: contain;
}
.hdatenschutz{
	color:rgba(255,255,255,0)!important;
	background: url(https://www.podologie-minden.de/wp-content/themes/podologiemi/svg/datenschutz.svg) 0 0 no-repeat;
	background-size: contain;
}
.page-id-22 {
	background-image: url("data:image/gif;base64,R0lGODlh+BMBAIAAANrf1f///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQEAAAAACwAAAAA+BMBAAACdISPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXgabzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+v3/L7/DxgoOEhYaHiImKi4yNjo+AgZKVkAADs=");
	background-size:202vw calc(115vw + 120px);
	background-position:0 120px;
	background-repeat: no-repeat;
}
.page-id-24 {
	background-image: url("data:image/gif;base64,R0lGODlh+BMBAIAAAOvX3////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQEAAAAACwAAAAA+BMBAAACdIyPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXgKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+v3/L7/DxgoOEhYaHiImKi4yNjo+AgZKVkAADs=");
	background-size:202vw 1000vh;
	background-position:-101vw calc(98vw + 200px);
	background-repeat:no-repeat;
}
.page-id-26 {
	background-image: url("data:image/gif;base64,R0lGODlh+BMBAIAAAN/l7P///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQEAAAAACwAAAAA+BMBAAACdISPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXgabzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+v3/L7/DxgoOEhYaHiImKi4yNjo+AgZKVkAADs=");
	background-size:202vw calc(85vw + 120px);
	background-position:0 120px;
	background-repeat: no-repeat;
}
@media all and (min-width:961px){
	.page-id-22 {
	  	background-size:100% 1px;
	  	background-position:0 0;
	  	background-repeat: repeat-y;
	}
	.page-id-24 {
		background-size:100% 1px;
		background-position:0 0;
		background-repeat: repeat-y;
	}
	.page-id-26 {
		background-size:100% 1px;
		background-position:0 0;
		background-repeat: repeat-y;
	}	
}
ol, ul {
	list-style: none
}
a {
	color:#1a171b;
	text-decoration:none;
}
strong, b{
	font-family: 'PT Serif', serif;
	font-size:1.1em;
	line-height:1.5em;	
	font-weight: bold;
}
p{
	margin-bottom:1em;
}
h2{
	font-size:2.2em;
	line-height:0.9em;
	font-family: "PT serif", serif;
	font-weight: 500;
	font-style: normal;
	margin-bottom:0.5em;
}
h1,.home h2,.has-1-columns .wp-block-column figcaption{
	font-size:5.1em;
	line-height:0.9em;
	font-family: "PT serif", serif;
	font-weight: 500;
	font-style: normal;
	margin-bottom:0.5em;
}
.home h2{
	margin-top:0.5em;	
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.header{
	width:940px;
	height: 60px;
	border-top: 3px solid #1a171b;
	border-bottom: 1px solid #1a171b;
}
.logo{
	position:absolute;
	top:46px;
	left:6vw;
	z-index:1000;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	width: 309px;
	height: 46px;
	background: url(../../uploads/logo.png) 0 0 no-repeat;
	background-size:contain;
	transform:scale(0.97);
	transform-origin: left center;
    -moz-transition: transform .5s cubic-bezier(.25,.1,.3,1.5);
    -o-transition: transform .5s cubic-bezier(.25,.1,.3,1.5);
    -webkit-transition: transform .5s cubic-bezier(.25,.1,.3,1.5);
    transition: transform .5s cubic-bezier(.25,.1,.3,1.5);	
}
.logo:hover{
	transform:scale(1);
}
.menupane{
	position:fixed;
	z-index:1001;
	top:-110vh;
	left:0;
	width:100%;
	height:100vh;
	background: #f9f8ea url(../../uploads/fuss1.png) 17% 50% no-repeat;
	background-size: 25vw 18vw;
	opacity:0;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.menu_active .menupane{
	top:0;
	opacity:1;
}
.menubtn{
	position:fixed;
	z-index:1002;
	top:46px;
	right:6vw;
	width:3em;
	height:33px;
	cursor:pointer;
}
.menubtn span {
    position: absolute;
    display: block;
    width: 3em;
    height: 2px;
    background-color: #000000;
    top: 50%;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.menubtn span.l1 {
    margin-top: -0.8em
}

.menubtn span.l2 {
    margin-top: 0.8em;
}

.menu_active .menubtn span {
    margin: 0
}

.menu_active .menubtn .l1 {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu_active .menubtn .l2 {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu_active .menubtn .l3{
    opacity: 0
}
.menu-menue-container{
	position:absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%);	
}
.menu li{
	margin-bottom:1em;
}
.menu a{
	font-size:2.8em;
	line-height:1.1em;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.menu .small a{
	font-size:1em;
	line-height:1.1em;
}
.menu a:hover,.menu .current-menu-item a{
	opacity:0.6;
}
.menu .small{
	margin-top:5.6em;
}
.menu .small+.small{
	margin-top:0;
}
.clear {
	clear: both
}
.post-edit-link{
	position:fixed;
	bottom:46px;
	right:46px;
	z-index:1003;
}
.wp-block-columns {
    margin-bottom: 0!important;
}
.has-1-columns{
	width:100%;
	height:100vh;
	background-color:#e8e1de;	
}
.has-1-columns .wp-block-column,.has-1-columns .wp-block-column:nth-child(odd){
	height:calc(100vh - 200px);
	width:88%;
	margin:150px 6% 0 6%;
	overflow: hidden;
	position:relative;
	flex-basis:100%!important;
}
.has-1-columns .wp-block-column img{
	position:absolute;
	width:100%;
	height:auto;
}
.has-1-columns .wp-block-column figcaption{
	text-align:left;
	font-size:6em;
	line-height:1em;
	position:absolute;
	top:0.5em;
	left:0.5em;
}
.has-2-columns .wp-block-column:not(:last-child) {
	margin-right: 6%!important;
}
.has-2-columns .wp-block-column:not(:first-child),.has-2-columns .wp-block-column:nth-child(2n) {
	margin-left: 6%!important;
}
.content,.page-id-20 .content .has-2-columns .wp-block-column+.wp-block-column,.home .content .has-2-columns .wp-block-column+.wp-block-column{
	padding-top:0;
	width:88%;
	margin-left:auto;
	margin-right:auto;
}
.home .content{
	width:100%;
}
.home .content .has-2-columns{
	width:88%;
	margin:200px auto 0 auto;
}
.page-id-3 .content,.page-id-28 .content{
	width:44%;
	padding-right:44%;	
}
.content h1{
	margin-top:200px;
}
.content .has-2-columns .wp-block-column+.wp-block-column{
	padding-top:200px;
} 
.footer1{
	width:88%;
	padding:6em 6% 4em 6%;
	background-color:#ffffff;
}
.footer2{
	width:88%;
	padding:4em 6% 4em 6%;
}
.footer2{
	background: url(../../uploads/Podologie-Minden-Moiseenko-Footer01.jpg) 50% 50% no-repeat;
	background-size:cover;	
}
.page-id-3 .footer1,.page-id-28 .foot2,.page-id-28 .foot3{
	display:none;
}
.page-id-3 .footer2,.page-id-28 .footer2{
	margin-top:100px;	
}
.foot{
	float:left;
}
.foot a,
.content a{
	opacity:1;
	-moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.foot a:hover,.content a:hover{
	opacity:0.6;
}
.content a.wp-block-button__link:hover{
	opacity:1;
}
.footer1 .foot{
	width:33%;
	min-height:120px;
	padding:0;
}
.footer1 .foot1{
	width:calc(33% - 100px);
	padding:0 0 0 100px;
	background: url(../../uploads/zfd.png) 0 0 no-repeat;
	background-size:84px 120px;	
}
.footer1 .foot2 a{
	text-decoration: underline;
}
.footer1 .foot2{
	width:27%;
	padding:0 0 0 8%;
}
.footer1 .foot3{
	width:auto;
	float:right;
	padding:0;
}
@media all and (max-width:1200px){
	.footer1 .foot3{
		width:24%;
	}
}
.footer2 .foot4{
	width:33%;
	padding:40px calc(17% - 60px) 0 0;		
}
.footer2 .foot5{
	width:33%;
	padding:40px 0 0 60px;
	background: url(../../uploads/contact.png) 0 0 no-repeat;
	background-size:46px 40px;
	font-size:1.2em;
	line-height:1.5em;	
}
.footer1:after,.footer2:after{
	content:'';
	display:block;
	clear: both
}
.has-2-columns{
	gap:0!important;
}
.has-2-columns .wp-block-column,.wp-block-image{
	margin-bottom:0!important;
}
.has-2-columns .wp-block-column{
	position:relative;
}
figure.aligncenter img{
	width:50%!important;
	height: auto!important;
	margin:15% 0 25% 25%;
}
.wp-block-image img{
	display:block;
}
.home .has-2-columns .wp-block-image img{
	width:113.6%;
	max-width:115.8%;
}
.home .has-2-columns .wp-block-column+.wp-block-column .wp-block-image img{
	margin-left:-13.6%;
}
.has-2-columns .wp-block-image.bottomright img,.has-2-columns .wp-block-image.topright img{
	display:block;
	width:129%;
	margin:2em 0 0 -13.6%;
	max-width:129%;
}
.has-2-columns .wp-block-image.topright img{
	top:0;
	bottom:auto;
	margin:0 0 150px 0;
}
.wp-block-gallery.aligncenter .blocks-gallery-item figure{
	align-items:flex-start!important;
	width:100%!important;
}
.wp-block-gallery.aligncenter .blocks-gallery-item figure img{
	width:100%!important;
}
@media (min-width: 600px) {
    .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(2),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(4) {
    	 width: calc((120% - 32px) /3);
    }
    .wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(3),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-child(5) {
    	width: calc((80% - 32px) /3);
    }       
}
@media all and (max-width:2000px){
	.has-2-columns .wp-block-image.bottomright img{
		position:absolute;
		display:block;
		bottom:0;
		margin:0;
		left:-13.6%;	
	}
}
.has-2-columns .wp-block-image.bottomleft img{
	width:129%;
	float:right;
	margin-right:-13.6%;
	margin-top:200px;
	max-width:200%;
	display:block;
}
@media all and (min-width:920px) and (max-width:2000px){
	.has-2-columns .wp-block-image.bottomleft img{
		position:absolute;
		display:block;
		bottom:0;
		right:0;
	}
}
.wp-block-column ul{
	margin:-1em 0 1em 0;
}
.wp-block-column ul li{
	padding-left:1em;
}
.wp-block-column ul li:before {
    content: "+";
    margin-left: -1em;
    margin-right:4px;
}
.wp-block-button__link{
	font-size:0.9em!important;
	background-color:#ffffff!important;
	color:#000000!important;
	border:1px solid black!important;
	border-radius:0.5em!important;
	padding:0.6em 5em!important;
	margin-top:1em!important;
}
.wp-block-button__link:hover{
	background-color:#000000!important;
	color:#ffffff!important;
}
.hidedesktop{
	display:none;	
}
@media all and (max-width:1600px){
	body, html{
		font-size:1em;
		line-height:1.5em;
	}	
}
@media all and (max-width:920px){
	.herohome figcaption{
		color:rgba(255,255,255,0);
		background: url(https://www.podologie-minden.de/wp-content/themes/podologiemi/svg/homemobile.svg) 0 0 no-repeat;
		background-size: contain;
	}	
	.logo{
		width:calc(88% - 5em);
	}
	.footer1, .footer2{
		padding:2em 6%;
	}	
	.footer1 .foot{
		width:100%;
		padding:0;
		margin-top:2em;
	}	
	.footer1 .foot1{
		width:100%;
		padding:150px 0 0 0;
	}
	.footer2 .foot4{
		width:100%;
		padding:0;
	}		
	.footer2 .foot5{
		width:100%;
		padding:50px 0 0 0;
		margin-top:2em;
	}		
	h2{
		font-size:7vw;
	}
	h1, .home h2{
		font-size:15vw;
	}
	.has-1-columns .wp-block-column figcaption{
		font-size:12vw;
	}
	.home .content .has-2-columns{
		margin-top:4em;
	}
	.has-2-columns .wp-block-column,.has-2-columns .wp-block-column:not(:last-child),.has-2-columns .wp-block-column:not(:first-child),.has-2-columns .wp-block-column:nth-child(2n){
		flex-basis:100%!important;
		margin:0!important;
	}
	.home .has-2-columns .wp-block-column+.wp-block-column .wp-block-image img,.home .has-2-columns .wp-block-column .wp-block-image img{
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		margin-top:0!important;
		margin-left:0!important;
		margin-right:0!important;
		width:100%!important;
	}
	.has-2-columns .wp-block-image.bottomright img, .has-2-columns .wp-block-image.topright img,.hidedesktop.wp-block-image:last-child img{
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		margin-top:0!important;
		margin-left:-6.8%!important;
		margin-right:0!important;
		width:113.6%!important;
		max-width:113.6%!important;
	}	
	.page-id-3 .content, .page-id-28 .content{
		width:88%;
		padding-right:0;
	}
	.content .has-2-columns .wp-block-column+.wp-block-column{
		padding-top:1em;
	}	
	.has-1-columns .wp-block-column{
		background: url(../../uploads/Podologie-Minden-Moiseenko-05.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.has-1-columns figure img{
		display:none;
	}
	.has-2-columns.mobile1 .wp-block-column:nth-child(2){
		display:none;
	}
	figure.aligncenter img{
		width:76vw!important;
		margin:9vw 6vw 24vw 0;
	}
	.page-id-24 figure.aligncenter img{
		margin:9vw 6vw 21vw 0;
	}	
	.page-id-26 figure.aligncenter img{
		margin:20vw 6vw 0 0;
	}
	.hidedesktop{
		display:block;	
	}
	.hidedesktop.wp-block-image{
		margin-bottom:1em!important;
		display:block;
	}
	.hidedesktop.wp-block-image:last-child{
		margin-bottom:0!important;
		display:block;
	}
	.hidemobile{
		display:none;	
	}	
}
@media all and (max-width:740px){
	.menupane{
		background-image:none;
	}	
	.menu-menue-container{
		left:6%;
	}
	.menu li{
		margin-bottom:0.5em;
	}	
	.menu a{
		font-size:9vw;
	}
	.menu .small{
		font-size:1.4em;
		line-height:1.1em;
		margin-top:2em;
	}
	.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item{
		width:100%!important;
		flex-basis:100%;
		margin-left:0!important;
		margin-right:0!important;
	}
}
@media all and (max-width:740px) and (orientation:landscape){
	.menupane{
		background: #f9f8ea url(../../uploads/fuss1.png) 17% 50% no-repeat;
		background-size: 25vw 18vw;
	}		
	.menu-menue-container{
		top:60%;
		left:50%;
	}	
	.menu a{
		font-size:1.4em;
	}
	.menu .small{
		margin-top:0;
	}
}
@media (min-width: 782px) and (max-width: 850px) {
    .wp-block-columns {
        flex-wrap:wrap!important;
    }
}
@media all and (min-width:920px) and (max-width:1100px){
	h1,.home h2,.has-1-columns .wp-block-column figcaption{
		font-size:4em;
	}
}


