/*!
 * 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;
}

/**
 * Fluid font-size
 */

html {
	font-size: 16px;
	box-sizing: border-box;
}

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

@media screen and (min-width: 1200px) {
	html {
		font-size: 25px;
	}
}


/**
 * Basic element formatting
 */

*,
*::before,
*::after {
   	box-sizing: inherit;
   	margin: 0;
   	padding: 0;
}
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;
	display:block;
}
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
 */
body {
	font-family: 'Comfortaa';
	line-height: 1.4;
	color: var(--c_font-color);
}
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,p {
	font-size:100%;
	font-weight:normal;
	margin-bottom:1em;
}
p:last-child{
	margin-bottom:0;
}

h1 {
	font-size: 2.2rem;
	line-height: 1.27em;
	color:var(--c_orange_dark);
}
h2{
	font-size:1.4rem;
	line-height:1.43em;
	color:var(--c_orange_dark);
}
h3{
	font-weight: var(--fw_bold);
	color:var(--c_orange_dark);
}
h4{
	font-weight: var(--fw_bold);
}

table {
	font-size:inherit;
}
caption,th {
	font-weight:bold;
}
a {
	color: inherit;
	text-decoration:none;
}


/**
 * 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;
}

@media screen and (max-width:500px){
	.row{
		row-gap: 1.875rem;
		column-gap: 0;
	}
}