/* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../font/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../font/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}


body {
font-family: PT Sans;
	font-size: 17px;
}

h1 {
  font-size: 28pt;
    margin: 0px;
    font-style: normal;
    font-weight: normal;
    color: white;
}

h2, h3, h4, h5{
    color: #9a151c;
    font-family: PT Sans;
}

p 
{
    color: #3c4a49;
}

a {
  color: #3c4a49;
  text-decoration: none;
}

a:hover {
  color:#9A151C ;
}

b{
font-family:PT Sans;

}


.rechts {
	width: 500px;
	text-align: left;
	margin-left:57px;
}


.img {
  width: 100%;
}

.link-block {
  width: 100%;
}

.image {
  width: 100%;
}

.div-block {
  width: 100%;
}

.link-block-2 {
  width: 100%;
}

.header {
  padding-right: 100px;
  padding-left: 5px;
}

.logo {
  text-align: left;
	width: 500px;
	padding-left: 50px;
}

.body {
  padding-top: 50px;
}

.content1{
background-color:#9a151c;
    padding: 60px;
    margin-top: 40px;
    margin-bottom:30px;
}

.box{
 background-image:
		url("../images/markus-img-mobil.png");
	background-size: cover;
	background-repeat:no-repeat;
    background-size: cover;
    background-position: left;
	width: 100%;
    height: 807px;
    padding-left: 50px;
    margin-top: 48px;
}

.hg-bild{
    background-size: cover;
	background-repeat:no-repeat;
    background-size: auto;
    background-position: center, bottom;
	height: 455px;
	width: 100%;
    margin-top: 30px;
}

.container {
    margin-top: 50px;
  padding-right: 25px;
  padding-left: 25px;
}

.button {
  border: none;
  color: #9a151c;!important;
  background-color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button a {
  color: #00b6ed!important;
}

b, strong {
    font-weight: bolder;
}

.footer {
  padding-bottom: 50px;
	padding-top: 50px;
  background-color: #3c4a49;
  text-align: left;
    color: white;
    margin-top: 30px;
	padding-left: 63px;
}

.footer a {
    color: white;
}

.text-block {
  margin-top: 70px;
  padding-left: 240px;
  padding-right: 240px;
}


.div-block-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}



@media screen and (max-width: 1517px) {
 .box {
        height: 721px;
    }
}


@media screen and (max-width: 1232px) {
 .box {
        height: 609px;
    }
}



@media screen and (max-width: 767px) {
  .links {
    display: none;
  }
  .rechts {
    display: none;
  }
}

@media screen and (max-width: 1500px) {
    .text-block {
      padding-right: 100px;
    }
    

}

@media screen and (max-width: 1165px) {
    .hg-bild {
        height: 300px;
    }
 .content1 {
        padding-left: 60px;
    }
    .text-block{
        padding-left: 80px;
        padding-right: 80px;
        
    }
    .u-schrift{
        padding: 0px;
    }

}

@media screen and (max-width: 1055px) {
    .hg-bild {
        background-size: 1055px;
    }
    .box {
 background-image:
		url("../images/markus-img-mobil.png");
        height: 757px;
        margin-top: 70px;
		background-position: top;
    }
    .logo{
        width: 60%;
    }
	.content1 {
	padding-left: 50px;
}

}

@media screen and (max-width: 700px) {
    
    }
    .text-block{
        padding-left: 50px;
        padding-right: 50px;
}


@media screen and (max-width: 595px) {
    .hg-bild {
        height: 200px
        background-size: 595px;
    }
    h1{
        font-size: 24pt;
    }
    
    .logo{
        width: 100%;
    }
}



@media screen and (max-width: 685px) {
.rechts {
	width: 75%;
}
	.header {
  padding-right: 25px;
}
	 .box {
        height: 490px;
        margin-top: 70px;
    }
	}

    
    
    @media screen and (max-width: 440px) {
   .box {
        height: 370px;
        margin-top: 70px;
    }
        .box {
            text-align:center;
            padding-left: 0px;
        }
        
        .content1{
            padding-left: 20px;
        }
        .text-block{
            padding-left: 20px;
        }
        h2 {
            font-size: 25px;
        }
}



    
    @media screen and (max-width: 500px) {
   .rechts {
	text-align: center;
	   float: none;
}
		.text-block {
	padding-right: 20px;
}
		.content1{
			padding-left: 20px;
		}
		.text-block {
	padding-left: 20px;
}
		.footer {
	padding-left: 30px;
}
		.rechts {
	margin-left: 20px;
}
		  .logo{
        padding-left: 15px;;
    }
}



@media screen and (max-width: 340px) {
	 .box {
        height: 315px;
    }
	}