/* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
@media screen and (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif; } */
body,h1,h2,h3,h4,h5,h6 { font-family: Arial, sans-serif; }


body, html {
  height: 100%;
  color: #777;
  background-color: white;
  line-height: 1.8;
}

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-osteo, .bgimg-lunge, .bgimg-physio, .bgimg-motto
{
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* First image (Logo. Full height) */
.bgimg-1 {
  background-image: url('../img/pexels-karolina-grabowska-4506166.jpg');
  min-height: 100%;
}

/* Second image (Portfolio) */
.bgimg-2 {
  /*background-image: url("W3-CSS-parallax-template-Dateien/parallax2.jpg");*/
  min-height: 400px;
}

/* Third image (Contact) */
.bgimg-3 {
  /*background-image: url("W3-CSS-parallax-template-Dateien/parallax3.jpg");*/
  min-height: 400px;
}

.bgimg-osteo
{
  background-image: url("../img/pexels-karolina-grabowska-4506109-osteo.jpg");
  min-height: 400px;
}

.bgimg-lunge
{
  background-image: url("../img/pexels-yan-krukau-5793917-vlt-lunge_.jpg");
  min-height: 400px;
}

.bgimg-physio
{
  background-image: url("../img/pexels-ryutaro-tsukata-5473182-osteo.jpg");
  min-height: 400px;
}

.bgimg-motto
{
  background-image: url("../img/pexels-joao-vítor-heinrichs-5022356-motto.jpg");
  min-height: 600px;
}

.w3-wide {letter-spacing: 7px;}
.w3-hover-opacity {cursor: pointer;}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-osteo, .bgimg-lunge, .bgimg-physio, .bgimg-motto
  {
    background-attachment: scroll;
    min-height: 400px;
  }
}


/* Klingenmaier-spezfische CSS */

.nowrap
{
	white-space: nowrap;
}

.textfarbe1
{
	color: #003f4b; /* dunkles cyan */
}

.hintergrundfarbe1
{
	background-color: #003f4b; /* dunkles cyan */
}

.textfarbe2
{
	color: #33a990; /* helles cyan */
}

.hintergrundfarbe2
{
	background-color: #33a990; /* helles cyan */
}


.uppertext
{
	text-transform: uppercase;
}

.homelogo
{
	background-color: rgba(255, 255, 255, 0.7);
	padding: 0.5em 1em 1em 1em;

}

.homelogo h1
{
	font-family: 'Roboto Bold', sans-serif;
	color: #003f4b; /* dunkles cyan */
	font-size: 140%;
}

.homelogo h1 span
{
	font-family: 'Roboto Medium', sans-serif;
	display: block;
	/*color: #4dc2a9; */ /* helles cyan */
	color: #33a990; /* helles cyan (etwas dunkler triffts auf weißem Hintergrund besser) */
	white-space: nowrap;
	font-size: 65%;
	line-height: 2.5;
}



@media only screen and (min-width: 22em) {
	.homelogo h1 { font-size: 260%; }
}

@media only screen and (min-width: 60em) {
	.homelogo { padding: 0.5em 2em 1em 2em; }
	.homelogo h1 { font-size: 340%; }
}

@media only screen and (min-width: 80em) {
	.homelogo { padding: 0.5em 8em 1em 8em;	}

}


/* Anpassungen klingenmaierheader Headlines bei schmalen Displays: */
@media only screen and (max-width: 26em) { .klingenmaierheader  h2.w3-wide { font-size: 30px !important; } }
@media only screen and (max-width: 23em) { .klingenmaierheader  h2.w3-wide { font-size: 24px !important; } }
@media only screen and (max-width: 20em) { .klingenmaierheader  h2.w3-wide { font-size: 18px !important; } }
@media only screen and (max-width: 18em) { .klingenmaierheader  h2.w3-wide { letter-spacing: 4px; font-size: 18px !important; } }
@media only screen and (max-width: 14em) { .klingenmaierheader  h2.w3-wide { letter-spacing: 4px; font-size: 14px !important; } }
/* Ende Anpassungen klingenmaierheader Headlines bei schmalen Displays */

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
	.klingenmaierheader  h2.w3-wide { background-color: rgba(0,0,0,0.2); padding-left: 0.2em;}
}