@charset "utf-8";

/* startseite */
#menutrigger { display:none;}
#dssitefooter { display:none;}
.dsarticle { overflow:hidden; margin:0; padding:0; height:100vh; min-height:0;}
.dsarticle div[class^="dsbody_"] p > strong { font-size:5rem; line-height:1.1; transition:all .4s ; }
.dsarticle div[class^="dsbody_"] .startsite__col:hover p > strong { font-size:5.2rem; }

#logo {  /*padding-bottom:16%;*/ width:500px; max-width:calc(50% - 20vh); left:50%; right:auto !important; transform:translateX(10vh); transition:transform .4s; }
#logo > a { background-position:right top;}



.startsite {
	position:relative; display:grid; width:100%; height:100vh;
	/* grid-template-columns:minmax(0,1fr); */
	grid-template-columns:1fr 1fr; column-gap:5px; grid-template-areas: 'col1 col2';
}
.startsite__col {
	position:relative;
	flex-direction:column; justify-content:flex-end; display:flex; overflow:hidden; transition:all .4s; box-sizing:border-box;
	padding:50px 10px 10vh 10vh; height:100%;
	font-size:5rem; line-height:1.1; text-transform:uppercase; color:#fff;

}
.startsite__col::before {
	content:'';
	position:absolute; z-index:0; top:0; right:0; bottom:0; left:0; display:block; filter:brightness(85%);
	transition:all 1.2s; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-color:#000
}
.startsite__col:hover { font-size:5.2rem; }

.startsite__col:hover:before { opacity:1; filter:none; transform:rotate(.4deg) scale(1.1); }
.startsite__col p { position:relative; z-index:1; padding:0;}
.startsite__col .absolute { z-index:1; }


.startsite__col--1  { grid-area:'col1'; }
.startsite__col--2  { grid-area:'col2';}
.startsite__col--1:before { background-image:url("../mm/start-buero.jpg"); }
.startsite__col--2:before { background-image:url("../mm/start-praxis.jpg"); }

/* störrer */
.startsite__col--2:after {
	content:''; display:block; position:absolute; right:60px; bottom:60px;
	width:30vh; height:30vh; max-width:250px;
	background:url("../mm/praxis_button.svg") no-repeat; background-size:contain;

}
.startsite__col--2:after { background-image:url("../mm/praxis-flaechen.png"); }

/* vorübergehend komplett ausblenden */
.startsite__col--2:after { display:none; }