/* 
	Table of Contents
	update on Tue Mar 25 2025 13:54:48 GMT+0200 (GMT+02:00)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	II.  Regions --------------------------------------
	     01. Footer -----------------------------------
	     02. Header -----------------------------------
	     03. Sidebar ----------------------------------
	     04. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	     02. Card -------------------------------------
	     03. Form Elements ----------------------------
	     04. Form -------------------------------------
	     05. List -------------------------------------
	     06. Nav --------------------------------------
	     07. Section ----------------------------------
	     08. Slider -----------------------------------
	     09. Table ------------------------------------
	     10. Widget -----------------------------------
 */

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; }

details, menu { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { appearance: none; }

textarea { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

table { width: 100%; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

article ul,
article ol,
.article ul,
.article ol  { list-style-type: disc !important; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: white; font-family: 'Roboto Regular', sans-serif; font-size: 1rem; line-height: 1; color: #666666; }

a { color: inherit; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.5em; }

h1,
.h1,
h2,
.h2 { font-size: 20px; line-height: 1; }

h3,
.h3 { font-size: 15px; line-height: 1; }

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

@media (max-width: 1499px) {
	html { font-size: 14px; }
}

@media (max-width: 767px) {
	html { font-size: 12px; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Italic';
    src: url('../fonts/Roboto-Italic.woff') format('woff'),
         url('../fonts/Roboto-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ela Sans Plain Caps';
    src: url('../fonts/ElaSansPlainCapsc.woff') format('woff'),
         url('../fonts/ElaSansPlainCapsc.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

.container { padding-right: 20px !important; padding-left: 20px !important; }

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer {  }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: relative; padding: 8px 0; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {  }

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {  }

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { appearance: none; }

.btn-primary-c { position: relative; padding: 8px 11px; border: 1px solid #666666; border-radius: 0; background: linear-gradient(90deg, #0E1885 0%, #838DFC 100%); transition: .3s ease-in-out }
.btn-primary-c::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #838DFC 0%, #0E1885 100%); z-index: 1; opacity: 0; transition: opacity 0.25s linear }
.btn-primary-c:hover::before { opacity: 1; }
.btn-primary-c span { position: relative; z-index: 2; color: white; }

/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */

.card { border: none; border-radius: 0; }
.card-teaser { margin-top: 8px; margin-bottom: .5rem; padding-top: 8px; border-top: 1px solid #666666; text-decoration: none; transition: .3s ease; }
.card-teaser:hover { color: #666666; }
.card-teaser .card-body { padding: 2px 0; }
.card-teaser .card-head { margin-top: 6px; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #323B9B; }
.card-teaser .card-title { color: #323B9B; }
.card-teaser .card-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.card-teaser .card-inner i { margin-right: 4px; font-size: 12px; }
.card-teaser .card-inner span { font-size: 12px; }
.card-teaser .card-inner em { font-size: 14px; }
.card-teaser .card-img-top { overflow: hidden; border-radius: 0; }
.card-teaser .card-img-top img { width: 100%; transition: .3s ease; }
.card-teaser:hover .card-img-top img { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-teaser .card-bottom { padding: 8px 0; }
.card-teaser .card-bottom p { font-family: 'Roboto Italic', sans-serif; font-size: 14px; }

.card-art { transition: .3s ease-in-out; }
.card-art .card-img-top { overflow: hidden; border-radius: 0; }
.card-art .card-img-top img { width: 100%; transition: .3s ease; }
.card-art .card-img-top img:hover { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-art .card-body { padding: 20px 0; }
.card-art .card-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; padding: 5px 0; border-top: 1px solid #323B9B; border-bottom: 1px solid #323B9B; }
.card-art .card-title { margin-bottom: 4px; font-size: 18px; color: #323B9B; }
.card-art em { font-family: 'Roboto Italic', sans-serif; }
.card-art .card-left em { font-size: 14px; }
.card-art .card-right div:first-child { margin-bottom: 4px; }
.card-art .card-right div { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.card-art .card-right em { font-size: 16px; }
.card-art .card-right i { margin-right: 8px; font-size: 14px; }
.card-art .card-text { font-size: 12px; }

@media (min-width: 768px) {
	.card-title { font-size: 18px; }
	.card-teaser .card-inner i,
	.card-teaser .card-inner span,
	.card-teaser .card-inner em,
	.card-art .card-text { font-size: 16px; }

	.card-art .card-text { line-height: 1.2; }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form {  }

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.navbar-main { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; padding: 0; }
.navbar-main .navbar-brand { display: block; width: 100%; margin-bottom: 8px; margin-right: 0; padding-bottom: 8px; border-bottom: 1px solid black; text-align: center; }
.navbar-main h1 { text-align: center; }

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { overflow: hidden; position: relative; }

.section-teaser { padding-top: 1.75rem; clear: both; }
.section-teaser img { float: inline-start; position: relative; margin-top: -1.5rem; margin-right: 15px; z-index: 2; }
.section-teaser .section-head { position: relative; margin-bottom: 4px; padding: 8px 0; }
.section-teaser .section-head::before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #0E1885 0%, #838DFC 100%); }
.section-teaser .section-inner { margin-right: 1rem; text-align: center; }
.section-teaser .section-title { position: relative; z-index: 2; font-family: 'Roboto Bold', sans-serif; font-weight: 700; color: white; }
.section-teaser .section-text { line-height: 1.1; }
.section-teaser .meta { position: relative; z-index: 2; font-size: 14px; color: white; }

.section-art-work { margin-bottom: 1.5rem; }

@media (min-width: 768px) {
	.section-teaser .section-inner { display: inline-block; }
	.section-teaser .section-text { padding: 4px 0; font-size: 18px; line-height: 1.2; }
}

@media (max-width: 767px) {
	.section-teaser img { max-width: 49%; }
}

@media (max-width: 380px) {
	.section-teaser img { max-width: 40%; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider {  }

.slider .slides { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {  }

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }