/*
Free Html5 Responsive Templates
Author: Kimmy Tran
Author URI: http://www.zerotheme.com/
*/


/* anton-sc-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: 'Anton SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/anton-sc-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* inter-300 - 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: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - 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: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - 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: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - 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: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




html {

}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}


/*------------------------*/

@media only screen and (max-width: 5000px) {


.spacefooter {padding:20px 30px 20px 30px !important;}


body {
	font-family: 'Inter';
	color:#0d3d61;
	background:#ffffff !important;
}

}



@media only screen and (max-width: 939px) {

	    .mt60 {
        margin-top:0px;
    }

.spacefooter {padding:20px 0px 20px 0px !important;}

body {
	font-family: 'Inter';
	color:#0d3d61;
	background:#ffffff !important;
}

}

@media only screen and (max-width: 767px){


    .mt60 {
        margin-top:0px;
    }

	.footer {
	position:fixed;
	bottom:0px;
	padding:0px 30px 0px 30px;
	width:100%;
	z-index:1;
}

	.footer2 {
	position:relative;
	bottom:0px;
	padding:0px 30px 0px 30px;
	width:100%;
	z-index:1;
}

body {
	font-family: 'Inter';
	color:#0d3d61;
	background:#ffffff !important;
}


}

@media only screen and (min-width: 768px) and (max-width: 4000px) {

.desktop {display:inherit}
.smartphone {display:none}


}

@media only screen and (min-width: 1px) and (max-width: 767px) {

.desktop {display:none}
.smartphone {display:inherit}

}







/* Deviceoptimierung Anfang */


@media only screen and (min-width: 3840px) and (max-width: 8000px) {


	.logo {
		margin-top:27px;
		max-width: 100%;
		width:330px;
		margin: 0 auto;
	}

  p, ul li {
      font-size: 21px !important;
  }

}


@media only screen and (min-width: 2560px) and (max-width: 3839px) {


	.logo {
    margin-top: 27px;
    max-width: 100%;
    width: 330px;
    margin: 0 auto;
	}

  p, ul li {
      font-size: 21px !important;
  }

}


@media only screen and (min-width: 1920px) and (max-width: 2559px) {


	.logo {
		margin-top:27px;
		max-width: 100%;
		width:260px;
		margin: 0 auto;
	}

  p, ul li {
      font-size: 18px !important;
  }

}



@media only screen and (min-width: 1680px) and (max-width: 1919px) {


	.logo {
		margin-top:27px;
		max-width: 100%;
		width:250px;
		margin: 0 auto;
	}

  p, ul li {
      font-size: 16px !important;
      line-height: 1.7 !important;
  }

}



@media only screen and (min-width: 1600px) and (max-width: 1679px) {

  .logo {
		margin-top:27px;
		max-width: 100%;
		width:190px;
		margin: 0 auto;
	}

  p, ul li {
      font-size: 16px !important;
      line-height: 1.7 !important;
  }

  h1, .h1 {
        font-size: 34px !important;
    }

  h1.steditech1 {
        font-size: 36px !important;
    }

}



@media only screen and (min-width: 1440px) and (max-width: 1599px) {

  .logo {
		margin-top:27px;
		max-width: 100%;
		width:190px;
		margin: 0 auto;
	}

  p, ul li {
      font-size: 16px !important;
      line-height: 1.7 !important;
  }

h1, .h1 {
      font-size: 34px !important;
      margin-top:0 !important
  }

h1.steditech1 {
      font-size: 36px !important;
  }

}



@media only screen and (min-width: 1300px) and (max-width: 1439px) {


  .logo {
		margin-top:27px;
		max-width: 100%;
		width:150px;
		margin: 0 auto;
	}

  p, ul li {
      font-size: 14px !important;
      line-height: 1.55 !important;
  }

  h1, .h1 {
        font-size: 27px !important;
        margin-top: 0 !important;
    }

  h1.steditech1 {
        font-size: 29px !important;
        margin-top: 0 !important;
    }


}




