/* 
html5doctor.com Reset Stylesheet
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 

*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}

body {line-height:1;font-size:100.01%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.custom {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;vertical-align:baseline;background:transparent;}

/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:0;
    padding:0;
}

del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}

sub,sup,small {font-size: 75%;}
sub,sup {line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.3em;}
svg {overflow: hidden;}

/*  Contao Open Source CMS - Copyright (c) 2005-2016 Leo Feyer - @license LGPL-3.0+ */

@media screen{
	#container,.inside,#main,#left,#right{position:relative;}
	#container{margin-left: auto;margin-right: auto;}
	#footer {clear:both;}
	#main .inside {min-height:1px;}
	.float_left {float:left;}
	.float_right {float:right;}
	.block {overflow:hidden;}
	.clear,#clear {height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
	.invisible {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	.custom {display:block;}
	#container:after,.custom:after {content:"";display:table;clear:both;}
}

@media (max-width:768px)
{
	#wrapper {margin:0;width:auto;}
	#container {padding-left:0;padding-right:0;}
	#main,#left,#right {float:none;width:auto;}
	#left {right:0;margin-left:0;}
	#right {margin-right:0;}
}


    
@media only screen{
    #druckadresse{display:none}
	*{box-sizing: border-box;}
    html, body {
        height: 100%;
        margin: 0;
    }
	html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; backface-visibility: visible;scroll-behavior: smooth;}
	body {background:#fff;font:1.3em/1.4 'Mulish',Verdana, sans-serif;font-weight:300;color:#3a404c;-webkit-font-smoothing:subpixel-antialiased;hyphens: none;}
    .custom{width:100%}
    

    
    #container{clear:both;margin:1.5rem 0 0 0}

/*
    .logo{height:100px;width:222px}
	.logo:hover{opacity:.8}
    .logo a{width:220px;}
	.logo a{background-image:url("../../files/theme/img/logo/aefmat.png");background-size:contain;height:100px;display:block;background-repeat:no-repeat; position:absolute; }
    .logo a:focus *{color:#000 !important;}

*/
#header .inside{margin:10px 10px 0 10px;}

    .headcontainer {min-height:80px;}
    .logobereich {position: relative;left:0;top:0;margin:0;z-index:50;width:200px;height:70px;}
    .navibereich {width:100%}
    .language {position:absolute;right:0;top:10px;width: 30px;}

    .logobereich a{background-image:url("../../files/theme/img/logo/aefmat-logo.png");display:inline-block;
        background-repeat:no-repeat;background-size: contain;width:100%;height:70px;background-position:center left;position:absolute;left:0;top:0;
    }

    .logobereich a:hover{opacity:.8}
    #main .article-inside{width:100%;max-width:1440px;margin:0 auto 0;}

    #footer{background:#ebebe6;}
    #footer .inside{margin:0;padding:2rem}
    #footer .inside{margin:0;}

    .hide-on-mobile{display:none}
}

@media (min-width: 768px) {
    body{font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1800 - 300)));
        line-height:1.6 ;color:#282828;font-weight:300;letter-spacing:-0.1px}
    .hide-on-desktop{display:none !important;}
}




@media (min-width:992px) {
    .hide-on-mobile{display:block}

    #wrapper {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
    #container {
        flex: 1;
    }

#footer{border-top:6px solid #74979d}

  /*  #container,#header .inside{width:calc(100% - 60px);max-width:1440px;margin:2.5rem auto 1.5rem;}*/
    #header .inside{width:calc(100% - 40px);max-width:1440px;margin:0 auto 0;padding:0 0.75rem }
    #main .article-inside,#footer .inside{width:calc(100% - 40px);max-width:1440px;margin:0 auto 0;}
    #main .mod_article.colored .article-inside{width:calc(100% - 60px);max-width:1420px;}
    #main .mod_article.colored .article-inside{padding:4.5rem calc(4vw - 0.75rem) 0}
    #main .mod_article.full .article-inside{padding-top:4rem}



    #container{margin:3rem 0 2rem 0}


    .headcontainer {display: flex;min-height:auto;padding:0}
    .logobereich {flex: 0 0 17%;width:auto;height:auto;}
    .navibereich {flex: 1;width:auto}
    .language {flex: 0 0 auto;width: 30px;top:0; position: relative;}

    .logobereich a{background-position:center center;}
    .logobereich {flex: 0 0 17%;}

    .logobereich a{background-image:url("../../files/theme/img/logo/aefmat-logo.png");display:block;
        background-repeat:no-repeat;background-size: contain;width:222px;height:102px;background-position:center left;position:absolute;left:0;top:20px;
    }

}


@media (min-width:1200px) {

    .logobereich {flex: 0 0 15%;}
 /*   #main .mod_article.colored .article-inside{padding:4.5rem calc(5vw - 0.75rem) }*/

}


@media (min-width:1480px) {



}


.vcenter{ margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}

a{text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}



/*!
 * Bootstrap Grid v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */


.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}


