#bg{
  width: 0;
  height: 0;
}
@keyframes slideInRight {
0% {
/* transform: translateX(10%) rotateY(-15deg); */
transform: translateX(100%);
#opacity: 0;
}
100% {
/* transform: translateX(0) rotateY(0); */
transform: translateX(0);
#opacity: 1;
}
}
@keyframes slideInLeft {
0% {
transform: translateX(0%);
opacity: 0;
filter: blur(20px);
}
100% {
transform: translateX(0);
opacity: 1;
filter: blur(0px);
}
}
@font-face {
font-family: eurof;
src: url('fonts/eurof55.ttf');
}
@font-face {
font-family: ams;
src: url('../fonts/AMSANSL.otf');
}

@font-face {
font-family: euroflight;
src: url('fonts/eurof35.ttf');
}
main {
perspective: 200px;
padding-bottom: 4em;
}
.inRight {
transform-style: preserve-3d;
animation-duration: .5s;
animation-timing-function: ease-in-out;
animation-delay: 0s;
animation-iteration-count: 1;
animation-name: slideInRight
}
.inLeft {
animation-duration: .5s;
animation-timing-function: ease-in-out;
animation-delay: 0s;
animation-iteration-count: 1;
animation-name: slideInLeft
}
html {
height: 100%;
}
body {
font-family: ams;
color: #353535;
font-size: 1.3em;

background-color: #fff;
/* background-image:  url("../background.png");
background-repeat: no-repeat;
background-position: top 150px left 70%; */

position: relative;
margin: 0;
padding: 0;
min-height: 100%;
width: 100%;
}
body a {
color: #5858b0;
text-decoration: none;
}
body a:hover {
color: #000;
text-decoration: none;
}
nav, nav:before, footer {
background-color: #2f2f5c;
}
footer {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
}
nav {
z-index: 20;
float: right;
right: 0;
position: fixed;
top: 0;
padding: 0 10px 0 0;
}
nav ul{
  margin: 0;
}
nav li{
display: inline-block;
}
nav .container{
padding: 0;
margin: 0;
}
nav:before {
transform: skewX(20deg);
height: 2em;
content: '';
padding: .5rem 1rem;
position: relative;
left: -.5em;
}
nav a {
color: #fff;
font-size: 1.2em;
text-decoration: none;
padding: 0 1em 0 1em;
}
nav button {
color: #fff;
}
nav a:hover {
color: #aaa;
}
.logo {
margin-top: 80px;
padding: 1em;
}
.logo img {
width: 18em;
}
h1, h2, h3 {
color: #2f2f5c;
margin-top: .8em;
width: 70%;
padding: .3em;
}
h1 {
font-size: 2em;
border-bottom: .1em solid #2f2f5c;
}
h2 {
font-size: 1.7em;
border-bottom: .07em solid #2f2f5c;
}
h2 {
font-size: 1.5em;
border-bottom: .05em solid #2f2f5c;
}
section {
  padding-top: 60px 30px;
}
#kontakt .row {
  display: block;
  text-align: center;
}
#kontakt .col {
  text-align: left;
  /* background-color: black; */
  display: inline-block;
  margin: 10px 30px 10px 10px;
  min-width: 250px
}

@media screen and (min-width: 600px) {
  #kontakt .col {
  margin: 10px 100px 10px 10px;
  min-width: 200px
  }
}
p {
  letter-spacing: 1px;
  text-align: justify;
}