/*
#######################################
# Traumsteintal custom
#######################################
*/

/* tinos-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: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: url('/files/googlefonts/tinos_v24_20240405-164710/tinos-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tinos-italic - 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: 'Tinos';
  font-style: italic;
  font-weight: 400;
  src: url('/files/googlefonts/tinos_v24_20240405-164710/tinos-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tinos-700 - 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: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: url('/files/googlefonts/tinos_v24_20240405-164710/tinos-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tinos-700italic - 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: 'Tinos';
  font-style: italic;
  font-weight: 700;
  src: url('/files/googlefonts/tinos_v24_20240405-164710/tinos-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-size: 1rem;
    line-height: 1.2;
    background: #000;
    font-family: "Tinos", "Open Sans", Arial, sans-serif;
    color: #fff;
    letter-spacing: normal;
    font-weight: normal;
}

@media only screen and (min-width: 64rem)
.mod_article:first-child .mod_article__inner {
    padding-block-start: 0;
}

@media only screen and (min-width: 64rem)
.mod_article:last-child .mod_article__inner {
    padding-block-end: 0;
}

@media only screen and (max-width: 600px) {
	.tst_hero {	
	width: 600px;
    overflow: auto;
    margin-left: -15.5%;
	}
}

.content-text h1:first-child, .content-text h2:first-child, 
.content-text h3:first-child, .content-text h4:first-child, 
.content-text h5:first-child, .content-text h6:first-child {
    margin-block-start: 0;
    text-align: center;
    color: #0FC8FF;
}

.text--lg, .mod_eventreader .info time {
    font-size: 1.6em;
    line-height: 1.2;
    letter-spacing: normal;
}

.title-1, .title-1--regular, h1,
.title-2, .title-2--regular, h2,
.title-3, .title-3--regular, h3,
.title-4, .title-4--regular, h4, 
a {
	color: #0FC8FF;
}

[id="container"] {
    padding-block: 0; 
}

.mod_article {
	padding:0;
	padding-inline: 0;
}

.header-image.mod_article, 
.prefooter.mod_article {
	padding:0;
}

.mod_article__inner {
	max-width:100%
}

.header-image .mod_article__inner, 
.prefooter .mod_article__inner {
	padding:0;
	padding-block-start: 0;
max-width: 100%;
	padding-inline: 0;
}

@media only screen and (min-width: 64rem) {
    .mod_article:first-child .mod_article__inner {
        padding-block-start: 0
    }
    .mod_article:last-child .mod_article__inner {
    padding-block-end: 0;
	}
}

.prefooter {
	background-color: #000;
}

.padding-b-15 {
	padding-bottom: 1.5rem
}

.padding-b-2 {
	padding-bottom: 2rem
}

.padding-b-25 {
	padding-bottom: 2.5rem
}

.padding-b-3 {
	padding-bottom: 3rem
}

.padding-b-4 {
	padding-bottom: 4rem
}

.padding-b-5 {
	padding-bottom: 5rem
}

.padding-b-6 {
	padding-bottom: 6rem
}


.center_img {
	display: block; margin-left: auto; margin-right: auto;
}

.link, .pagination a, .mod_sitemap a, .hyperlink_txt, .external-link, a:not([class]) {
    color: #0FC8FF;
    transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;
    text-decoration: none;
    text-underline-offset: 0.4em;
}

.highlight1 {
	color: #0FC8FF;
}

form .formbody {
	display: inline-block;
    max-width: 100%;
}

form .widget-text {
	display: inline-block;
	width: 30.65%;
	float: left;
	margin-right: 4%;
	margin-bottom: 30px;
}

@media only screen and (max-width: 60rem) {
	form .widget-text {
		width: 100%;
		margin-right: 0%;
	}
form .widget-explanation {
	margin-bottom: 20px;
}

.padding-b-6 {
	margin-bottom: 1.5rem;
}

}

form .widget-text.last-input {
	margin-right: 0;
}

form .widget-textarea {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}

form .widget-text label, form .widget-textarea label, 
form .widget-select label, form .widget-upload label, 
form .widget-password label, form .widget-captcha label {
	display: none;
}

form .text, form .textarea, form .captcha, form select {
    font-size: 1.1rem;
    line-height: 1.2;
    width: 100%;
    padding: 1rem;
    border: 1px solid #0FC8FF;
    border-radius: 5px 5px 0 0;
    background: #000;
    transition: border-color ease-in-out 0.2s;
    color: #0FC8FF;
    font-weight: normal;
}

form .text:hover, form .textarea:hover, form .captcha:hover, form select:hover,
form .text:focus, form .textarea:focus, form .captcha:focus, form select:focus {
	border: 1px solid #FF24CC;
color: #FFFFFF;
}

form .widget-explanation {
	color: #FFFFFF99;
	font-size: 0.75rem;
	margin-bottom: 0px;
}

::placeholder {
  color: #FFFFFF99;
	font-size: 1rem;
}

.submit_container {
	text-align: right;
}

.button-primary, form .submit {
    background: #0FC8FF;
	color: #000;
    transition: background 0.2s ease-in-out;
    border: 0.0625rem solid transparent;
    border-radius: 5px;
	padding: 4px 12px;
    text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: 0.15rem;
}

.button-primary:hover, form .submit:hover, 
.button-primary:focus, form .submit:focus {
	background-color: #FF24CC;
}

#footer {
    padding-block: 5rem;
	padding-inline: 0;
    background: #000;
    color: #fff;
	font-size: 1.25rem;
	font-weight: bold;
}

#footer .tst-custom-footer {
    border-top: 2px solid #0FC8FF;
    padding-top: 1.25rem;
    width: 68%;

}

@media only screen and (max-width: 60rem) {
    .#footer .tst-custom-footer {
	width: 100%;
	}
}

.footer-claim {
    line-height: normal;
    margin-block-start: 0;
    color: #fff;
    font-family: 'Tinos';
float: right;
}