@media only screen and (min-width: 1110px) and (max-width: 1299px) {

  .logo {
		margin-top:27px;
		max-width: 100%;
		width:150px;
		margin: 0 auto;
	}

  p, ul li {
      font-size: 14px !important;
      line-height: 1.55 !important;
  }

  h1, .h1 {
        font-size: 23px !important;
        margin-top: 0 !important;
        line-height: 1.3 !important;
    }

  h1.steditech1 {
        font-size: 24px !important;
        margin-top: 0 !important;
        line-height: 1.3 !important;
    }



}






@media only screen and (min-width: 992px) and (max-width: 1109px) {


  .logo {
		margin-top:27px;
		max-width: 100%;
		width:160px;
		margin: 0 auto;
	}

  p, ul li {
      font-size: 14px !important;
      line-height: 1.55 !important;
  }

  h1, .h1 {
        font-size: 23px !important;
        margin-top: 0 !important;
        line-height: 1.3 !important;
    }

  h1.steditech1 {
        font-size: 24px !important;
        margin-top: 0 !important;
        line-height: 1.3 !important;
    }



}




 /* Samsung Z-Fold
@media only screen and (min-width: 880px) and (max-width: 991px) {



}
 */



@media only screen and (min-width: 800px) and (max-width: 991px) {

  .logo {
		margin-top:27px;
		max-width: 100%;
		width:300px;
		margin: 0 auto;
	}

  p, ul li {
      font-size: 20px !important;
      line-height: 1.8 !important;
  }

  h1, .h1 {
        font-size: 34px !important;
        line-height: 1.5 !important;
    }

  h1.steditech1 {
        font-size: 38px !important;
        line-height: 1.5 !important;
    }


}




@media only screen and (min-width: 768px) and (max-width: 799px) {

  .logo {
		margin-top:27px;
		max-width: 100%;
		width:200px;
		margin: 0 auto;
	}

  p, ul li {
      font-size: 17px !important;
      line-height: 1.7 !important;
  }

  h1, .h1 {
        font-size: 30px !important;
        line-height: 1.5 !important;
    }

  h1.steditech1 {
        font-size: 33px !important;
        line-height: 1.5 !important;
    }



}




@media only screen and (min-width: 600px) and (max-width: 767px) {


  .logo {
		margin-top:27px;
		max-width: 100%;
		width:180px;
		margin: 0 auto;
	}

  p, ul li {
      font-size: 16px !important;
      line-height: 1.6 !important;
  }

  h1, .h1 {
        font-size: 30px !important;
        line-height: 1.3 !important;
        margin-top:0 !important;
    }

  h1.steditech1 {
        font-size: 33px !important;
        line-height: 1.3 !important;
        margin-top:0 !important;
    }

}






@media only screen and (min-width: 321px) and (max-width: 599px) {


  .logo {
		max-width: 100%;
		width:190px;
		margin: 27px auto 30px auto;
	}

  p, ul li {
      font-size: 16px !important;
      line-height: 1.6 !important;
  }

  h1, .h1 {
        font-size: 30px !important;
        line-height: 1.3 !important;
        margin-top:0 !important;
    }

  h1.steditech1 {
        font-size: 33px !important;
        line-height: 1.3 !important;
        margin-top:0 !important;
    }


    .footer {
        position: relative !important;
        top: 0px;
        bottom: auto;
        margin-top:80px !important;
    }



}





@media only screen and (min-width: 1px) and (max-width: 320px) {


  .logo {
		max-width: 100%;
		width:190px;
		margin: 27px auto 30px auto;
	}

  p, ul li {
      font-size: 16px !important;
      line-height: 1.6 !important;
  }

  h1, .h1 {
        font-size: 30px !important;
        line-height: 1.3 !important;
        margin-top:0 !important;
    }

  h1.steditech1 {
        font-size: 33px !important;
        line-height: 1.3 !important;
        margin-top:0 !important;
    }


    .footer {
        position: relative !important;
        top: 0px;
        bottom: auto;
        margin-top:80px !important;
    }


}


/* Deviceoptimierung Ende*/