/* Background Bilder */

/* Ratios */

.ratio-thin {padding-bottom: 30%; width: 100%;}
.ratio-full {padding-bottom: 40%; width: 100%;}
.ratio-key {padding-bottom: 43%; width: 100%;}
.ratio-2-1 {padding-bottom: 50%; width: 100%;}
.ratio-16-9 {padding-bottom: 56.25%; width: 100%;}
.ratio-16-10 {padding-bottom: 62.5%; width: 100%;}
.ratio-3-2 {padding-bottom: 72.00%; width: 100%;}
.ratio-5-4 {padding-bottom: 80%; width: 100%;}
.ratio-1-1 {padding-bottom: 100%; width: 100%;}
.ratio-2-3 {padding-bottom: 150%; width: 100%;}

/* Start */

.start-key {
    background-image:url('../pics/start-key.jpg?20220928');
	background-size: cover;
	background-position: 65% 50%; 
	background-repeat: no-repeat;
	width: 100%;
    background-color: #e5efeb;
    min-height: 275px;
	border-radius: 35px;
}

/* Start Split */

.start-emdr {
    background-image:url('../pics/start-emdr.jpg');
	background-size: cover;
	background-position: 55% 35%; 
	background-repeat: no-repeat;
	width: 100%;
    min-height: 275px;
	border-radius: 0 35px 35px 0;
}
.start-emdr::before {
  border-radius: 0 35px 35px 0;
}

.start-krise {
    background-image:url('../pics/start-krise.jpg?20220928');
	background-size: cover;
	background-position: 40% 35%; 
	background-repeat: no-repeat;
	width: 100%;
    min-height: 275px;
	border-radius: 35px 0 0 35px;
}
.start-krise::before {
  border-radius: 35px 0 0 35px;
}

.start-stress {
    background-image:url('../pics/start-stress.jpg');
	background-size: cover;
	background-position: 50% 35%; 
	background-repeat: no-repeat;
	width: 100%;
    min-height: 275px;
	border-radius: 0 35px 35px 0;
}
.start-stress::before {
  border-radius: 0 35px 35px 0;
}

/* Boxen */

.raumbox {
    background-image:url('../pics/raumbox.jpg');
	background-size: cover;
	background-position: 30% 50%; 
	background-repeat: no-repeat;
	width: 100%;
	background-color: #e5efeb;
    min-height: 600px;
	border-radius: 35px;
	color:#fff!important;
}

.kontaktbox {
    background-image:url('../pics/kontaktbox.jpg');
	background-size: cover;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	width: 100%;
    min-height: 275px;
	border-radius: 0 35px 35px 0;
}
.kontaktbox::before {
  border-radius: 0 35px 35px 0;
}

/* EMDR */

.emdr-key {
    background-image:url('../pics/emdr-key.jpg');
	background-size: cover;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	width: 100%;
    background-color: #e5efeb;
    min-height: 200px;
	border-radius: 35px;
}

/* Krise */

.krise-key {
    background-image:url('../pics/krise-key.jpg');
	background-size: cover;
	background-position: 45% 60%; 
	background-repeat: no-repeat;
	width: 100%;
    background-color: #e5efeb;
    min-height: 200px;
	border-radius: 35px;
}

/* Stress */

.stress-key {
    background-image:url('../pics/stress-key.jpg');
	background-size: cover;
	background-position: 70% 50%; 
	background-repeat: no-repeat;
	width: 100%;
    background-color: #e5efeb;
    min-height: 200px;
	border-radius: 35px;
}

/* Kontakt */

.kontakt-box {
    background-image:url('../pics/kontaktbox.jpg');
	background-size: cover;
	background-position: 60% 50%; 
	background-repeat: no-repeat;
	width: 100%;
	background-color: #e5efeb;
    min-height: 200px;
	border-radius: 35px;
	color:#fff!important;
}
.kontakt-box::before {
  border-radius: 35px 0 0 35px;
}

/* Footer */

.footer-bg {
    background-image:url('../pics/footer-bg.jpg');
	background-size: cover;
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	width: 100%;
}


/* Desktop
====================================================================== */

@media only screen and (min-width: 1281px) {
 
}

/* Tablet
====================================================================== */
@media only screen and (min-width: 900px) and (max-width: 1280px) {
 	
}

/* Phablet
====================================================================== */
@media only screen and (min-width: 600px) and (max-width: 899px) {  

.start-emdr, .start-emdr::before, .start-stress, .start-stress::before, .start-krise, .start-krise::before, .kontaktbox, .kontaktbox::before, .kontakt-box, .kontakt-box::before {border-radius: 0;}

.raumbox {min-height: 0;}


}

/* Phone
====================================================================== */
@media only screen and (max-width: 599px) {

.start-emdr, .start-emdr::before, .start-stress, .start-stress::before, .start-krise, .start-krise::before, .kontaktbox, .kontaktbox::before, .kontakt-box, .kontakt-box::before {border-radius: 0;}	
	
}