@charset "UTF-8";

@font-face {
    font-family: 'Futura PT';
    src: local('Futura PT Light'), local('Futura-PT-Light'),
        url('FuturaPT-Light.woff2') format('woff2'),
        url('FuturaPT-Light.woff') format('woff'),
        url('FuturaPT-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }

@font-face {
    font-family: 'Futura PT';
    src: local('Futura PT Book'), local('Futura-PT-Book'),
        url('FuturaPT-Book.woff2') format('woff2'),
        url('FuturaPT-Book.woff') format('woff'),
        url('FuturaPT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'Futura PT';
    src: local('Futura PT Bold'), local('Futura-PT-Bold'),
        url('FuturaPT-Bold.woff2') format('woff2'),
        url('FuturaPT-Bold.woff') format('woff'),
        url('FuturaPT-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

  
/* Layout */

html ,body {
	height: 100%;
	width: 100%;
	}

body {
	margin: 0 auto;
	text-align: center;
	/* background-image: url(../pics/bg.webp); */
	background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
	background-size: cover;
	background: conic-gradient(from 90deg at 50% 50%, rgba(32, 160, 172, 1) 0%, rgba(255, 235, 59, 1) 8%, rgba(32, 160, 172, 1) 45%, rgba(247, 247, 247, 1) 52%, rgba(255, 234, 4, 1) 60%, rgba(247, 247, 247, 1) 90%, rgba(32, 160, 172, 1) 98%);
	
	font-family: 'Futura PT', Helvetica, Arial, system-ui, -apple-system, sans-serif;
	
	}

#container {
	height: 100%; 
	display: table; 
	text-align: center;
	margin: auto;
	}

#middle {
	height:100%;
	background: #fff;
	display: table-cell; 
	vertical-align: middle;
	}	
	
main {
	display: table-cell; 
	vertical-align: middle;
	padding: 15px;
	}		
	
.logo {
	margin-top: 30px;
	}	
	
hr {
    display: block;
    margin-top: -20px;
	margin-bottom: 10px;
	margin-left: auto;
    margin-right: auto;
    border-width: 1px;
	border-color:black;
	background-color:black
	} 


/* Typografie */

p { 
	margin-top: 0px;
	margin-bottom: 60px; 
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
	line-height: 140%;
	} 

h1 { 
	font-size: 126%;
	font-style: normal;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 14px; 
}

.bold {
	font-size: 80%;
	font-weight: 700;
	text-transform: uppercase;
	}			

a:link      {text-decoration: none;color: #000;}
a:visited   {text-decoration: none;color: #000;} 
a:hover  	{text-decoration: none;color: #009999;}
a:active    {text-decoration: none;color: #000;}