@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	src: url("../webfont/Inter-3.12/Inter_(Web)/Inter-Regular.woff2") format("woff2"),
		 url("../webfont/Inter-3.12/Inter_(Web)/Inter-Regular.woff") format("woff");
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	src: url("../webfont/Inter-3.12/Inter_(Web)/Inter-Bold.woff2") format("woff2"),
		 url("../webfont/Inter-3.12/Inter_(Web)/Inter-Bold.woff") format("woff");
}

html {
	background-color: #fff;
	font-family: 'Inter';
}
body {
	background-color: #fff;
	font-family: 'Inter';
}

h1 {
	font-family: 'Inter';
	font-weight: 800;
}
h2 {
	font-family: 'Inter';
	font-weight: 800;
}
h3 {
	font-family: 'Inter';
	font-weight: 800;
}
h4 {
	font-family: 'Inter';
	font-weight: 800;
}
h5 {
	font-family: 'Inter';
	font-weight: 800;
}
p {
    color: #242424;
}
a, a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #da19a1;
}
a:hover, a:focus, a:active {
	color: #da19a1;
}
header {
    background: #fff;
    width: 90%;
    margin: 0 auto;
}
header h1 {
    font-size: 1.2rem;
}
.mainnavigation ul {
    list-style: none;
    margin: 0 auto;
}
.mainnavigation li {
    display: inline-block;
    margin-left: 10px
}
nav.mainnavigation {
    text-align: right;
}
header .grid-container {
    padding: 15px 0px 0px 4px;
}
header a h1 {
    color: #da10a1;
    padding-bottom: 8px
}
.intro {
    background-image: url(../images/header.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: auto;
    min-height: 540px;
    padding-top: 200px
}
.intro h2, .intro p {
    color: #fff;
    text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}
.intro p {
    font-size: 1.25rem;
    width: 100%;
    max-width: 600px;
}
.breakertile {
    position: relative;
    margin-bottom: 60px
}
.welcomeblock a {
    display: inline-block;
    margin-bottom: 10px;
}
.intro-trigger {
    background-color: #da19a1;
    display: block;
    color: #fff;
    padding: 14px 10px 0px 10px;
    font-weight: 800;
    font-size: .9rem;
    margin-top: -1.8rem;
    margin-bottom: 40px;
    position: absolute;
    right: 0;
}
.intro-trigger p {
    color: #fff;
}
.contentblock {
    padding: 30px 0 20px 0;
    clear: both;
}
.dimmedblock {
    background-color: #f4f4f4;
    clear: both;
    padding-bottom: 40px;
    padding-top: 40px;
}
.brightblock h2{
    color: #da19a1;
    text-transform: uppercase;
    font-size: 1.8rem;
    margin-bottom: 16px
}
.dimmedblock h2{
    color: #242424;
    text-transform: uppercase;
    font-size: 1.8rem;
    margin-bottom: 16px
}
.titleinfo {
    width: 100%;
    text-align: right;
}
.titleinfo h5 {
    font-size: .9rem;
    font-weight: 400;
    padding-top: 12px
}
.brightblock .titleinfo h5 {
    color: #d2d2d2;
    border-top: 1px solid #d2d2d2;
}
.dimmedblock .titleinfo h5 {
    color: #242424;
    border-top: 1px solid #242424;
    width: 100%;
    max-width: 300px;
    float: right;
}
.highlightbg {
    background: #da19a1;
    color: #fff;
    padding: 20px
}
.highlightbg h2 {
    color: #fff !important;
}
.highlightbg p {
    color: #fff;
}
.breaker {
    background-image: url(../images/breaker.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: auto;
    min-height: 440px;
    padding-top: 200px    
}
.breaker p {
    font-size: 2rem;
    font-weight: 800;
    color: #da19a1;
    padding: 0px 10px 0px 100px;
    text-transform: uppercase;
    text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}
.additioninfo {
    text-align: right;
    margin-top: 60px;
    font-size: .9rem
}
.additioninfo h4 {
    font-size: 1rem;
    color: #da19a1
}
.moreinfo {
   color: #2d2d2d;
   width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 30px 0 50px 0;
    
}
.moreinfo p {
    columns: 2;
    padding-top: 16px;
}
.dimmedblock h2 {
    color: #da19a1;
}
.galerie img {
    width: 100%;
    padding: 20px 0;
}
.contactinfo {
    margin-top: 20px
}
div#kontakt {
    padding: 90px 0 60px 0;
}
.mainfooter {
    border-top: 2px solid #da19a1;
    padding-top: 20px;
    text-align: right;
    padding-right: 14px;
}
.mainfooter ul {
    list-style: none;
}
.mainfooter li {
    display: inline-block;
}
.mainfooter li a, .mainfooter li a:visited {
    border-bottom: 0px;
    color: #000;
}
.mainfooter li a:hover, .mainfooter li a:focus {
    color: #da19a1;
}
.isapage h2 {
    color: #000;
}
@media screen and (max-width: 640px) {
    .titleinfo {
        display: none;
    }
    .breaker p {
        padding-left: 10px;
    }
    .moreinfo p {
        columns: 1;
    }
}