.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-95 {
    flex: 0 0 auto;
    width: 80%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

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

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
}
/* gfs-didot-regular - greek */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'GFS Didot';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/theme/fonts/gfs-didot-v15-greek-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../../files/theme/fonts/gfs-didot-v15-greek-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* mulish-200 - 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: 'Mulish';
    font-style: normal;
    font-weight: 200;
    src: url('../../files/theme/fonts/mulish-v13-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../../files/theme/fonts/mulish-v13-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* mulish-300 - 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: 'Mulish';
    font-style: normal;
    font-weight: 300;
    src: url('../../files/theme/fonts/mulish-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../../files/theme/fonts/mulish-v13-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* mulish-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: 'Mulish';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/theme/fonts/mulish-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../../files/theme/fonts/mulish-v13-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* mulish-500 - 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: 'Mulish';
    font-style: normal;
    font-weight: 500;
    src: url('../../files/theme/fonts/mulish-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../../files/theme/fonts/mulish-v13-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* qwitcher-grypen-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: 'Qwitcher Grypen';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/theme/fonts/qwitcher-grypen-v6-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.mainmenu {font-weight:300;}
.mainmenu li,.footernav li{list-style-type:none;margin:0;padding:0;}
.mainmenu a,.mainmenu span,.mainmenu strong{}
.mainmenu *:hover{text-decoration:none;}



a.mobile_handle {
    display: block;
    cursor: pointer;
    position: absolute;
    right:30px;
    top: 25px;
    margin-right:15px;
    border-top: 2px solid #1a1a1a;
    border-bottom: 2px solid #1a1a1a;
    transition: all .25s ease-in-out;
    background: transparent;
    width: 30px;
    height: 20px;
	z-index:90
	
}
a.mobile_handle:before, a.mobile_handle:after {
    background: #1a1a1a;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform .25s ease-in-out;
}
a.mobile_handle.change {border-color: transparent;right:30px;}
a.mobile_handle.change:before, a.mobile_handle.change:after {background: #666;}
a.mobile_handle.change:before {transform: translate(-50%, -50%) rotate(45deg);}
a.mobile_handle.change:after {transform: translate(-50%, -50%) rotate(-45deg);}


.mainmenu i {
  border: solid #666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 7px;
}

.mainmenu i.down {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
	transform-origin:60% 80%
}
.mainmenu i.up {
    transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	transform-origin:60% 50%
}

.mainmenu ul {
    position: relative;
    height: auto;
    -ms-transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;/*	text-align:left;	
		margin-bottom:0;*/
	z-index:90
}

.mainmenu ul.level_1 {
	height: auto;
}
.mainmenu ul.level_1 li {
	float: none;
	width: 100%;

	position:relative;
	background:transparent;

}
.mainmenu ul.level_2 li {


}


.mainmenu ul.level_1 li a, .mainmenu ul.level_1 li strong, .mainmenu ul.level_1 li span.forward {
	width: 100%;

	display: block;
	height: 50px;
	line-height:50px;
	padding:0 20px 0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#4d4d4d;
	font-weight:300;
	
}



.mainmenu ul.level_1 li.last a, .mainmenu ul.level_1 li.last strong.active, .mainmenu ul.level_1 li.last span.forward{border-bottom:0}
.mainmenu ul.level_1 li.first a, .mainmenu ul.level_1 li.first strong.active, .mainmenu ul.level_1 li.first span.forward{border-top:0}

.mainmenu ul.level_1 li > ul {
	position: relative;
	background-color: #fbfbfb;
	z-index: 99;
	margin-bottom:0;
}
.mainmenu ul.level_1 li > ul {
	padding: 0px;
	display: none;
	-webkit-transition-property: opacity, visibility;
	-moz-transition-property: opacity, visibility;
	-o-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .2s, 0s;
	-moz-transition-duration: .2s, 0s;
	-o-transition-duration: .2s, 0s;
	transition-duration: .2s, 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	-o-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;

}
.mainmenu ul.level_2 {min-width:auto;/*top:0px;*/width: auto;}
.mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward {background: transparent;color: #666;}
.mainmenu .active,.mainmenu .active span.linkspan{color:#fff}

.mainmenu .active, .mainmenu ul.level_2 li span.active,.mainmenu span.active{background:transparent;color:#e66b63}
.mainmenu .trail{color:#000}
.mainmenu ul.level_2 li > ul {
	min-width: auto;
	width: auto;
	left: 0;
	top: 0;
	margin-left: 0%;
	padding: 0px;
}
.mainmenu ul.level_2 li.active span.active{color:#e66b63 !important}
.mainmenu ul.level_2 li a, .mainmenu ul.level_2 li .active, .mainmenu ul.level_2 li span.forward {padding-left: 20px !important;}
.mainmenu ul.level_3 li a, .mainmenu ul.level_3 li .active, .mainmenu ul.level_3 li span.forward {padding-left: 35px !important;}

/* Sub Arrow */
.mainmenu ul li a.sub_nav {
	position: absolute;
	width: 36px;
	height: 50px;
	right: 40px;
	top: 0px;
	margin: 0;
	padding: 0px 0 0 0 !important;
	background-color:transparent !important;
	color: #666;
	text-align:center;
	cursor: pointer;
	line-height:50px;
	border:0;
}


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



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

	.mainmenu ul.level_1 li:not(:nth-last-child(1)) {border-bottom:1px solid #ccc;}
	.mainmenu ul li a.sub_nav {
		position: absolute;
		width: 36px;
		height: 36px;
		right: 40px;
		top: 10px;
		margin: 0;
		padding: 0 0 0 0 !important;

		color: #666;
		text-align:center;
		cursor: pointer;
		line-height:30px;
		border:1px solid #333;
		border-radius:100px;
	}


}
@media screen and (min-width:992px) {
    
    

.mainmenu li.no-desktopnav,
.mainmenu i,
.mainmenu ul.level_3{display:none !important;}
    
.mainmenu {overflow: visible !important;width:auto;float:right;margin-right:5px}
.mainmenu ul {
	margin:0 0 0 0;
	padding:0;
	position: relative;
	display: block;
	text-align:left;
	-ms-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out
}
.mainmenu ul.level_1 {
	height:100px;
	width: auto;
	position: relative;
	display: block;
	margin:25px 0;
}

.mainmenu ul.level_1 li {
	position: relative;
	float: left;
	display: block;
	margin:0;
	padding:0;
	width:auto;
}


    
.mainmenu ul.level_1 li a, .mainmenu ul.level_1 li strong.active, .mainmenu ul.level_1 li span.forward,.mainmenu ul.level_1 li.trail strong {
	line-height:100px;
	height:100px;
	padding:0 8px;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-weight:300;
	color:#4d4d4d;
	font-size:105%;
    border-top:0;
}
.mainmenu ul.level_1 li a:hover{color:#4d4d4d;;background:#f2f2f2}
.mainmenu ul.level_1 li.last a, .mainmenu ul.level_1 li.last strong.active, .mainmenu ul.level_1 li.last span.forward {padding-right:.5rem;}
.mainmenu ul.level_1 li > ul {position: absolute;background-color: transparent;z-index: 999}
.mainmenu ul.level_1 li > ul {
	visibility: hidden;
	opacity: 0;
	display:block;
	-webkit-transition-property: opacity, visibility;
	-moz-transition-property: opacity, visibility;
	-o-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .2s, 0s;
	-moz-transition-duration: .2s, 0s;
	-o-transition-duration: .2s, 0s;
	transition-duration: .2s, 0s;
	-webkit-transition-delay: 0s, .2s;
	-moz-transition-delay: 0s, .2s;
	-o-transition-delay: 0s, .2s;
	transition-delay: 0s, .2s
}
.mainmenu ul li:hover > ul {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	-o-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
}

	.mainmenu ul.level_2{padding-top:24px !important;}


.mainmenu ul.level_2 li {
	min-width:200px;
	width: 100%;
	position: relative;
	float: none;
	display: inline-block;
	margin:0;
	padding: 0;
	background:transparent;
    border-bottom:0
}
    

		
.mainmenu ul.level_2 li a, .mainmenu ul.level_2 li strong, .mainmenu ul.level_2 li strong.active,.mainmenu ul.level_2 li.trail strong, .mainmenu ul.level_2 li span.forward{
	position: relative;
	float: none;
	display: block;
	white-space: nowrap;
	height:auto;
	line-height:50px;
	padding:0 40px 0 10px !important;
	background-color:#F4F4F4;
	margin-top:1px;
	font-size:100%;
	color:#4d4d4d;
    border-top:0;
}

	.mainmenu ul.level_2 li a:hover{background:#f2f2f2;}




.mainmenu ul.level_2 li.last a, .mainmenu ul.level_2 li.last strong.active, .mainmenu ul.level_2 li.last span.forward {border-bottom:0;}
.mainmenu ul.level_2 li a:hover, .mainmenu ul.level_2 li strong.active, .mainmenu ul.level_2 li a.trail, .mainmenu ul.level_2 li.submenu:hover > a, .mainmenu ul.level_2 li span.forward {color:#4d4d4d;background:#fff}
	.mainmenu ul.level_2 li.active strong.active{padding-left:20px !important;}

.mainmenu ul.level_1 li strong.active,.mainmenu ul.level_1 li span.forward,.mainmenu ul.level_1 li.trail a,.mainmenu ul.level_1 li.trail strong{color:#4d4d4d;background:#fff;}
.mainmenu a.mobile_handle {display: none}

.mainmenu ul.level_1 li.teacher a, .mainmenu ul.level_1 li.teacher strong{background-color:#74979d;color:#fff}
.mainmenu ul.level_1 li.teacher a:hover{background-color: #93b5bb
}

}
.mainmenu ul.level_1 a.trail span{color:#acacac}


@media screen and (min-width:1180px) {
	.mainmenu ul.level_1 li a, .mainmenu ul.level_1 li strong.active, .mainmenu ul.level_1 li span.forward, .mainmenu ul.level_1 li.trail strong {

		padding: 0 15px;

	}
}
@media only screen {

    /* -- Bilder -- */
    .image_container {
        line-height: 0;
    }

    img {
        display: block;
        width: 100%;
        height: auto;
        border-style: none;
    }

    .round img {
        border-radius: 100%;
        border: 8px solid #fff
    }


    /*-- Artikel --*/
    #main .mod_article {
        width: 100%;
        margin-bottom: 0
    }

    #main .mod_article {
        background: transparent;
        padding: 0 0 0 0;
    }

    #main .mod_article.full {
        width: 100%;
        max-width: 100%;
        background: #f1f1ee;
        margin-bottom: 2rem
    }

    #main .mod_article.colored .article-inside {
        width: calc(100% - 20px);
        max-width: 1420px;
        background: #f1f1ee;
        margin: 0 auto 2.5rem auto;
        padding: 2.5rem calc(1.5rem - 10px) 0
    }

    #main .mod_article.full .article-inside {
        padding-top: 2.5rem
    }


    /*  --  Tabellen -- */
    .content-table table, .ce_table {
        width: 100%
    }

    table tr:nth-child(even) {
        background: #d3c4c2
    }

    td, th {
        padding: 10px;
        text-align: left;
        border-right: 1px solid #c4b2af
    }

    th:last-of-type, td:last-of-type {
        border: 0
    }

    thead {
        border-bottom: 1px solid #d3c4c2
    }


    /*-- Text --*/
    strong {
        font-weight: 400;
    }

    p {
        margin: 0
    }

    p + p {
        margin-top: 1.5em
    }

    a {
        color: #444;
        text-decoration: none
    }

    p a, .ce_hyperlink a, label a {
        color: #383838;
    }

    p a:focus, li a:focus, .ce_hyperlink a:focus, form a:focus {
        background: #000 !important;
        color: #fff !important;
    }
.ce_text p a, .ce_text li a{border-bottom:2px dotted #888888
}
    .ce_text p a:hover, .ce_text li a:hover{border-bottom:2px dotted #ccc;color:#666}


    .textbig {
        font-size: 130%;
        line-height: 1.4
    }

    #container div [class*="ce_"] {
        margin-bottom: 2.5rem;
    }

    #container div h1.ce_headline, #container div h2.ce_headline, #container div h3.ce_headline {
        margin-bottom: 4rem;
    }


    li {
        list-style-type: none
    }

    h1, #container h2, h1, #container h3 {
        font-family: 'GFS Didot', Times, sans-serif;
        font-size: 240%;
        font-weight: 300;
        color: #40485a;
        line-height: 1
    }
    #container h3{font-size: 200%;}
    #container h1:after, #container h2:after, #container h3:after {
        content: '';
        display: block;
        position: absolute;
        width: 100px;
        height: 2px;
        background: #bec6c8;
        margin-top: 2rem;
    }

    #container h1, #container h2, #container h3 {
        margin-bottom: 4rem
    }

    h4, h5, h6 {
        line-height: 1.2;
        margin-bottom: .6em
    }

    .ce_headline.center {
        text-align: center
    }

    #container h1.center:after, #container h2.center:after, #container h3.center:after {
        left: calc(50% - 50px);
    }


    .nach_oben_link {
        text-align: center;
        z-index: 999;
    }

    i.icon-up {
        border: solid #fff;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -6px;
        margin-left: -4px;
    }

    .nach_oben_link {
        position: fixed;
        bottom: 18px;
        right: 24px;
        opacity: .8
    }

    .nach_oben_link a {
        height: 30px;
        width: 30px;
        display: inline-block;
        border-radius: 50px;
        background: rgb(184, 81, 75);
    }


    blockquote {
        margin: 1rem auto 2rem auto;
        padding: .8rem 0 0 3rem;
        position: relative;
    }

    blockquote, q {
        quotes: none;
    }

    blockquote:before {
        display: block;
        font-family: Times, "Times New Roman", serif;
        content: "\201D";
        font-size: 80px;
        position: absolute;
        left: 0;
        letter-spacing: -1px;
        top: -11px;
        color: #63787d;
    }

    blockquote:before {
        content: '“';
    }

    blockquote p {
        font-family: GFS Didot, Times, "Times New Roman", serif;
        font-style: italic;
        color: #7c7c7c;
        margin-bottom: 0;
        font-size: 110%;
        line-height: 1.4
    }


    .ce_text ul li, .ce_text ol li {
        list-style-type: circle;
        margin: 0 0 .5rem 1.4em;
    }

    .ce_text ul li:last-of-type, .ce_text ol li:last-of-type {
        margin: 0 0 0 1.4em;
    }

    .ce_text ul li::marker, .ce_text ol li::marker {
        color: #A2090C;
        font-size: 130%
    }

    .ce_text ul {
        margin: 1rem 0 0 0
    }

    .ce_text.background .text-inside {
        background: #ebebe6;
        padding: 2rem
    }

    .ce_gallery .image_container {
        overflow: hidden
    }

    .ce_gallery img {
        transition: all 300ms ease-in-out;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }

    .ce_gallery img:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        transform: scale(1.3);
    }

    .ce_gallery .image_container {
        margin: 2px
    }

    .pagination {
        width: 100%;
        margin: 2em 0 0 0
    }

    .pagination p, .pagination ul, .pagination li {
        float: left;
        margin-bottom: 5px
    }

    .pagination span.current {
        background: #fff;
        border: 1px solid #ececec;
    }

    .pagination p, .pagination li a, .pagination strong.active {
        border: 1px solid #ccc;
        margin-right: 5px;
        padding: .3em .9em;
        background: #fff;
        display: block;
        font-size: 95%
    }

    .pagination li a:hover, .pagination strong.active {
        background: #ccc;
        color: #333
    }


    .ce_hyperlink {
        overflow: visible
    }

    .ce_hyperlink a, p.more a, .ce_download a {
        text-decoration: none;
        border: 0;
        background: #63787d;
        width: auto;
        padding: 10px 28px;
        border-radius: 30px;
        font-weight: 400;
        color: #fff;
        display: inline-block
    }

    .ce_hyperlink a:hover, p.more a:hover, .ce_teaser p.more a:hover, .ce_download a:hover {
        background: #475356
    }


    .ce_downloads a {
        text-decoration: none;
        color: #4a6770;
        width: auto;
        font-weight: 400;
        display: inline-block
    }

    .ce_downloads a:hover {
        color: #ccc
    }

    /*
        .ce_hyperlink.linkleft{margin-bottom:0 !important;padding-left:0 !important;padding-right:0 !important}
        .ce_hyperlink.linkleft{overflow:visible}
        .ce_hyperlink.linkleft a{text-decoration:none;border:0;background:transparent;width:calc(100% - 1rem);padding:0; border-radius:0;font-weight:400;color:#444;display:inline-block}
        .ce_hyperlink.linkleft a:hover{background:transparent}
    */
    .video-container, .map_container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        border: 1px solid #ccc
    }

    .video-container iframe,
    .map_container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        width: calc(100% - 4px);
        height: calc(100% - 4px);
    }

    .ce_html {
        width: 100%
    }


    .ce_text.blau {
        background: blue
    }

    .ce_text.grau {
        background: grey
    }


    #header .mod_article {
        overflow: visible !important
    }

    #header .mod_article .row {
        display: block !important
    }

    /* .ce_teaser {position:relative;overflow:visible;height:auto}*/
    .beige.ce_text {
        background: #ebebe6;
        padding: 1.5rem 1.5rem 2.5rem 1.5rem
    }

    .blue .header-textcontent-inside, .blue .textimage-textcontent {
        background: #dee9ec;
    }

    .green .header-textcontent-inside, .green .textimage-textcontent {
        background: #dfe8d7;
    }

    .ce_teaser h1, .ce_teaser h2 {
        color: #40485a;
        font-size: 200%;
        font-weight: 300
    }

    .ce_teaser h1 {
        line-height: 1;
        letter-spacing: -1px
    }

    .ce_teaser h2 {
        font-size: 100%;
    }

    .ce_teaser h1, .ce_teaser h2, .boxtext {
    }

    .boxtext {
        line-height: 1.3;
    }

    .ce_teaser p.more a {
        background: #63787d;
        font-weight: 300
    }


    .header-image, .overlapping-text {
    }

    .header-image, .overlapping-text {
    }

    .header-image {
        order: 1
    }

    .overlapping-text {
        order: 2
    }


    .stripe .image_container:after, .overlapping-text:after {
        position: relative;
        bottom: 0;
        width: 100%;
        left: 0;
        height: 16px;
        display: block;
        background-position: center;
        content: '';
        z-index: 100;
        background: linear-gradient(to right, #a06361 0%, #a06361 33%, #6192a0 33%, #6192a0 66%, #88a285 66%, #88a285 100%);
    }

    .imagebottom .stripe:after {
        position: relative;
        bottom: 14px;
        width: 100%;
        left: 0;
        height: 14px;
        display: block;
        background-position: center;
        background-image: url("../../files/theme/testbilder/bg-1.jpg");
        z-index: 100;
    }

    .imagebottomnorepeat .stripe:after {
        position: relative;
        bottom: 14px;
        width: 100%;
        left: 0;
        height: 14px;
        display: block;
        background-position: center;
        background-image: url("../../files/theme/testbilder/bg-1.jpg");
        background-repeat: no-repeat;
        z-index: 100;
        background-size: 100%
    }

    #main .content-textimage {
        margin-left: auto;
        margin-right: auto
    }

    .venue address {
        font-style: normal
    }

    .map-view {
        margin: 0 15px;
        width: calc(100% - 30px) !important;
    }

    .ce_teacher {
        display: flex;
        justify-content: flex-start;

    }


    .ce_teachers .teacher {
        margin-bottom: 2rem
    }

    .teacher-inside {
        border: 1px solid #ccc;
        padding: 5px;
        height: 100%
    }

    .teacher-image {
        position: relative
    }

    .teacher-image img {
        transition: all 0.4s;
        filter: grayscale(0);
    }

    .teacher-image:hover img {
        transition: all 0.2s;
        filter: grayscale(100%);
    }

    .teacher-name {
        position: absolute;
        bottom: 10px;
        left: 10px;
        right: 10px;
        background: rgba(255, 255, 255, 0.7);
        padding: 1rem
    }

    #container .teacher-name h3 {
        font-size: 150%;
        color: #272727;
        margin-bottom: 1rem
    }

    #container .teacher-name h3:after {
        display: none
    }

    #container .teacher-name ul li {
        color: #272727;
    }


    .teacher-name li, .teacher-regions li {
        display: inline-block;
        margin-right: 0.25em;
        position: relative
    }

    .teacher-name li:not(:first-of-type) {
        padding-left: 1em;
    }

    .teacher-name li:not(:first-of-type)::before {
        content: '•'; /* Custom bullet symbol */
        color: #272727;;
        font-size: 20px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-55%); /* Center vertically */
    }

    .teacher-regions li:not(:last-of-type)::after {
        content: ','; /* Custom bullet symbol */
        color: #272727;
        font-size: inherit;
        position: absolute;
    }


    .teacher-name h3 span {
        text-transform: uppercase
    }

    .teacher-image.round img {
        border: 8px solid #ebebe6
    }


    .venue .inner {
        height: 100%
    }

    .teacher-description, .teacher-info {
        margin-bottom: 3rem
    }


    .ce_teaser {
        display: flex;
        flex-direction: column;

    }

    .header-image {

        order: 1;

    }

    .header-textcontent {
        order: 2;
        background: #ebebe6;

    }

    .header-textcontent-inside .headermaintext {
        margin-top: 1rem
    }

    .header-textcontent-inside {
        padding: 1.5rem
    }

    .header-textcontent-inside h1 {
        margin-bottom: 1rem
    }


    #postfooter .copyright {
        width: 100%;
        background: #254b54;
        text-align: center;
        color: #d3d3d3;
        font-size: 85%;
        line-height: 2;
        border-top: 1px solid #fff;
    }

