/* kanit-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: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/theme-files/fonts/kanit-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* kanit-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: 'Kanit';
    font-style: normal;
    font-weight: 600;
    src: url('../../files/theme-files/fonts/kanit-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
/*!
 * This file is part of Contao.
 *
 * (c) Leo Feyer
 *
 * @license LGPL-3.0-or-later
 */

/**
 * Fix rendering HTML5 elements in IE
 */
 header,footer,nav,section,aside,main,article,figure,figcaption {
	display:block;
}

/**
 * Reset the margin and padding of the block elements
 */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea {
	margin:0;
	padding:0;
}

/**
 * Basic element formatting
 */
table {
	border-spacing:0;
	border-collapse:collapse;
}
caption,th,td {
	text-align:left;
	text-align:start; /* see #4596 */
	vertical-align:top;
}
abbr,acronym {
	font-variant:normal;
	border-bottom:1px dotted #666;
	cursor:help;
}
blockquote,q {
	quotes:none;
}
fieldset,img,iframe {
	border:0;
}
ul {
	list-style-type:none;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
del {
	text-decoration:line-through;
}
ins {
	text-decoration:none;
}

/**
 * Default font settings
 */

 html {
	font-size: 16px;
  }
  @media screen and (min-width: 320px) {
	html {
	  font-size: calc(16px + 9 * ((100vw - 320px) / 680));
	}
  }
  @media screen and (min-width: 1000px) {
	html {
	  font-size: 25px;
	}
  }

body {
	font-family: 'Kanit';
	color:#707070;
	font-weight:400;
	line-height:1.2;
}
input,button,textarea,select {
	font-family:inherit;
	font-size:99%;
	font-weight:inherit;
}
pre,code {
	font-family:Monaco,monospace;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:600;
}
h1 {
	font-size:2.2rem; /* 22px */
	color:#0E4A82;
}
h2 {
}
h3 {
}
h4 {
}
table {
	font-size:inherit;
}
caption,th {
	font-weight:bold;
}
a {
	color:#00f;
}

/**
 * Default margins
 */
h1,h2,h3,h4,h5,h6 {
	margin-top:1em;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
	margin-bottom:12px; /* Should match the font size */
}

/**
 * Hide invisible elements
 */
 .invisible {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}

/**
 * Custom layout sections
 */
.custom {
	display:block;
}
#container:after,.custom:after {
	content:"";
	display:table;
	clear:both;
}


#wrapper{
    box-sizing:border-box;
    width:100%;
    max-width:1640px;
    margin:0 auto;
    padding:4rem 2rem;
}

body{
    text-align:center;
}



.banner .bild img{
    width:100%;
    height:auto;
    display: block;
}

.banner .bild{
    border-radius:4rem;
    overflow:hidden;
    position:relative;
}

@media screen and (min-width:1200px){

    .banner .bild{
        top:-6.5rem;
    }

    .banner{
        position:relative;
        margin-bottom:-6.5rem;
    }

    .banner .pfeile{
        display:flex;
        justify-content: center;
    }
    
    .banner .pfeile .content-image:not(:last-child){
        margin-right:-5rem;
    }
}

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

    .banner .pfeile .content-image{
        max-width:300px;
        margin:0 auto -3rem;
    }

    .banner .pfeile{
        margin-bottom:6rem;
    }

}

.banner .pfeile .content-image{
    position:relative;
}

.banner .pfeile .content-image:nth-child(0){
    z-index:4;
}


.banner .pfeile .content-image:nth-child(1){
    z-index:3;
}


.banner .pfeile .content-image:nth-child(2){
    z-index:2;
}


.banner .pfeile .content-image:nth-child(3){
    z-index:1;
}

.pfeile{
    position:relative;
    z-index:1;
}

.pfeile img{
    width:100%;
    height:auto;
    display:block;

}

.logo{
    max-width:550px;
    margin:0 auto;
}

main .mod_article{
    margin:4rem 0;
}

p{
    margin-bottom:1rem;
}

hr{
    margin:1rem 0;
}

.content-text{
    max-width:1088px;
    margin:auto;
}

a{
    color:#0E4A82;
}