/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/gems-hassee/assets/fonts/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/gems-hassee/assets/fonts/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}


html {
    padding: 0;
    margin: 0;
    height: 100vh
}

body {
    padding: 0;
    margin: 0;
    height: 100vh;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto',sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smoothing: antialiased;
    word-wrap: Break-Word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

a.fullink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}



button:focus {
    outline: 0px dotted !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}

ul.separator-li-comma > li:after {
    content: ","
}
ul.separator-li-comma > li:last-child:after {
    content: ""
}

.line-height-small {
    line-height: 1.1 !important;
}

.min-h50vh {
    min-height: 50vh
}

.min-h60vh {
    min-height: 60vh
}

.min-h70vh {
    min-height: 70vh
}

img {
    max-width: 100%;
    height: auto;
    border: 0
}

.btn-primary,.bg-primary {
    background-color: #002E5E!important
}

.btn-secondary,.bg-secondary {
    background-color: #62BB46!important
}

.text-primary {
    color: #002E5E!important
}

.text-secondary {
    color: #62BB46!important
}

.bg-light {
    background-color: #f3f3f3!important
}

.border-none {
    border: 0 solid #fff!important
}

h1,h2,h3 {
    max-width: 600px
}

.lead {
    font-size: 1.25rem;
    font-weight: 700
}

p,ul {
    max-width: 700px
}

h1,h2,h3,h4,h5,h6 {
    padding: 0;
    font-weight: 400
}

h1 {
    font-weight: 700;
    color: #0095DA;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 15px;
    margin-bottom: 2rem
}

h2 {
    font-weight: 700;
    font-size: 1.7rem;
    color: #0095DA;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 1rem
}

h3 {
    font-weight: 700;
    font-size: 1.4rem
}

h4 {
    font-weight: 700;
    font-size: 14px
}

ul,ol {
    padding: 0;
    margin: 0
}

.btn,.btn:focus {
    outline: none!important;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 500;
    color: #0095DA;
    background-color: #f5f5f5;
    border: none;
    border-radius: 3em!important;
    box-shadow: 0 8px 15px rgba(0,0,0,.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    padding: .4em 2em;
    margin-bottom: 1em!important;
    margin-top: 1em!important;
    margin-left: -0.3em!important;
    border: none!important
}

.btn:hover,.btn:focus {
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
    transform: translateY(-2px)
}

.btn-primary {
    color: #fff
}

.btn-primary:hover,.btn-primary:focus {
    box-shadow: 0 8px 15px rgb(0 149 218 / 18%);
    background-color: #0083bf;
    color: #fff
}

.btn-secondary {
    color: #fff
}

.btn-secondary:hover,.btn-secondary:focus {
    box-shadow: 0 8px 15px rgb(98 187 70 / 21%);
    background-color: #498e34;
    color: #fff
}

input[type="text"]:focus,input[type="password"]:focus,input[type="url"]:focus,input[type="tel"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="datetime"]:focus,input[type="email"] {
    outline: none;
    box-shadow: none
}

a,a:hover,a:focus,.a {
    color: #0095DA;
    outline: none;
    box-shadow: none;
    text-decoration: none
}

a:hover,a:focus,.a:hover,.a:focus {
    color: #0083bf
}

.col-content p,.col-content table,.col-content ul,.col-content ol {
    color: #4A493C;
    margin: 0 0 2em 0;
    line-height: 1.2;
    font-size: 16px;
}

.col-content ul:not(.blocks-gallery-grid),.col-content ol {
    padding-left: 20px
}

.col-content .tribe-common :not(.blocks-gallery-grid) ul,.col-content ul.list-unstyled {
    padding-left: 0;
    margin: 0
}

.col-sidebar-right>div {
    margin-bottom: 20px
}

.col-content ul {
    list-style: none
}

.col-content ul:not(.blocks-gallery-grid) li:before {
    display: block;
    content: "";
    width: .4em;
    height: .4em;
    background-color: #0083bf;
    position: absolute;
    margin-top: .5em;
    margin-left: -18px
}

.col-content .tribe-common :not(.blocks-gallery-grid) ul li:before,.col-content ul.list-unstyled li:before {
    display: none!important
}

.container {
    max-width: 990px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.pageloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff url(https://cdn.shortpixel.ai/spai/ret_img/https://www.gems-hassee.de/wp-content/themes/gems-hassee/assets/images/loader.svg) no-repeat center center;
    z-index: 1500;
    display: flex;
    align-items: center;
    justify-content: center
}

.logo a.image {
    width: 270px;
    height: 60px;
    background-image: url(https://cdn.shortpixel.ai/spai/ret_img/https://www.gems-hassee.de/wp-content/themes/gems-hassee/assets/logo/Logo_GemSchuHassee_v2.svg);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    margin: 2px 0;
}

.logo.label a.image {
    width: 160px;
    height: 60px;
    background-image: url(https://cdn.shortpixel.ai/spai/ret_img/https://www.gems-hassee.de/wp-content/themes/gems-hassee/assets/logo/Label_GemSchuHassee_v2.svg)
}

.header-container {
    position: relative;
    z-index: 1200
}

.topbar {
    background-color: #002E5E;
    display: flex;
    justify-content: flex-end
}

.topbar ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end
}

.topbar li {
    list-style: none;
    max-width: 150px;
    width: 100%
}

.topbar li a {
    color: #fff;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: 700
}

.topbar li a.logins {
    background-color: #FFCB05
}

.topbar li a.student {
    background-color: #62BB46
}

.topbar li a.parents {
    background-color: #0095DA
}

.topbar li a.documents {
    background-color: #C9252C
}

.header {
    padding: 0;
    margin: 0
}

.logo a {
    display: block
}

.header-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.menu-toggle {
    width: 35px;
    height: 35px;
    display: none;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center
}

.menu-toggle span {
    width: 70%;
    height: 2px;
    background-color: #002E5E;
    margin: 2px 0
}

.menu-toggle.active span:nth-child(2) {
    display: none
}

.menu-toggle.active span:nth-child(1) {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 0;
    bottom: 0;
    margin: 0
}

.menu-toggle.active span:nth-child(3) {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 0;
    bottom: 0;
    margin: -2px 0 0 0
}

.menu {
    display: flex;
    flex-wrap: wrap
}

.menu ul {
    display: flex;
    flex-wrap: wrap
}

.menu li {
    list-style: none;
    width: 128px;
    text-align: center;
    position: relative;
}

#menu-hauptnavigation > li {
    width: unset;
    margin: 0 15px;
}

.col-left .menu li {
    list-style: none;
    width: 100%;
    text-align: left
}

.menu li .caret {
    width: 20px;
    height: 20px;
    line-height: 1;
    position: relative;
    background-color: #62bb47;
    display: none
}

.menu li .caret:after {
    content: '';
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 5px
}

.menu li:first-child {
    margin-left: 0
}

.menu li a {
    font-size: 14px;
    color: #002E5E;
    line-height: 16px;
    text-align: center;
    display: block;
    padding: 30px 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.col-left .menu li a {
    text-align: left
}

.menu li a:hover {
    color: #62bb47
}

.menu li.active a {
    border-bottom: 6px solid #62bb47
}

.menu li .dropdown-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 200px;
    background-color: #62BB46;
    z-index: 400;
    display: none;
    margin: 0;
    border-radius: 0;
    float: none;
    border: 2px solid rgb(255 255 255 / 78%);
    border-top: 0 solid rgb(255 255 255 / 0%)
}

.menu li .dropdown-menu li {
    width: 100%
}

.menu li .dropdown-menu li a {
    display: block;
    padding: 10px 15px;
    text-align: left;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.menu li .dropdown-menu li a:hover {
    color: #000
}

.menu li:hover .dropdown-menu {
    display: block
}

.menu li.dropdown {
    position: relative
}

.menu li.dropdown .caret {
    position: absolute;
    top: 34px;
    right: -10px;
    z-index: 100
}

.banner {
    padding: 0;
    margin: 0;
    position: relative
}

.home-banner .banner-slider {
    position: relative
}

.home-banner .banner-thumb {
    width: 100%
}

.home-banner .banner-thumb img {
    width: 100%
}

.home-banner .banner-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.home-banner .banner-text h1 {
    font-size: 60px;
    line-height: 72px;
    color: #fff;
    font-weight: 700;
    font-family: 'Roboto Slab',serif;
    max-width: 600px;
    width: 100%;
    margin-bottom: 20px;
    text-shadow: 0 0 10px #003d5ac7
}

.home-banner .container-buttons {
    /* background: rebeccapurple; */
    display: inline-block;
}

.home-banner .btn-banner {
    background-color: #006696;
    min-height: 51px;
    display: inline-flex;
    align-items: stretch;
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 25px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
}

.home-banner .btn-banner:hover {
    color: #FFCB05
}

.home-banner .btn-banner .text {
    max-width: 470px;
    min-width: 270px;
    /* height: 100%; */
    width: 100%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    padding: 10px 15px;
}

.home-banner .btn-banner .arrow {
    width: 53px;
    /* height: 100%; */
    background-color: #FFCB05;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-banner .btn-banner .arrow img {
    width: 19px;
    height: 31px
}

.banner-filter {
    position: relative;
    width: 100%;
    z-index: 100
}

.banner-filter .container {
    background-color: #0095DA;
    padding: 0;
    margin-top: -25px;
    margin-bottom: -25px
}

.banner-filter .title {
    height: 45px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.banner-filter h2 {
    color: #fff;
    font-size: 20px;
    font-family: 'Roboto Slab',serif;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 15px
}

.banner-filter h2 strong {
    font-weight: 700;
    margin-right: 10px
}

.banner-filter .more {
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    margin-left: auto;
    padding: 0 13px
}

.banner-filter .more a {
    color: #fff;
    display: block
}

.banner-filter .more img {
    margin-left: 5px
}

.banner-filter .communication {
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #FFCB05;
    background-color: #006696;
    padding: 0 13px
}

.banner-filter .communication img {
    margin-left: 5px
}

.banner-filter .communication a {
    color: #FFCB05;
    display: block
}

.banner-nav {
    background-color: #002e5f;
    padding: 56px 0 120px;
    margin: 0;
    width: 100%;
    position: relative
}

.banner-nav:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -50px;
    height: 117px;
    background-color: #fff;
    width: 100%;
    -webkit-transform: skew(0deg,-2deg);
    -moz-transform: skew(0deg,-2deg);
    -o-transform: skew(0deg,-2deg);
    -ms-transform: skew(0deg,-2deg);
    transform: skew(0deg,-2deg)
}

.banner-nav .box {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.banner-nav .icon {
    width: 36px;
    height: 36px;
    margin-right: 12px
}

.banner-nav .icon img {
    width: 36px;
    height: 36px
}

.banner-nav .text {
    font-size: 20px;
    color: #fff;
    font-family: 'Roboto Slab',serif;
    width: calc(100% - 48px)
}

.card {
    border-radius: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0);
    transition: all 0.3s linear
}

a.card-hover:hover {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
    -moz-transform: translateX(0) translateY(-4px);
    -webkit-transform: translateX(0) translateY(-4px);
    -o-transform: translateX(0) translateY(-4px);
    -ms-transform: translateX(0) translateY(-4px);
    transform: translateX(0) translateY(-4px)
}

.student-blog {
    padding: 0;
    margin: 0
}

.student-blog .swiper-slide {
    padding-top: 20px
}

.student-blog .card {
    border-radius: 0;
    border: 0;
    color: #fff;
    height: 275px;
    display: flex;
    position: relative;
    margin-bottom: 30px
}

.student-blog .card-label {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #4A493C;
    line-height: 16px;
    display: flex;
    width: auto;
    flex-wrap: wrap;
    position: absolute;
    height: 34px;
    align-items: center;
    top: -15px;
    left: 15px;
    clip-path: polygon(0 0,91% 0,100% 89%,0% 100%);
    background-color: #FFCB05
}

.student-blog .card-label span {
    position: relative;
    z-index: 10;
    padding: 0 12px 0 5px;
    display: flex;
    align-items: center;
    position: relative;
    height: 100%
}

.student-blog .card-title {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    font-weight: 700;
    font-family: 'Roboto Slab',serif;
    padding: 31px 17px 15px;
    margin: 0
}

.student-blog .card-body {
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    padding: 15px 17px;
    font-weight: 700
}

.student-blog .blog-date {
    margin-top: 22px
}

.student-blog .swiper-button-next {
    margin-right: -45px;
    width: 29px;
    height: 48px;
    background: url(https://cdn.shortpixel.ai/spai/ret_img/https://www.gems-hassee.de/wp-content/themes/gems-hassee/assets/images/slider-next-arrow.svg) no-repeat left top;
    background-size: 29px 48px
}

.student-blog .swiper-button-next:focus {
    outline: none;
    box-shadow: none
}

.student-blog .swiper-button-next:after {
    display: none
}

.student-blog .swiper-button-prev {
    margin-left: -45px;
    width: 29px;
    height: 48px;
    background: url(https://cdn.shortpixel.ai/spai/ret_img/https://www.gems-hassee.de/wp-content/themes/gems-hassee/assets/images/slider-prev-arrow.svg) no-repeat left top;
    background-size: 29px 48px
}

.student-blog .swiper-button-prev:focus {
    outline: none;
    box-shadow: none
}

.student-blog .swiper-button-prev:after {
    display: none
}

.other-blog {
    padding: 0;
    margin: 0;
    position: relative
}

.other-blog .container {
    position: relative;
    z-index: 1000
}

.other-blog .card {
    border: 0;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 15px
}

.other-blog .card-image {
    width: 100%;
    height: 180px
}

.other-blog .card-image a {
    display: block
}

.other-blog .card-image img {
    height: 180px;
    width: 100%;
    object-fit: cover
}

.other-blog .card-body {
    padding: 18px 18px 0
}

.other-blog .card-title {
    font-size: 20px;
    color: #0095DA;
    line-height: 24px;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 9px
}

.other-blog .card-title a {
    color: #0095DA;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.other-blog .card-title a:hover {
    color: #4A493C
}

.other-blog .card-description {
    font-size: 14px;
    line-height: 16px;
    color: #4A493C
}

.other-blog .card-description p {
    margin-bottom: 10px
}

.starting-activity {
    padding: 0;
    margin: 0;
    position: relative
}

.starting-activity:before {
    content: '';
    position: absolute;
    left: 0;
    top: -50px;
    width: 100%;
    height: 117px;
    z-index: 100;
    background-color: #fff;
    -webkit-transform: skew(0deg,2deg);
    -moz-transform: skew(0deg,2deg);
    -o-transform: skew(0deg,2deg);
    -ms-transform: skew(0deg,2deg);
    transform: skew(0deg,2deg)
}

.starting-activity:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    height: 117px;
    background-color: #fff;
    z-index: 100;
    -webkit-transform: skew(0deg,-2deg);
    -moz-transform: skew(0deg,-2deg);
    -o-transform: skew(0deg,-2deg);
    -ms-transform: skew(0deg,-2deg);
    transform: skew(0deg,-2deg)
}

.starting-activity .thumb {
    position: relative
}

.starting-activity .thumb img {
    width: 100%
}

.starting-activity .description {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.starting-activity .description h2 {
    font-size: 57px;
    color: #fff;
    line-height: 69px;
    font-weight: 700;
    max-width: 600px;
    width: 100%;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 11px
}

.starting-activity .description p {
    font-size: 20px;
    color: #fff;
    font-family: 'Roboto Slab',serif;
    font-weight: 700;
    margin-bottom: 30px
}

.starting-activity .btn-banner {
    background-color: #0095DA;
    height: 51px;
    display: inline-flex;
    align-items: center;
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 25px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.starting-activity .btn-banner:hover {
    color: #FFCB05
}

.starting-activity .btn-banner .text {
    max-width: 270px;
    min-width: 270px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px
}

.starting-activity .btn-banner .arrow {
    width: 53px;
    height: 100%;
    background-color: #006696;
    display: flex;
    align-items: center;
    justify-content: center
}

.starting-activity .btn-banner .arrow img {
    width: 19px;
    height: 31px
}

.projects-work {
    padding: 0;
    margin: 0
}

.projects-work .container {
    position: relative;
    z-index: 1000
}

.projects-work .block-title {
    margin-bottom: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.projects-work .block-title h2 {
    font-size: 30px;
    color: #002E5E;
    line-height: 36px;
    font-family: 'Roboto Slab',serif;
    font-weight: 400
}

.projects-work .block-title a {
    font-size: 14px;
    color: #0095DA;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.projects-work .block-title a:hover {
    color: #4A493C
}

.projects-work .items {
    margin-bottom: 30px
}

.projects-work .card {
    padding: 0;
    margin: 0;
    height: 100%;
    border: 0;
    border-radius: 0
}

.projects-work .card-image {
    width: 100%
}

.projects-work .card-image a {
    display: block
}

.projects-work .card-image img {
    width: 100%;
    height: 100%;
    display: block
}

.projects-work .card-body {
    background-color: #f3f3f3;
    padding: 18px
}

.projects-work .card-title {
    font-size: 20px;
    color: #0095DA;
    line-height: 24px;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 15px
}

.projects-work .card-title a {
    color: #0095DA;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.projects-work .card-title a:hover {
    color: #4A493C
}

.projects-work .card-description {
    font-size: 14px;
    color: #4A493C;
    line-height: 16px
}

.projects-work-message {
    padding: 0;
    margin: 0
}

.projects-work-message .container {
    position: relative;
    z-index: 1000;
    padding-bottom: 30px
}

.projects-work-message .message {
    background-color: #0095DA;
    padding: 20px 24px;
    height: 275px;
    color: #fff;
    margin-bottom: 24px;
    max-width: 630px;
    width: 100%
}

.projects-work-message .message h2 {
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 12px;
    font-family: 'Roboto Slab',serif;
    font-weight: 400
}

.projects-work-message .message p {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px
}

.projects-work-message .action a {
    font-size: 14px;
    color: #0095DA;
    line-height: 16px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.projects-work-message .action a:hover {
    color: #4A493C
}

.diversity-fun {
    padding: 0;
    margin: 0;
    position: relative
}

.diversity-fun:before {
    content: '';
    position: absolute;
    left: 0;
    top: -50px;
    width: 100%;
    height: 115px;
    z-index: 1;
    background-color: #fff;
    -webkit-transform: skew(0deg,-2deg);
    -moz-transform: skew(0deg,-2deg);
    -o-transform: skew(0deg,-2deg);
    -ms-transform: skew(0deg,-2deg);
    transform: skew(0deg,-2deg)
}

.diversity-fun:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    height: 117px;
    background-color: #fff;
    z-index: 100;
    -webkit-transform: skew(0deg,2deg);
    -moz-transform: skew(0deg,2deg);
    -o-transform: skew(0deg,2deg);
    -ms-transform: skew(0deg,2deg);
    transform: skew(0deg,2deg)
}

.diversity-fun .thumb {
    position: relative
}

.diversity-fun .thumb img {
    width: 100%
}

.diversity-fun .description {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.diversity-fun .description h2 {
    font-size: 57px;
    color: #fff;
    line-height: 69px;
    font-weight: 700;
    max-width: 600px;
    width: 100%;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 27px
}

.diversity-fun .description p {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    max-width: 475px;
    width: 100%
}

.diversity-fun .btn-banner {
    background-color: #0095DA;
    height: 51px;
    display: inline-flex;
    align-items: center;
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.diversity-fun .btn-banner:hover {
    color: #FFCB05
}

.diversity-fun .btn-banner .text {
    max-width: 270px;
    min-width: 270px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px
}

.diversity-fun .btn-banner .arrow {
    width: 53px;
    height: 100%;
    background-color: #006696;
    display: flex;
    align-items: center;
    justify-content: center
}

.diversity-fun .btn-banner .arrow img {
    width: 19px;
    height: 31px
}

.home-faq {
    padding: 0;
    margin: 0
}

.home-faq .container {
    position: relative;
    z-index: 1000
}

.home-faq .block-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 27px
}

.home-faq .block-title h2 {
    font-size: 30px;
    color: #002e5e;
    font-weight: 400;
    font-family: 'Roboto Slab',serif
}

.home-faq .block-title a {
    color: #0095da;
    font-size: 14px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.home-faq .block-title a:hover {
    color: #002e5e
}

.home-faq .items {
    margin-bottom: 30px
}

.home-faq .box {
    background-color: #eaeae5;
    padding: 25px 18px 30px
}

.home-faq .box h3 {
    font-size: 20px;
    color: #0095da;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
    font-family: 'Roboto Slab',serif
}

.home-faq .box h3 a {
    color: #0095da;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.home-faq .box h3 a:hover {
    color: #4a493c
}

.home-faq .box p {
    font-size: 14px;
    color: #4a493c;
    font-weight: 400;
    line-height: 17px
}

.home-faq .action {
    margin-top: -20px
}

.home-faq .action a {
    color: #0095da;
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.home-faq .action a:hover {
    color: #002e5e
}

.enjoy-newthings {
    padding: 0;
    margin: 0;
    position: relative
}

.enjoy-newthings .container {
    position: relative;
    z-index: 1000
}

.enjoy-newthings:before {
    content: '';
    position: absolute;
    left: 0;
    top: -50px;
    width: 100%;
    height: 115px;
    z-index: 10;
    background-color: #fff;
    -webkit-transform: skew(0deg,-2deg);
    -moz-transform: skew(0deg,-2deg);
    -o-transform: skew(0deg,-2deg);
    -ms-transform: skew(0deg,-2deg);
    transform: skew(0deg,-2deg)
}

.enjoy-newthings .thumb {
    position: relative
}

.enjoy-newthings .thumb img {
    width: 100%
}

.enjoy-newthings .description {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.enjoy-newthings .description h2 {
    font-size: 57px;
    color: #fff;
    line-height: 69px;
    font-weight: 700;
    max-width: 600px;
    width: 100%;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 27px
}

.enjoy-newthings .description p {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    max-width: 580px;
    width: 100%
}

.enjoy-newthings .btn-banner {
    background-color: #0095DA;
    height: 51px;
    display: inline-flex;
    align-items: center;
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.enjoy-newthings .btn-banner:hover {
    color: #ffcb09
}

.enjoy-newthings .btn-banner .text {
    max-width: 270px;
    min-width: 270px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px
}

.enjoy-newthings .btn-banner .arrow {
    width: 53px;
    height: 100%;
    background-color: #006696;
    display: flex;
    align-items: center;
    justify-content: center
}

.enjoy-newthings .btn-banner .arrow img {
    width: 19px;
    height: 31px
}

footer {
    position: relative;
    padding: 0 0 145px;
    margin: 0;
    background-color: #ffcb05;
    /* background: #ffcb05 url(https://cdn.shortpixel.ai/spai/ret_img/https://www.gems-hassee.de/wp-content/themes/gems-hassee/assets/logo/Label_GemSchuHassee.svg) no-repeat right bottom */
} 

footer:before {
    content: '';
    position: absolute;
    left: 0;
    top: -67px;
    width: 100%;
    height: 117px;
    background-color: #ffcb05;
    z-index: 200;
    -webkit-transform: skew(0deg,-2deg);
    -moz-transform: skew(0deg,-2deg);
    -o-transform: skew(0deg,-2deg);
    -ms-transform: skew(0deg,-2deg);
    transform: skew(0deg,-2deg)
}

footer .container {
    position: relative;
    z-index: 1000
}

.award-partners {
    padding: 0;
    margin: 0
}

.award-partners h2 {
    font-size: 30px;
    line-height: 36px;
    color: #002e5e;
    font-weight: 400;
    display: block;
    margin-bottom: 17px;
    font-family: 'Roboto Slab',serif
}

.award-partener-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px
}

.award-partener-list .box {
    width: 135px;
    height: 80px;
    background-color: #fff;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.footer h3 {
    font-size: 14px;
    color: #002E5E;
    font-weight: 700;
    display: block;
    margin-bottom: 6px
}

.footer {
    font-size: 14px;
    color: #002E5E;
    line-height: 17px
}

.footer a {
    font-size: 14px;
    color: #002E5E
}

.footer a:hover {
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.footer p {
    margin-bottom: 10px
}

.footer ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.copyright {
    position: absolute;
    left: 0;
    bottom: 30px;
    font-size: 14px;
    color: #002E5E;
    width: 100%
}

footer li.menu-item {
    margin-bottom: 2px
}

.fixed-icon {
    position: fixed;
    right: 10px;
    top: 150px;
    z-index: 1200
}

.fixed-icon ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.fixed-icon li {
    margin: 8px 0
}

.fixed-icon li a {
    position: relative;
    display: flex;
    align-items: center
}

.fixed-icon li a span {
    position: absolute;
    right: 100%;
    margin-right: 10px;
    background-color: #62BB46;
    height: 34px;
    display: none;
    align-items: center;
    padding: 0 15px;
    color: #fff;
    font-size: 14px;
    white-space: nowrap
}

.fixed-icon li:hover a span {
    display: flex
}

.tooltip.show {
    opacity: 1
}

.tooltip .tooltip-inner {
    background-color: #62BB46;
    border-radius: 0;
    height: 34px;
    display: flex;
    align-items: center
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before {
    border-left-color: #62BB46;
    display: none
}

.blog {
    padding: 0 0 85px;
    margin: 0;
    position: relative
}

.blog:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 117px;
    background-color: #fff;
    left: 0;
    top: -58px;
    -webkit-transform: skew(0deg,-2deg);
    -moz-transform: skew(0deg,-2deg);
    -o-transform: skew(0deg,-2deg);
    -ms-transform: skew(0deg,-2deg);
    transform: skew(0deg,-2deg)
}

.blog .container {
    position: relative;
    z-index: 1000
}

.blog-categories {
    margin-bottom: 33px
}

.blog-categories ul li {
    list-style: none;
    font-size: 14px;
    color: #002E5E;
    border-bottom: 1px solid #d5d4c6
}

.blog-categories ul li a {
    color: #002E5E;
    padding: 5px 0
}

.blog-categories ul li a:hover {
    color: #62BB46
}

.blog-categories ul li a.active {
    color: #62BB46
}

.parents-evening {
    background-color: #62bb46;
    padding: 15px;
    color: #fff;
    margin-bottom: 30px
}

.parents-evening h2 {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Roboto Slab',serif;
    display: block;
    margin-bottom: 14px
}

.parents-evening p {
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.blog-links {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 6px
}

.blog-links a {
    margin-right: 10px;
    height: 30px;
    padding: 0 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1
}

.blog-links a.events {
    background-color: #62bb46
}

.blog-links a.school-blog {
    background-color: #0095da
}

.blog-links a.reports {
    background-color: #c9252c
}

.blog-list {
    padding: 0;
    margin: 0
}

.blog-list ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.blog-list li {
    padding: 24px 35px 18px 0;
    border-bottom: 1px solid #e8e7e0;
    position: relative
}

.blog-list li .arrow-link {
    position: absolute;
    right: 0;
    width: 30px;
    height: 48px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    z-index: 10;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: url(https://cdn.shortpixel.ai/spai/ret_img/https://www.gems-hassee.de/wp-content/themes/gems-hassee/assets/images/blog-list-arrow.svg) no-repeat left top
}

.blog-list li .arrow-link:hover {
    background: url(https://cdn.shortpixel.ai/spai/ret_img/https://www.gems-hassee.de/wp-content/themes/gems-hassee/assets/images/blog-list-arrow-hover.svg) no-repeat left top;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.blog-list .blog-label {
    position: absolute;
    /* right: 140px; */
    top: 24px;
    clip-path: polygon(0 0,91% 0,100% 89%,0% 100%);
    background-color: #FFCB05;
    font-size: 12px;
    font-weight: 700;
    height: 34px;
    display: flex;
    align-items: center;
    color: #4A493C;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 15px;
    right: 42px;
}

.blog-list .blog-title {
    font-size: 20px;
    color: #0095DA;
    font-weight: 700;
    font-family: 'Roboto Slab',serif;
    line-height: 24px;
    max-width: 380px;
    width: 100%;
    margin-bottom: 15px
}

.blog-list .blog-title .blog-date-time {
    display: block;
    width: 100%
}

.blog-list .blog-title a {
    color: #0095DA;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.blog-list .blog-title a:hover {
    color: #4A493C
}

.blog-list p {
    font-size: 14px;
    line-height: 17px;
    color: #4A493C
}

.blog.blog-detail {
    padding: 30px 0 0
}

.blog.blog-detail .row-content {
    padding: 0 0 40px 0
}

.blog.blog-detail:before {
    display: none
}

.post-find-here {
    background-color: #eaeae5
}

.post-find-here:not(.p-0)>div,.post-find-here:not(.p-0)>h2 {
    padding: 15px;
    margin-bottom: 0
}

.post-find-here>h2 {
    padding: 15px 15px 0 15px;
    margin-bottom: 0
}

.post-find-here h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #4A493C;
    font-family: 'Roboto Slab',serif;
    line-height: 1.3rem;
}

.post-find-here p {
    font-size: 14px;
    line-height: 17px
}

.blog-head {
    padding: 0 0 5px;
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #D1D0C1
}

.blog-head span {
    font-size: 20px;
    color: #002E5E;
    line-height: 24px
}

.blog-head a {
    font-size: 14px;
    color: #0095DA;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.blog-head a:hover {
    color: #002E5E
}

.blog-title {
    font-size: 2.2rem;
    color: #0095DA;
    font-weight: 700;
    /* line-height:33px; */
    font-family: 'Roboto Slab',serif;
    margin-bottom: .8rem;
}

.blog-label {
    display: inline-flex;
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #4A493C;
    line-height: 16px;
    width: auto;
    flex-wrap: wrap;
    height: 34px;
    align-items: center;
    padding: 0 10px 0 5px;
    clip-path: polygon(0 0,91% 0,100% 89%,0% 100%);
    background-color: #FFCB05
}

.blog-message {
    font-size: 20px;
    color: #4A493C;
    line-height: 24px;
    margin-bottom: 16px
}

.blog-notes {
    font-size: 14px;
    color: #A2A296;
    margin-bottom: 22px;
    line-height: 16px
}

.blog-content {
    font-size: 14px;
    color: #4A493C;
    padding-bottom: 34px;
    line-height: 16px
}

.blog-content p {
    margin-bottom: 18px;
    font-size: 14px;
    color: #4A493C;
    line-height: 16px
}

.blog-content strong {
    font-weight: 700
}

.blog-content li {
    font-size: 14px;
    color: #4A493C;
    line-height: 1.6
}

.blog-content ul {
    padding: 0;
    margin: 0 0 0 1em;
    list-style: disc
}

.blog-content li {
    padding: 0;
    margin: 0 0 0 1em;
    list-style: decimal
}

.more-blog {
    margin-right: 100px
}

.more-blog h2 {
    font-size: 30px;
    color: #002E5E;
    font-weight: 400;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 28px
}

.more-blog [class^="col-"],.more-blog [class*="col-"] {
    margin-bottom: 30px
}

.more-blog .card {
    padding: 28px 18px 23px;
    margin: 0;
    height: 100%;
    height: 275px;
    background-color: transparent;
    border: 0;
    border-radius: 0
}

.more-blog .card-title {
    color: #fff;
    font-family: 'Roboto Slab',serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

.more-blog .card-body {
    color: #fff;
    padding: 0
}

.more-blog .card-body p {
    color: #fff
}

.more-blog .card-description {
    font-weight: 700;
    color: #fff;
    line-height: 17px;
    font-size: 14px
}

.more-blog .blog-date {
    margin-top: 15px
}

.school-concept {
    padding: 20px 0;
    margin: 0
}

.school-concept h1 {
    font-size: 28px;
    color: #0095DA;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 15px
}

.school-concept h2 {
    font-size: 20px;
    color: #0095DA;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 15px
}

.school-concept h3 {
    font-size: 16px;
    color: #0095DA;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 15px
}

.school-concept h4 {
    font-size: 14px;
    color: #0095DA;
    font-family: 'Roboto Slab',serif;
    margin-bottom: 15px
}

.school-concept p {
    font-size: 14px;
    color: #4A493C;
    line-height: 17px;
    margin-bottom: 30px
}

.school-concept .school-message {
    font-size: 20px;
    color: #4A493C;
    line-height: 24px;
    margin-bottom: 15px
}

.school-categories {
    margin-bottom: 30px
}

.school-categories ul li {
    list-style: none;
    font-size: 14px;
    color: #002E5E;
    border-bottom: 1px solid #d5d4c6
}

.school-categories ul li a {
    color: #002E5E;
    padding: 10px 0
}

.school-categories ul li a:hover {
    color: #62BB46
}

.school-categories ul li a.active {
    color: #62BB46
}

.school-concept .more-blog h2 {
    color: #002E5E
}

.other-context {
    padding: 25px;
    background-color: #eaeae5;
    margin-bottom: 30px
}

.other-context h2 {
    font-size: 20px;
    font-weight: 700;
    color: #4A493C;
    font-family: 'Roboto Slab',serif;
    line-height: 24px;
    margin-bottom: 13px
}

.other-context p {
    font-size: 14px;
    line-height: 17px
}

.accordion {
    padding: 0;
    margin: 0 0 60px
}

.accordion .card {
    border: 0;
    background-color: transparent;
    border-radius: 0
}

.accordion .card .card-header {
    padding: 0;
    margin: 0;
    background-color: transparent;
    font-size: 20px;
    padding: 15px 0;
    font-weight: 400;
    cursor: pointer;
    border-bottom: 1px solid #D1D0C1
}

.accordion .card .card-title {
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: 400
}

.accordion .card .card-body {
    padding: 15px 0
}

.accordion.school-accordion .card-title {
    color: #62BB46
}

.tabs {
    padding: 0;
    margin: 0
}

.tabs .nav-item {
    margin: 0
}

.tabs .nav-tabs {
    padding: 0;
    margin: 0
}

.tabs .nav-link {
    border: 0;
    color: #002E5E;
    font-size: 14px;
    position: relative
}

.tabs .nav-link.active {
    color: #62BB46
}

.tabs .nav-link.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #62BB46;
    left: 0
}

.tabs .tab-content {
    padding: 15px 0;
    font-size: 14px;
    line-height: 17px;
    color: #4A493C
}

.our-collage {
    padding: 20px 0;
    margin: 0
}

.our-collage .container {
    position: relative;
    z-index: 1000
}

.our-collage .thumb {
    margin-bottom: 15px
}

.our-collage .collage-message {
    font-size: 20px;
    color: #4A493C;
    line-height: 24px;
    margin-bottom: 20px
}

.collage-links {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 24px
}

.collage-links a {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    flex: 1;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center
}

.collage-list {
    padding: 0 0 30px;
    margin: 0
}

.collage-list .items {
    margin-bottom: 30px
}

.collage-list .card {
    border: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0
}

.collage-list .card-image {
    width: 100%;
    margin-bottom: 10px;
    min-height: 60px;
    background-color: #94A4C2
}

.collage-list .card-image a {
    display: block;
    min-height: 60px;
    width: 100%
}

.collage-list .card-body {
    padding: 0;
    font-size: 12px;
    color: #4A493C
}

.collage-list .card-title {
    font-size: 14px;
    color: #4A493C;
    font-weight: 700;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.collage-list .card-title:hover {
    color: #62BB46
}

.collage-list a.card-title {
    color: #4A493C
}

.collage-list .card-body p {
    margin: 0 0 5px
}

.collage-list .card-body .email {
    font-size: 12px;
    color: #62BB46;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.collage-list .card-body .email:hover {
    font-size: 12px;
    color: #4A493C
}

figure.wp-block-table {
    max-width: 700px
}

tr {
    border-bottom: 1px solid #efefef
}

tr:first-child {
    border-top: 1px solid #efefef
}

td {
    padding: 10px 5px
}

td:first-child {
    padding: 10px 2px;
    hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    word-wrap: unset
}

.col-left .menu>li {
    display: none
}

.col-left .menu>li.active,.col-left .menu>li.current-menu-ancestor {
    display: block
}

.col-left .menu>li.active>a,.col-left .menu>li.current-menu-ancestor>a {
    display: none
}

.col-left .menu li.active .dropdown-menu,.col-left .menu li.current-menu-ancestor .dropdown-menu {
    display: block;
    background-color: unset;
    color: #444;
    width: 100%;
    padding: 0;
    position: relative;
    top: 0
}

.col-left .menu li.active .dropdown-menu li a,.col-left .menu li.current-menu-ancestor .dropdown-menu li a {
    color: #444;
    padding: 10px 0;
    border-bottom: none;
    width: 100%;
    display: block
}

.col-left .menu li.active a {
    color: #62bb47!important
}

.close {
    font-size: 3rem;
    color: #62bb46;
    opacity: 1;
    text-shadow: none
}

.close:hover {
    color: green;
    opacity: 1
}

.close.hero {
    font-size: 3rem
}

#mc_embed_signup form {
    padding: 0!important
}

#mc_embed_signup #mce-success-response {
    background: #529214!important;
    padding: 10px 20px!important;
    font-size: 18px!important;
    color: #fff!important;
    width: calc(100% - 20px)!important
}

div#mce-responses {
    width: 100%!important;
    margin: 0!important
}

.bawmrp {
    margin-top: 30px;
    margin-bottom: 30px
}

.bawmrp ul {
    list-style: none
}

.bawmrp h3 {
    margin-bottom: 10px
}

.bawmrp li.bawmrp_manual {
    border-bottom: 1px solid #efefef;
    padding: 10px 0
}

li.bawmrp_manual:first-child {
    border-top: 1px solid #efefef
}

.bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.bg-image-center-top {
    background-position: center top
}

.embed-responsive-3by4::before {
    padding-top: 135%
}

.widget>div>p:last-child {
    margin-bottom: 0
}

.widget>div>p:last-child {
    margin-bottom: 0
}

.col-content .wrapper.image-wrapper.image-top {
    margin-bottom: 20px
}

.gform_wrapper textarea,select,.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 1px solid #d8d8d8!important;
    min-width: 380px!important;
    padding: 10px!important;
    margin-top: 0!important
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: 0!important
}

select,.gform_wrapper.gf_browser_chrome select {
    padding: 10px!important
}

body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: -10px!important
}

.gform_wrapper ul.gfield_checkbox li label {
    vertical-align: top!important;
    padding-left: 6px!important
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] {
    margin-top: 0px!important
}

body .gform_wrapper ul li.gfield {
    margin-top: 20px!important;
    padding-top: 0!important
}

body .gform_wrapper ul li.gfield:first-child {
    margin-top: 0px!important
}

.gform_wrapper .gfield_radio li input[type=radio] {
    vertical-align: top!important
}

div .inline-radios li {
    display: inline-block;
    margin-right: 20px!important
}

.tribe-common .tribe-common-c-btn,.tribe-common a.tribe-common-c-btn {
    background-color: #0095DA
}

.tribe-events .tribe-events-c-ical__link:before {
    display: none
}

.single-tribe_events .tribe-events-event-meta {
    background-color: unset;
    color: unset;
    border: none
}

.single-tribe_events .tribe-events-meta-group .tribe-events-single-section-title {
    font-size: 24px;
    margin: 0 0 10px
}

.single-tribe_events .tribe-events-event-meta dl {
    font-size: 1.2em
}

.single-tribe_events .tribe-events-event-meta .column,.tribe-events-event-meta .tribe-events-meta-group {
    width: 100%
}

.single-tribe_events .tribe-events-cal-links,.single-tribe_events .tribe-events-cal-links>a {
    margin-top: 4px;
    margin-bottom: 4px
}

.tribe-events-event-meta .column,.tribe-events-event-meta .tribe-events-meta-group {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 15px;
    text-align: left;
    vertical-align: top;
    width: 100%;
    zoom:1;background: #efefef;
    max-width: 300px
}

.tribe-block.tribe-block__events-link {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef
}

.tribe-block__events-link .tribe-block__btn--link a {
    border: none;
    color: #009fd4;
    font-weight: 700;
    font-size: 1rem;
    margin: 0 10px 0 4px;
    min-height: 38px;
    padding: 0
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 0;
    padding-left: unset;
    padding-right: unset
}

.tribe-common .tribe-common-c-btn,.tribe-common a.tribe-common-c-btn {
    border-radius: 50px
}

div#wpd-bubble-wrapper {
    z-index: 1200!important
}

.lity-iframe-container {
    max-height: 100vh!important;
    height: 100vh!important
}

.lity-iframe .lity-container {
    width: 100vw!important;
    max-width: 100vw!important;
    top: 0!important
}

.lity-wrap:before {
    display: none
}

.lity-close,
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
    z-index: 9994;
    width: 55px;
    height: 55px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #62BB46!important;
    font-style: normal;
    font-size: 55px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* #arve button.close,
#arve .fixed-icon.d-none.d-lg-block {
    display: none !important
} */


.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    min-height: 450px
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
    min-height: 80px
}

body.page-template-dashboard {
    background-color: rgb(0 46 94 / 0%)
}

.our-collage {
    padding: 40px 0 120px 0;
    margin: 0
}

body.page-template-dashboard header button.close,body.page-template-dashboard header .logo,body.page-template-dashboard .fixed-icon {
    display: none
}

body.page-template-dashboard h1,body.page-template-dashboard h2,body.page-template-dashboard h3 {
    color: #fff
}

body.page-template-dashboard .tribe-common,
body.page-template-dashboard .tribe-common .tribe-common-h2,
body.page-template-dashboard .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month,
body.page-template-dashboard .tribe-common .tribe-common-b2,
body.page-template-dashboard .tribe-common h1, 
body.page-template-dashboard .tribe-common  h2, 
body.page-template-dashboard .tribe-common h3,
body.page-template-dashboard .tribe-common .tribe-common-h7, 
body.page-template-dashboard .tribe-common .tribe-common-h8,
body.page-template-dashboard .tribe-common a, 
body.page-template-dashboard .tribe-common a:active, 
body.page-template-dashboard .tribe-common a:focus, 
body.page-template-dashboard .tribe-common a:hover, .tribe-common a:visited {
    color: #fff !important;
}

.lity-iframe-container iframe {
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    background-color: rgb(0 131 191 / 0%)
}

.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0095DA;
    background: rgb(0 131 191 / 90%);
    outline: none!important;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

xxxhtml:not(.lity-active) {
    filter: blur(4px)
}

xxxhtml:not(.lity-active) {
    filter: blur(4px)
}

html.lity-active {
    overflow: hidden
}

.lity-active .the-content,.lity-active .header {
    filter: blur(4px)
}

.lity-active iframe .the-content,.lity-active iframe .header {
    filter: blur(0)
}

body.page-template-dashboard,.page-template-dashboard a,.page-template-dashboard a:hover,.page-template-dashboard a:focus,.page-template-dashboard .a {
    color: #fff;
    font-weight: 700;
    font-size: 1.1em
}

.type-tribe_events .tribe-mini-calendar-event h2 {
    margin-bottom: 0
}

.type-tribe_events .tribe-mini-calendar-event {
    margin-bottom: 20px
}

.sitemap .dropdown-menu {
    position: relative;
    display: block;
    top: unset;
    left: unset;
    z-index: unset;
    float: unset;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: unset;
    text-align: left;
    list-style: none;
    background-color: unset;
    background-clip: unset;
    border: unset;
    border-radius: unset
}

body.page-template-dashboard .col-content ul:not(.blocks-gallery-grid) li:before {
    background-color: rgb(255 255 255 / 65%)
}

ul.sitemap {
    padding-left: 0!important
}

ul.sitemap>li:before {
    display: none!important
}

.sitemap>li.menu-item {
    display: inline
}

ul.sitemap {
    padding: 0;
    max-width: 100%
}

.sitemap ul.dropdown-menu {
    margin-bottom: 20px
}

.credits-container .credits-overlay {
    background-color: rgb(255 255 255 / 0%)!important;
    opacity: 1!important
}

.credits-container .credits-overlay a {
    color: #fff!important;
    text-shadow: 0 0 4px rgb(0 0 0 / 60%)!important;
    opacity: 1
}

.wrapper-termine .border-bottom:last-child {
    border: 0 solid!important
}


body #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    right: 0;
    height: 39px;
    line-height: 39px;
    width: 40px;
    color: #ffffff;
    border-left: 1px solid rgb(0 149 218 / 0%) !important;
    background-color: rgb(0 149 218 / 0%) !important;
    font-weight: 700
}


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


.topbar {
    -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;

}



.responsive-menu-open .topbar {
   
   -moz-transform: translateX(0px) translateY(-100px);
-webkit-transform: translateX(0px) translateY(-100px);
-o-transform: translateX(0px) translateY(-100px);
-ms-transform: translateX(0px) translateY(-100px);
transform: translateX(0px) translateY(-100px);
}


xxxbody:before {
    content: "";
    display: block;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgb(255 255 255 / 0%);
    z-index: -100;
    -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

xxx.responsive-menu-open body:before {
    background: rgb(0 31 47 / 73%);
    z-index: 100;
}










xxx.responsive-menu-open header.header-container.border-bottom  {
    border-bottom: 1px solid rgb(222 226 230 / 0%)!important;
}




xxxhtml.responsive-menu-open .responsive-menu-inner, 
xxxhtml.responsive-menu-open .responsive-menu-inner::before, 
xxxhtml.responsive-menu-open .responsive-menu-inner::after {
    background-color: #ffffff !important
}



div#responsive-menu-wrapper {
    padding: 34px 0 !important;
}

}



blockquote.wp-block-quote  {
      font-size: 18px;
    border-left: 10px solid #0095DA;
    padding-left: 20px;
    font-family: "Roboto Slab";
}

blockquote.wp-block-quote > p {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 34px;
   
}


.wp-block-kadence-accordion {
    margin-bottom: 50px;
}

.wp-block-kadence-accordion button.kt-blocks-accordion-header {
    border: none !important;
    border-width: 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #efefef !important;
    margin: 0 !important
}



.wp-block-kadence-accordion span.kt-blocks-accordion-icon-trigger {
    color: #0095DA !important;
} 

.wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger:before,
.wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger:after {
    background: #0095DA !important
}

.wp-block-kadence-accordion .kt-accordion-panel-inner {
    padding: 10px 0 !important;
    border: none !important;
    border-bottom: 1px solid #efefef !important;
}

.wp-block-kadence-accordion .kt-accordion-panel-inner p:last-child {
    margin: 0 !important;
}

.wp-block-kadence-accordion .kt-blocks-accordion-header.kt-accordion-panel-active {
    border-color: #fff !important;
}


.wp-block-kadence-accordion span.kt-blocks-accordion-title {
    font-size: 16px;
    color: #0095DA !important;
}







/* KALENDER */

div#desktop-calendar .fc-daygrid-event {
    font-size: 13px !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

div#desktop-calendar .fc-daygrid-event {
    white-space: normal !important;
    align-items: start !important;
    flex-direction: column !important;
    font-size: 13px !important;
    overflow: hidden !important;
}

div#desktop-calendar .fc-event-time,
a.fc-h-event {
    font-weight: 700;
    font-size: 13px !important;
}


div#desktop-calendar .fc-daygrid-event-dot {
    display: none;
}



div#desktop-calendar table {
    margin: unset !important;
}



div#desktop-calendar td {
    padding: unset !important;
}


a.fc-event {
    pointer-events: none;
}