#footer{font-size:90%}
    #footer p, #footer a{color: #383838;}


#footer blockquote{font-family: 'Qwitcher Grypen',sans-serif;font-size:4rem;color: #3f4c55;margin:0;line-height:1
}
#footer blockquote:before{display:none}
#footer .zitat{text-align:right}
.footernav, .photocredits{text-align:center}


    button.scroll:hover{background:transparent}
    .footericon {background: none;border: none;cursor: pointer;padding:0 ;position:fixed;right:30px;bottom:-1px;}
    .footericon.scroll svg{width: 24px;height: 25px;}
    .footericon svg{width: 24px;height: 24px;fill:#74979d;border:none}
    .footericon:hover svg{fill: #e0f2fb;}
    .footericon:focus svg{fill: black;}


    .photocredits.french li{list-style-type: none;margin-left:0 !important;}


.mod_cookiebar_opener a{border:1px solid #ccc;border-radius:50px;padding:5px 25px;margin:10px 0;background:#f2f2f2;display:inline-block}
    .mod_cookiebar_opener a:hover{border:1px solid #000;background:#fff;color:#000}

    .map-blocker{width:90%;margin:auto}
    .map-blocker p{font-size:80%}
    .map-blocker p a{border-bottom:1px dotted #666}
    .map-blocker p a:hover{border-bottom:1px dotted #000}
}

@media (max-width: 768px) {
.photocredits.french{margin-top:1rem}
    .photocredits.french li{margin: 0 !important;}

}
@media (min-width: 768px) {

    #main .mod_article.colored .article-inside{padding:2.5rem calc(4vw - 0.75rem) 0}
    .boxtext{flex-grow: 1;line-height:1.5}
    .header-textcontent-inside p.more{  text-align:left}

.images .ce_teaser{margin-bottom:100px}

    .stripe:after{bottom:16px;}

.ce_teaser{
    display:flex;
    flex-direction: row;
    align-items: stretch;
}

    .header-image {
        flex: 0 0 70%;
        order:2;
        position: relative;
        margin-left: -10%;
  }
    .header-textcontent {
        order:1;
        flex: 0 0 40%;
        position: relative;
        z-index:10}
    
    .header-textcontent{background:transparent}
    .header-textcontent-inside{
        position:relative;
        background:#ebebe6;
        height:calc(100% - 4vw);
        margin-top:2vw;
        padding:3vw;
        display:flex;
        flex-direction:column;
        justify-content: flex-start}
    .header-textcontent-inside .headermaintext {
        margin-top:0;
        position: absolute;
        width:calc(100% - 6vw);
        top: 60%;
        transform: translateY(-50%);
    }
    .header-textcontent-inside h1{margin-bottom:1rem}


    .teacher #header .inside:after{position:relative;width:100%;bottom:0;left:0;height:10px;display:block;background-position:center;content: '';z-index:100;
        background:linear-gradient(to right,#a06361 0%,#a06361 33%,#6192a0 33%,#6192a0 66%,#88a285 66%,#88a285 100%);margin-bottom:2rem}


    .footernav li{display:inline;margin-right:.75rem}
    .footernav li a:hover, .photocredits.french li a:hover{color:#4a6770 !important;}
    .footernav.french  li{display:block !important;margin-right:0}
    .footernav.french  h3{margin-bottom:.5rem}
    .footernav strong{font-weight:300;font-size:90%}
    .footernav{text-align:left}

    .photocredits.french{text-align:left}

    #container h2{font-size:200%}


}
@media (min-width: 768px) and (max-width:992px) {
    .round.content-image {
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 992px) {


    /*
      .teacher #footer{background-image: url("https://aefmat.supersonic.one/files/images-test/fond-brun-beige.jpg");
          background-repeat: no-repeat;background-size:cover}*/
    #footer .inside {
        padding: 1.5rem
    }

}
@media (min-width: 1200px) {




  /* .header-textcontent-inside,.textimage-textcontent,.beige.ce_text{padding:5vw 5vw }*/
    .ce_teaser h1, .ce_teaser h2{font-size:250%;}
    .ce_teaser h1{line-height:1.1;}
    .ce_teaser h2{font-size:100%;}

    .ce_teaser h1, .ce_teaser h2,.boxtext{}
    .boxtext{line-height:1.3}

}




.formbody,.ce_form {}
fieldset{margin-bottom:1.5rem}
/* -- Text fields and textareas -- */
input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],
input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),input[type="submit"], button.submit,textarea {
	width:100%;
	display:inline-block;
	padding:15px;
	background:#fff;
	border:0;
	margin-bottom:15px;
    font-weight:300;
border-radius:4px;
	border:1px solid #ccc
}


/* -- Font -- */
input.text,input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"], input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),input[type="submit"],button.submit,textarea,select {

	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	font-weight:inherit;
	}

/* -- Focus -- */
input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,
input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus, textarea:focus {
	outline:0;
	background:#666;
	border-color:#bbb;
	color:#fff;
}

/* -- Captcha -- */
input.captcha{width:70px;margin-right:.5em;margin-bottom:1em;margin-top:.6em;}

/* -- Fix some width and height settings -- */
input[type="file"] {cursor:pointer;}
select,input[type="file"] {display:block;}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] , button.submit{width:auto;}
textarea,select[multiple],select[size] {height:auto;}

/* -- Checkboxes and radio buttons -- */

.radio_container span,.checkbox_container span{display:block;} 
input[type="radio"],input[type="checkbox"] {margin:0 10px 0 2px;}
input[type="radio"],input[type="checkbox"]{vertical-align:middle;}
.radio_container input,.checkbox_container input{position:relative}

.vFormRadio--stacked input, .vFormCheckbox input{background:#ccc;float:left;vertical-align:middle;position:relative;margin-top:3px !important;}
.consent{margin:1.5rem 0}

.rmBase__compError{color:green; font-weight:400}


/* -- Handle disabled and read-only -- */
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {cursor:not-allowed;background:#eee;}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {background:transparent;}


/* -- Buttons -- */
input[type="submit"],#main button.submit{
    -webkit-appearance: none;
	width:auto;
	display:block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:0;
	font-weight:400;
    background:#63787d;
    color:#fff;padding:10px 30px;
    border-radius:50px;
}
#right button.submit{  margin-top:1rem;border-radius:50px;padding:10px 30px;}


input[type="submit"]:hover,button:hover, #main button.submit:hover {
	background: #8d9da1;
	color:#fff;
	text-decoration:none;
}


/*--- optional ---*/
select {
   -webkit-appearance: button;
 	padding:12px;
   background-color:#fff;
line-height:1;
   border: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom:1em;
   color:#505050;
	width:100%;
	border:1px solid #ccc
}

/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background:#fff}*/
select:active,select:focus{outline:0;border:1px solid #ccc;}

span.mandatory{color:red}

	.ie input:-ms-input-placeholder{color:#ccc;}	
	::-webkit-input-placeholder {color:#ccc;}
	::-moz-placeholder {color:#ccc;}
	:-ms-input-placeholder {color:#ccc;}
	:-moz-placeholder {color:#ccc;}


.result input[type="search"]{width:calc(100% - 51px);float:left;margin-right:10px;}
.result input[type="submit"], .result button.submit{
    -webkit-appearance: none;
	width:40px;
    padding:0;
    line-height:25px;
    padding:0;
	display:block;
	cursor:pointer;
	border:0;
    background:transparent;
    color:#fff;
    border-radius:0;

}
#main .result input[type="submit"]:hover,
#main .result button.submit:hover{
background-color: #6F7A81;

 
}

.checkbox_container{padding:0 !important;}

label[class^="col-"]{display:block;padding:0 !important;width:100% !important;}
#main input[type="text"], #footer input[type="text"],input[type="email"]{width:100% !important;max-width:100% !important;}
.kontaktformular .select{width:calc(50% - 15px) !important}
.kontaktformular .checkbox_container label{width:calc(100% - 40px);float:right}
select:focus{border:1px solid #ccc;outline:0}



input[type="radio"],input[type="checkbox"] {margin:0 10px 0 2px;width:20px;height:20px;outline:1px solid #ccc;border:0;
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;background:#fff}






input[type="radio"]:checked,input[type="checkbox"]:checked{
outline:1px solid #ccc;
    background:url("../../files/theme/svg/check.svg") #FFFFFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size:90%;

}


input[type="radio"],input[type="checkbox"]{}
.radio_container input,.checkbox_container input{position:relative}


.checkbox_container span label {vertical-align:top;line-height:33px}

form p.error{background: #bb5d4f;color:#fff;padding:10px;font-weight:400;border-radius:10px;margin-bottom:10px}

@media (min-width: 992px) {
    

    
}
button.openSrch{position:relative;float:right;height:32px;width:40px;top:19px;text-align:center;border-right:1px solid #ccc;-webkit-appearance: none;background:transparent;border:0;text-align:center;}
.openSrch svg{width:20px;height:20px;fill:#444;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow:hidden}
.openSrch:hover svg{fill:#333}
.openSrch:focus svg{fill:#fff}

button {
    color: inherit;
    font: inherit;
        line-height: inherit;
    line-height: normal;
    -moz-osx-font-smoothing: inherit;
    text-align: inherit;
    cursor: pointer;
}

.overlay {
/*visibility:hidden;*/
	display:none;
    position: relative;
    height:100px;
    right:25px;
    top:61px;
    z-index: 1;
    background:transparent;
	-webkit-transition-property: opacity, visibility;
	-moz-transition-property: opacity, visibility;
	-o-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .4s, .4s;
	-moz-transition-duration: .4s, .4s;
	-o-transition-duration: .4s, .4s;
	transition-duration: .4s, .4s;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	-o-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s
}
.overlay-content {
    position: absolute;
  top:0;
right:0}
.overlay .mod_search{width:250px;margin:auto;background:#f4f4f4;border:0;float:left;}

.overlay .closebtn {
    margin:0 0 0 20px;
    padding:0;
    border:0;
    font-size:14px;
    cursor: pointer;
    line-height:1;
}
.overlay .closebtn svg{width:24px;height:24px;fill:#666666}
.overlay .closebtn:hover svg{fill:#A2090C}


.overlay .text{color:#666 !important}
.overlay input[type="search"] {
    -webkit-appearance: none;
    width:220px;
    border:0;
    background:#f4f4f4;
    text-indent:10px;
    text-align:left;
	color:#666;
	font-size:105%;
    margin:0;
    float:left;
    height:48px;
/*    border-radius:4px 0 0 4px;
    -webkit-border-radius:0 0 0 0;*/
}
.overlay input.text{color:#4d4d4d}
.overlay input.text:focus{background:#f4f4f4;color:#444 !important}
.overlay input[type="search"]::placeholder{color:#4d4d4d}

.overlay button {
    float: left;
    width: 30px;
    height:60px;
    background:#fff;
    color:#333;
    border:0;
    padding:0;
	margin:0;
    background: #fff;
    font-size: 17px;
    cursor: pointer;
    border-radius:0 4px 4px 0;
    -webkit-border-radius:0 0 0 0;
}
.overlay button svg{fill:#666;width:15px;height:15px;margin-top:4px}
.overlay button svg:hover {fill:#333;}
.overlay button:focus {background:transparent !important;}


.overlay input[type="submit"],.overlay button.submit{
    -webkit-appearance: none;
	width:auto;
	display:block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:0;
    background:transparent;
    color:#fff;padding:0;
    border-radius:0;
    margin:2px 0 0;
    height:48px;

}

.suchemobil{margin:.5em auto;}
.suchemobil input[type="search"],.suchemobil input{width:calc(100% - 50px);height:55px;float:left;background:#fff;
	border:1px solid #ccc;border-right:0;color:#666;border-radius:0;-webkit-appearance: none;font-size:90%;font-weight:300;text-indent:10px}


.suchemobil button{width:50px;height:55px;float:right;margin-right:0;border:1px solid #ccc;border-left:0;text-align:right;padding-right:4px;background:#fff}
.suchemobil button svg{fill:#666;width:20px;height:20px;margin:4px 4px 0 0}

.mod_search p.header,#right .mod_search form{margin-bottom:1.5rem}
.mod_search div.odd,.mod_search div.even{margin-bottom:2.5rem}
.mod_search a{font-weight:300;color:#A2090C;}
.mod_search h3{margin-bottom:.5rem}
p.context{margin-bottom:.2rem}
.context .highlight{background:#e7e7e7;padding:0 3px}
@media print{

* {
    margin:0;
    padding:0;
    border:0;
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
  }
  
  img, object {
    display:block;
    margin:0;
    padding:0;
    border:0;
  }
  
  body {
    width:100%;
    text-align:left;
    margin:0;
    padding:0;
    font:12pt Arial, Helvetica, sans-serif;
    color:#848484;
    background-color:#fff;
    background-image:none;
	line-height:1.5;
  }
 
h1, h2, h3, h4, h5, h6 {
    font-weight:400;
	font-size:14pt;
    margin:1cm 0 10px 0;
    text-align:left;
    page-break-after:avoid;
  }
 h1,h2{font-size:18pt;font-family:serif;} 

p {
    font-stretch:expanded;
	padding-bottom:1em;
  }

p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  
 a,
  a:visited {
    text-decoration: none;
	border:0px !important;
  }
.teaser{
	margin-bottom:16px;
	}
  
img,.bilderrahmen {
    padding:0;
	width:auto;
    max-width: 100% !important;
	border:0px !important;
	height:auto;
    page-break-inside:avoid
  }
#main {
    float:none;
    width:auto;
    margin:0;
  }
.accordion { 
	overflow: visible !important; 
	height: auto !important; 
	visibility: visible !important; 
	display: inline !important; 
	opacity: 1 !important; 
}

.toggler,.enclosure{
	background-color: #fff;
	border:0;
	padding: 0px;
	margin-bottom:10px;
	font-size:12pt;
	font-weight:bold;
}
 
.info{
	font-size:12pt !important;
	}
table {
    width:100%;
  }
    
    .ce_text ul{margin-left:1em}

	.float_left{float:left;}
	.float_right{float:right;}	
	
    img, .image_container,.ce_image,figure{page-break-inside:avoid;}
 
#header,.hide-on-print, .teaserartikel,.logo,#footer,form,legend,.mod_navigation, .mod_customnav,.mod_navigation,#right{display:none !important}
.ce_image {margin-bottom:1em;}
    .ce_person{page-break-inside:avoid;}
    .ce_person img{border-radius:100%;width:150px !important;}
    
/*    .ce_person[class*="col-"]{float:left}*/
#druckadresse{font-size:10pt;border-bottom:1px solid #666;padding-bottom:20px;margin:0 15px 3px;}
    .print_year{font-size:16pt}

}


.mod_changelanguage {
    position: relative;
    height:30px;
    overflow:visible;
z-index:500
}
.mod_changelanguage button{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-expand-appearance: none;
    appearance: none;
    background:#fff;
    border:0;
    outline:none;
    height:10px;
    line-height:10px;
    margin:17px 0 0 0 ;
    padding:3px 0 3px 5px;

}
.mod_changelanguage button:hover, .mod_changelanguage li a:hover{color:#ccc}
.mod_changelanguage button:focus,.mod_changelanguage button:focus{background:#fff;color:#000;}
.mod_changelanguage .lang-list {position:relative;opacity:0;background:#fff;padding:3px 0 3px 5px; }
.mod_changelanguage .lang-list.visible {opacity:1;}



@media (min-width: 992px) {
    .mod_changelanguage button{

        height:30px;
        line-height:30px;
        margin:58px 0 0 0 ;
        padding:3px 0 3px 5px;

    }


}




.content-textimage {
    display: flex;
    flex-direction: column;
    gap: 0;
}




@media (min-width: 992px) {
    .content-textimage {
        display: flex;
        flex-direction: row;
        gap: 0;
    }
    .textimage-textcontent, .text-image-image {width:50%}
    .textimage-textcontent{display:flex;flex-direction:column;align-items: center;justify-content: center;}
    .textimage-textcontent .textcontainer{}

    .content-textimage .image_container {height:100%;text-align:center}
    .content-textimage img{height:100%;object-fit: cover}

}



.content-teaser{display:flex;flex-direction: column;gap:0;}

.teaser-textcontent{flex:1;background:#ebebe6;margin:0 ;padding:1rem 2rem 3rem 2rem;display:flex;flex-direction: column;gap:0;}


.teaser-textconten p.more{align-self: flex-end;align-content:stretch}

.teaser-image{background:linear-gradient(to bottom,transparent 0%,transparent 50%,#ebebe6 50%,#ebebe6 100%);}
.content-teaser .image_container {width:66%;margin:0 auto 0 auto;border-radius:100%;border:1px solid #ebebe6}
.content-teaser img{border-radius:100%;border:4px solid #fff}






@charset "UTF-8";
.contao-cookiebar {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    font-size: 0;
    letter-spacing: 0;
    text-align: left;
    padding: 15px;
    max-height: 100vh;
    box-sizing: border-box;
    pointer-events: none;
    overflow: hidden;
}
.contao-cookiebar * {
    box-sizing: border-box; }
.contao-cookiebar:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
.contao-cookiebar .cc-inner {
    display: inline-block;
    overflow-y: auto;
    max-height: 100%;
    max-width: 100%;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    font-size: 1rem;
    text-align: left; }
.contao-cookiebar.cc-top .cc-inner {
    vertical-align: top; }
.contao-cookiebar.cc-top.cc-active .cc-inner {
    animation: cookiebar-top-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-top.cc-saved .cc-inner {
    animation: cookiebar-top-out 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-bottom .cc-inner {
    vertical-align: bottom; }
.contao-cookiebar.cc-bottom.cc-active .cc-inner {
    animation: cookiebar-bottom-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-bottom.cc-saved .cc-inner {
    animation: cookiebar-bottom-out 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-middle .cc-inner {
    vertical-align: middle; }
.contao-cookiebar.cc-middle.cc-active .cc-inner {
    animation: cookiebar-middle-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-middle.cc-saved .cc-inner {
    animation: cookiebar-middle-out 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-left {
    text-align: left; }
.contao-cookiebar.cc-right {
    text-align: right; }
.contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child {
    margin-top: 0; }
.contao-cookiebar .cc-head p {
    margin-bottom: 15px; }
.contao-cookiebar .cc-btn {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    padding: 8px 14px;
    margin-bottom: 8px;
    font-size:100%;
    outline: 0 none;
    border: 1px solid #7E7E7E !important;
    border-radius: 0px;
    color: #222222;
    background: #f5f5f5; transition: all .2s}
.contao-cookiebar .cc-btn:hover {background: #ececec; }
.contao-cookiebar .cc-btn.deny:hover {background: #D04747;color:#fff !important; }
.contao-cookiebar .cc-btn.success:hover {background: #33A31C;color:#fff !important; }







.contao-cookiebar .cc-btn:last-child {
    margin-bottom: 0; }
.contao-cookiebar .grayscale .cc-btn {
    background: #f1efef; }
.contao-cookiebar .grayscale .cc-btn:hover {
    background: #ececec; }
.contao-cookiebar .grayscale .cc-btn.success {
    background: #fbfbfb; }
.contao-cookiebar .grayscale .cc-btn.success:hover {
    background: #f7f7f7; }
.contao-cookiebar .highlight .cc-btn.success {
    background: #4e9e3e;
    border-color: #3e7830;
    color: #fff; }
.contao-cookiebar .highlight .cc-btn.success:hover {
    background: #4c933f; }
.contao-cookiebar label {
    position: relative;
    display: block;
    padding: 8px 13px 8px 0;
    line-height: 1.2rem; }
.contao-cookiebar label.group {
    font-weight: 600; }
.contao-cookiebar input {
    position: absolute;
    width: 1px;
    height: 1px;
    outline: 0 none;
    opacity: 0; }
.contao-cookiebar input + label {
    padding: 8px 13px 8px 50px;
    cursor: pointer; }
.contao-cookiebar input + label:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 35px;
    height: 18px;
    margin: 0;
    box-sizing: content-box;
    border-radius: 10px;
    background: #fff;
    border: 2px solid #9c9b99;
    transition: border-color .2s; }
.contao-cookiebar input + label:after {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left: 4px;
    width: 14px;
    height: 14px;
    border-radius: 10px;
    background: #9c9b99;
    transition: background .2s, margin-left .2s, padding .2s; }
.contao-cookiebar input + label:active:after {
    padding-left: 5px; }
.contao-cookiebar input.cc-group-half + label:after {
    background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); }
.contao-cookiebar input:checked + label:after {
    background: #399d32;
    margin-left: 17px; }
.contao-cookiebar input:checked + label:active:after {
    margin-left: 12px; }
.contao-cookiebar input:checked + label:before {
    background: #dcf3db;
    border-color: #399d32; }
.contao-cookiebar input:disabled + label {
    pointer-events: none; }
.contao-cookiebar input:disabled + label:after {
    background: #c8c7c5; }
.contao-cookiebar input:disabled + label:before {
    background: #f4f4f4;
    border-color: #c8c7c5; }
.contao-cookiebar.cc-active .cc-inner {
    opacity: 1;
    pointer-events: auto;
    visibility: visible; }
.contao-cookiebar.cc-active.cc-blocked {
    pointer-events: auto;
    animation: cookiebar-overlay-in 0.5s ease-in-out forwards; }
.contao-cookiebar.cc-saved.cc-inner {
    opacity: 0;
    pointer-events: none;
    visibility: hidden; }
.contao-cookiebar.cc-saved.cc-blocked {
    pointer-events: none;
    animation: cookiebar-overlay-out 0.5s ease-in-out forwards; }


.cc-head strong{font-size:200%;letter-spacing:-2px}
.cc-info p a{border-bottom:1px dotted #666}
.cc-info p a:hover{border-bottom:1px dotted #ccc}

@media (min-width: 768px) {
    .contao-cookiebar .cc-btn {
        width: auto;
        margin-bottom: 0; }
    .contao-cookiebar .cc-inner {
        max-width: 750px; } }

@keyframes cookiebar-overlay-in {
    0% {
        background: rgba(0,0,0,0.00); }
    100% {
        background: rgba(0,0,0,0.75); } }

@keyframes cookiebar-overlay-out {
    0% {
        background: rgba(0,0,0,0.75); }
    100% {
        background: rgba(0,0,0,0.00);
        visibility: hidden; } }

@keyframes cookiebar-top-in {
    0% {
        opacity: 0;
        transform: translateY(-100%); }
    100% {
        opacity: 1;
        transform: translateY(0); } }

@keyframes cookiebar-top-out {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0); }
    100% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-100%); } }

@keyframes cookiebar-middle-in {
    0% {
        opacity: 0;
        transform: scale(0); }
    100% {
        opacity: 1;
        transform: scale(1); } }

@keyframes cookiebar-middle-out {
    0% {
        opacity: 1;
        visibility: visible;
        transform: scale(1); }
    100% {
        opacity: 0;
        visibility: hidden;
        transform: scale(0); } }

@keyframes cookiebar-bottom-in {
    0% {
        opacity: 0;
        transform: translateY(100%); }
    100% {
        opacity: 1;
        transform: translateY(0); } }

@keyframes cookiebar-bottom-out {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0); }
    100% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(100%); } }

.cookiebar_simple {
    color: #333333; }
.cookiebar_simple p {
    color: #333333;
    line-height: 1.4; }
.cookiebar_simple .cc-inner {
    padding: 20px 20px 15px 20px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
    background: #fff; }
.cookiebar_simple .cc-groups {
    display: none;
    padding-top: 15px; }
.cookiebar_simple .cc-groups .cc-group {
    position: relative;
    border: 1px solid #d0d0d0;
    border-radius: 0px;
    margin-bottom: 20px;
    text-align: left; }
.cookiebar_simple .cc-groups .cc-group > label {
    margin: 5px 130px 5px 10px; }
.cookiebar_simple .cc-cookies {
    background: #fbfbfb;
    border-radius: 0 0 0px 0px; }
.cookiebar_simple .cc-cookies > p {
    font-size: 1rem; }
.cookiebar_simple .cc-cookies > p, .cookiebar_simple .cc-cookies > .cc-cookie {
    margin: 0;
    padding: 15px;
    border-top: 1px solid #e6e6e6; }
.cookiebar_simple .cc-cookies .cc-cookie .cc-cookie-info {
    font-size: 1rem;
    background: #fff;
    padding: 10px;
    border-radius: 0px;
    border: 1px solid #efefef; }
.cookiebar_simple .cc-cookies .cc-cookie .cc-cookie-info > div > span {
    font-weight: 600; }
.cookiebar_simple .cc-cookies .cc-cookie .cc-cookie-info > div + div {
    margin-top: 5px; }
.cookiebar_simple .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details {
    margin-top: 15px; }
.cookiebar_simple .cc-cookies .cc-cookie .cc-cookie-desc p {
    margin-bottom: 0; }
.cookiebar_simple .cc-cookies .cc-cookie label.cookie + p, .cookiebar_simple .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .cookiebar_simple .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details {
    margin-top: 10px; }
.cookiebar_simple .cc-cookies .cc-cookie p {
    margin: 0 0 15px;
    font-size: 1rem; }
.cookiebar_simple .cc-footer, .cookiebar_simple .cc-info {
    text-align: left; }
.cookiebar_simple .cc-detail-btn-details {
    border: 0 none;
    outline: 0 none;
    background: transparent;
    font-size: 13px;
    letter-spacing: 0;
    text-transform: initial;
    cursor: pointer;
    color: #a2a2a2;
    text-decoration: underline;
    padding: 0;
    margin: 0 0 10px; }
.cookiebar_simple .cc-detail-btn-details span:nth-child(2) {
    display: none; }
.cookiebar_simple .cc-detail-btn-details.cc-active span:nth-child(1) {
    display: none; }
.cookiebar_simple .cc-detail-btn-details.cc-active span:nth-child(2) {
    display: inline; }
.cookiebar_simple .cc-detail-btn-details:hover {
    color: #717171; }
.cookiebar_simple .cc-info {margin-top:1rem; }
.cookiebar_simple .cc-info p{margin-bottom:.7rem}
.cookiebar_simple .cc-info > p {
    font-size: 1rem; }
.cookiebar_simple .cc-info > a {
    display: inline-block;
    font-size: 1rem;
    color: #a2a2a2;
    text-decoration: none; }
.cookiebar_simple .cc-info > a:hover {
    color: #717171; }
.cookiebar_simple .cc-info > a + a:before {
    display: inline-block;
    content: '·';
    margin-right: 5px; }
.cc-head{font-size:110%}

@media screen and (max-width: 768px) {
    .cookiebar_simple .cc-inner:before {content:'';display:block;position:absolute;top:0;right:0;width:100%;left:0;height:10px;background:linear-gradient(to right,#a06361 0%,#a06361 33%,#6192a0 33%,#6192a0 66%,#88a285 66%,#88a285 100%)}
    .cookiebar_simple .cc-info > p, .contao-cookiebar .cc-btn{font-size:18px}
    .contao-cookiebar .cc-btn{font-weight:400}
}


@media screen and (min-width: 768px) {
    .cookiebar_simple .cc-inner {padding: 40px 40px 35px 45px;}
    .cookiebar_simple .cc-inner:before {content:'';display:block;position:absolute;top:0;bottom:0;width:10px;left:0;background:linear-gradient(to bottom,#a06361 0%,#a06361 33%,#6192a0 33%,#6192a0 66%,#88a285 66%,#88a285 100%)}
}
@media only screen {
.layout_latest .news-inner{background:#ebebe6;padding:1.2rem;height:100%;display: flex;flex-direction: column;align-items: flex-start;}
    .layout_latest .image_container:after{position:relative;width:100%;bottom:0;left:0;height:10px;display:block;background-position:center;content: '';z-index:100;
        background:linear-gradient(to right,#a06361 0%,#a06361 33%,#6192a0 33%,#6192a0 66%,#88a285 66%,#88a285 100%);margin-bottom:1rem}

    #container .layout_latest h2{margin-bottom:3rem}
   #container .layout_latest h2:after{margin-top: 1.4rem;}
   .layout_latest p.info{font-weight:bold;}
    .layout_latest p.more{margin-top: auto;}

    .layout_latest{margin-bottom:1.5rem}
}

@media (min-width: 992px) {



}