@charset "UTF-8";
@import "https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css";
/*@import url('https://fonts.googleapis.com/css2?family=Ingrid+Darling&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Caveat:wght@400..700&family=Cinzel:wght@400..900&family=Indie+Flower&family=Ingrid+Darling&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@mdi/font/css/materialdesignicons.min.css');


:root {
  --bulma-primary-h: 84deg;
  --bulma-primary-l: 33%;
  --bulma-link-h: 40deg;
  --bulma-link-l: 50%;

  --bulma-body-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --bulma-title-family: "Amatic SC","Cinzel","Indie Flower","Caveat","Ingrid Darling","Segoe Script","Brush Script MT","Inter","Helvetica Neue",Helvetica,Arial,sans-serif; /* kann nicht als var() integriert werden - in Bulma 1.0.4 bisher nicht korrekt implementiert */
}

a.navbar-item {
    background:none;
    border-bottom:5px solid var(--bulma-scheme-main);
}

a.navbar-item:hover,
a.navbar-item.is-active {
    border-bottom:5px solid var(--bulma-link);
}

a {
    color: var(--bulma-link-35);
}

a:hover {
    color: var(--bulma-link-45);
}

.title {
	font-family: "Amatic SC","Cinzel","Indie Flower","Caveat","Ingrid Darling";
}

.card .title {
	color:var(--bulma-primary-25);
	font-size: 2.5rem;
}

.card {
	border:1px solid var(--bulma-link);
}

.card.no-border {
	border:0px;
}

a:hover .card {
	border:1px solid var(--bulma-link);
	transform: scale(1.02);
	transition: all 300ms ease;
}

h1.title {
	font-size: 4.0rem;
	font-weight: 700;
	color:var(--bulma-primary-25);
}

h2.title.is-2 {
	font-size: 2.5rem;
	font-weight: 700;
	color:var(--bulma-primary-25);
}

h3.title.is-3 {
	font-size: 2.2rem;
	font-weight: 700;
	color:var(--bulma-primary-25);
}

h4.title.is-4 {
	font-size: 2.0rem;
	font-weight: 700;
	color:var(--bulma-primary-25);
}

h4.subtitle {
    font-family:var(--bulma-body-family);
	font-weight:200;
}

.dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-bottom: 35px;
}

.dots span {
    width: 15px;
    height: 15px;
    background-color: var(--bulma-link);
    border-radius: 50%;
    display: inline-block;
}

.heroimage img {
    box-shadow: 0 0.3rem 3rem -0.5rem var(--bulma-link-90);
    
}

section.bghightlight {
	background: var(--bulma-link);
	background: linear-gradient(170deg, var(--bulma-link-70), var(--bulma-link-55), var(--bulma-link-70));
}

.footer {
	background: var(--bulma-primary);
	background: linear-gradient(170deg, var(--bulma-primary-25), var(--bulma-primary-20), var(--bulma-primary-25));
  --bulma-footer-color: hsl(0,0%,100%);
	border-top: 5px solid var(--bulma-link);
	color: var(--bulma-footer-color);
}

.footer .title,
.footer .content {
	color: inherit;
}

.footer a {
	color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-85-l));
	font-weight:500;
}

.footer a:hover {
	color: hsl(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-70-l))
}



@media screen and (max-width: 1023px) {
    a.navbar-item {
        border-bottom:0;
    }
    
    a.navbar-item:hover,
    a.navbar-item.is-active {
        background: var(--bulma-link-85);
        border-bottom:0;
    }
    .navbar-menu{
        background: var(--bulma-link-95);
    }
}