/*
 * -----------------------------------
 * Copyright
 * COM.POSiTUM Multimedia-Agentur GmbH
 * -----------------------------------
 */

/* ------------------------------------
 *  FONTS
 * ------------------------------------
 */

@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
	font-weight: 100 900;
	font-stretch: 75% 125%;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Roboto";
	src: url("../fonts/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype");
	font-weight: 100 900;
	font-stretch: 75% 125%;
	font-style: italic;
	font-display: swap;
}

/* ------------------------------------
*  BASICS
* ------------------------------------
*/

:root {
	--dark: #3E7378;
	--orange: #F0811E;
	--white: #FFFFFF;
	--light: #8BA9B8;
	--black: #2B414B;

	--site: 5vw;
	--gap: 2vmin;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border: 0 none;
}

html,
body {
	height: 100%;
	font-family: 'Roboto', sans-serif;
}

html {
	font-size: 10px;
	/* 62.5% = 10px = 1rem */

}

body {
	font-size: 1.8rem;
	color: var(--black);
	line-height: 1.2;
	min-height: 100vh;
	display: flex;
	align-items: stretch;
	flex-direction: column;
}


h1,
h2,
h3 {
	margin: 0;
	font-size: 2.5rem;
	color: var(--black);
}

h4,
h5,
h6 {
	margin: 0;
	font-size: 2rem;
	color: var(--black);
}

h1 {
	padding: 1rem var(--gap);
	position: relative;
	transition: all .5s ease;
	color: var(--white);
}

.h1 {
	margin-bottom: 4em;
	margin-left: calc(0px - var(--site));
	margin-right: calc(var(--site) * 2);
	padding: 2rem var(--gap) 2rem var(--site);
}

.nomargin {
	margin-bottom: 0;
	margin-top: 0;
}

 section {
    page-break-after: always;
     line-height: 1.4;
     margin-top: 1cm;
 }

  body {
    margin: 0;
    padding: 0;
	  flex-direction: column;
  overflow-y: scroll;
  font-size: 12pt;
  line-height: 1.2;
  }
  img{
    width: 300px;
    height: auto;
  }
  h2{
    margin-bottom: 1cm;

  }
    h3{
    margin-top: 0.7cm;
    margin-bottom: 0.3cm;
  }

      h4{
    margin-top: 0.7cm;
    margin-bottom: 0.3cm;
  }
  a {
	color: inherit;
	text-decoration: none;
}
p{
    margin-bottom: 0.5cm; 
}

footer{
    display: none;
}



.cls-1{fill:var(--black)!important}
.cls-2{fill:#fff!important}