#astroid-backtotop{background:rgba(0, 0, 0, 1);padding:15px;}#astroid-backtotop > i{font-size:20px;color:rgba(255, 255, 255, 1);width:20px;height:20px;line-height:20px;text-align:center;}[data-bs-theme=dark] #astroid-backtotop{background:rgba(148, 97, 251, 1);}[data-bs-theme=dark] #astroid-backtotop > i{color:rgba(255, 255, 255, 1);}.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}#ta-60cd7e26a16f8c82709685{padding:12px 0px 12px 0px}.astroid-social-icons{font-size:16px;}.astroid-social-icons a{color:rgba(255, 255, 255, 1)!important;}.astroid-social-icons a:hover{color:rgba(255, 255, 255, 1)!important;}[data-bs-theme=dark] .astroid-social-icons a{color:!important;}[data-bs-theme=dark] .astroid-social-icons a:hover{color:!important;}#tb-60cd7e4917694083373215{padding:12px 0px 12px 0px}#tb-60cd7e0c71de1c5436765{background-color:rgba(51, 51, 52, 1);}[data-bs-theme=dark] #tb-60cd7e0c71de1c5436765{background-color:rgba(35, 35, 35, 1);}#d-6279a2bde0223c15504714 .divider-content{border-top:1px solid ;}#as-62799f2c9a7d2c33296035{margin-top:25px}body, .body{font-weight:400;text-transform:none;font-size:16px;line-height:1.7em;font-family:"Exo 2", Arial, Helvetica, sans-serif;}h1, .h1{font-weight:600;text-transform:none;font-size:2.5rem;line-height:1.2em;font-family:"Exo 2", Arial, Helvetica, sans-serif;}h2, .h2{font-weight:600;text-transform:none;font-size:2.0814rem;line-height:1.2em;font-family:"Source Serif Pro", Arial, Helvetica, sans-serif;}h3, .h3{font-weight:600;text-transform:none;font-size:1.7329rem;line-height:1.2em;font-family:"Source Serif Pro", Arial, Helvetica, sans-serif;}h4, .h4{font-weight:600;text-transform:none;font-size:1.0427rem;line-height:1.2em;font-family:"Source Serif Pro", Arial, Helvetica, sans-serif;}h5, .h5{font-weight:600;text-transform:none;font-size:1.2011rem;line-height:1.2em;font-family:"Source Serif Pro", Arial, Helvetica, sans-serif;}h6, .h6{font-weight:600;text-transform:none;font-size:1.1rem;line-height:1.5em;font-family:"Source Serif Pro", Arial, Helvetica, sans-serif;}.astroid-logo-text, .astroid-logo-text > a.site-title{color:rgba(255, 255, 255, 1);font-weight:700;text-transform:none;font-size:2rem;line-height:1em;font-family:Garamond, serif, Times New Roman, Times, serif;}[data-bs-theme=dark] .astroid-logo-text, [data-bs-theme=dark] .astroid-logo-text > a.site-title{color:rgba(255, 255, 255, 1);}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-weight:400;text-transform:none;font-size:15px;line-height:1.7em;font-family:"Nunito", Arial, Helvetica, sans-serif;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .nav-item-submenu .as-menu-item{font-weight:400;text-transform:none;font-size:15px;line-height:2em;font-family:"Nunito", Arial, Helvetica, sans-serif;}.top-bars{font-weight:400;text-transform:none;font-size:14px;line-height:1em;font-family:"Nunito", Arial, Helvetica, sans-serif;}.container, .container-sm, .container-md, .container-lg, .container-xl, .astroid-layout.astroid-layout-boxed .astroid-wrapper {max-width: 1600px;}html{background-color:rgba(51, 51, 52, 1);}[data-bs-theme=dark]{background-color:rgba(40, 41, 40, 1);}body{--bs-body-bg:rgba(51, 51, 52, 1);--bs-body-color:rgba(255, 255, 255, 1);}body a{color:var(--as-link-color);--as-link-color:rgba(255, 255, 255, 1);}body a:hover{color:var(--as-link-hover-color);--as-link-hover-color:rgba(168, 168, 168, 1);}[data-bs-theme=dark] body{--bs-body-bg:rgba(40, 41, 40, 1);--bs-body-color:rgba(179, 179, 180, 1);}[data-bs-theme=dark] body a{--as-link-color:rgba(255, 255, 255, 1);}[data-bs-theme=dark] body a:hover{--as-link-hover-color:rgba(148, 97, 251, 1);}h1, h2, h3, h4, h5, h6{--bs-heading-color:rgba(255, 255, 255, 1);}[data-bs-theme=dark] h1, [data-bs-theme=dark] h2, [data-bs-theme=dark] h3, [data-bs-theme=dark] h4, [data-bs-theme=dark] h5, [data-bs-theme=dark] h6{--bs-heading-color:rgba(245, 245, 245, 1);}header{color:rgba(255, 255, 255, 1);}[data-bs-theme=dark] header{color:rgba(224, 224, 224, 1);}.astroid-header-section, .astroid-sidebar-header{background-color:rgba(51, 51, 52, 1);}[data-bs-theme=dark] .astroid-header-section, [data-bs-theme=dark] .astroid-sidebar-header{background-color:rgba(51, 51, 51, 1);}#astroid-sticky-header{background-color:rgba(51, 51, 52, 1);}#astroid-sticky-header .astroid-nav .nav-link{color:rgba(255, 255, 255, 1);}#astroid-sticky-header .astroid-nav .nav-link:hover{color:rgba(130, 130, 130, 1);}#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active{color:rgba(0, 0, 0, 1);}[data-bs-theme=dark] #astroid-sticky-header{background-color:rgba(51, 51, 51, 1);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link{color:rgba(184, 184, 185, 1);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link:hover{color:rgba(148, 97, 251, 1);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link:active, [data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link.active{color:rgba(255, 255, 255, 1);}.astroid-nav .nav-link{color:rgba(255, 255, 255, 1);}.astroid-nav .nav-link:hover{color:rgba(130, 130, 130, 1);}.astroid-nav .nav-link:focus{color:rgba(130, 130, 130, 1);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active{color:rgba(0, 0, 0, 1);}[data-bs-theme=dark] .astroid-nav .nav-link{color:rgba(180, 180, 181, 1);}[data-bs-theme=dark] .astroid-nav .nav-link:hover{color:rgba(148, 97, 251, 1);}[data-bs-theme=dark] .astroid-nav .nav-link:focus{color:rgba(148, 97, 251, 1);}[data-bs-theme=dark] .astroid-nav .nav-link:active, [data-bs-theme=dark] .astroid-nav .nav-link.active{color:rgba(255, 255, 255, 1);}.megamenu-container{background-color:rgba(255, 255, 255, 1);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgba(255, 255, 255, 1);}.has-megamenu.open .arrow{border-bottom-color:rgba(255, 255, 255, 1);}.megamenu-container li.nav-item-submenu > a{color:rgba(110, 109, 122, 1);}.megamenu-container li.nav-item-submenu > a:hover{color:rgba(134, 132, 139, 1);background-color:rgba(190, 190, 190, 1);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgba(0, 0, 0, 1);}[data-bs-theme=dark] .megamenu-container{background-color:rgba(35, 35, 35, 1);}[data-bs-theme=dark] .megamenu-container .nav-submenu .nav-submenu{background-color:rgba(35, 35, 35, 1);}[data-bs-theme=dark] .has-megamenu.open .arrow{border-bottom-color:rgba(35, 35, 35, 1);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a{color:rgba(172, 172, 173, 1);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:hover{color:rgba(148, 97, 251, 1);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:active, [data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a.active{color:rgba(255, 255, 255, 1);}.astroid-sidebar-menu .nav-item-inner > .as-menu-item{color:rgba(255, 255, 255, 1);}.astroid-sidebar-menu .nav-item-inner > .as-menu-item:hover{color:rgba(130, 130, 130, 1);}.astroid-sidebar-menu .nav-item-inner > .as-menu-item:active, .astroid-sidebar-menu .nav-item-inner > .as-menu-item.active{color:rgba(0, 0, 0, 1);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner:hover{background-color:rgba(190, 190, 190, 1);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner:hover a.as-menu-item{color:rgba(134, 132, 139, 1);}.astroid-sidebar-menu .nav-item-submenu .nav-item-inner a.as-menu-item{color:rgba(110, 109, 122, 1);}.astroid-sidebar-menu .navbar-subnav{background-color:rgba(255, 255, 255, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item{color:rgba(180, 180, 181, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item:hover{color:rgba(148, 97, 251, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item:active, [data-bs-theme=dark] .astroid-sidebar-menu .nav-item-inner > .as-menu-item.active{color:rgba(255, 255, 255, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner:hover a.as-menu-item{color:rgba(148, 97, 251, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .nav-item-submenu .nav-item-inner a.as-menu-item{color:rgba(172, 172, 173, 1);}[data-bs-theme=dark] .astroid-sidebar-menu .navbar-subnav{background-color:rgba(35, 35, 35, 1);}.astroid-offcanvas{color:rgba(110, 109, 122, 1) !important;background-color:rgba(248, 247, 244, 1) !important;}.astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgba(248, 247, 244, 1) !important;}.astroid-offcanvas .menu-indicator{color:rgba(110, 109, 122, 1) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgba(110, 109, 122, 1) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgba(113, 44, 249, 1) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color: !important;}.astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after{background-color:rgba(0, 0, 0, 1);}[data-bs-theme=dark] .astroid-offcanvas{color:rgba(162, 162, 163, 1) !important;background-color:rgba(51, 51, 51, 1) !important;}[data-bs-theme=dark] .astroid-offcanvas .burger-menu-button, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgba(51, 51, 51, 1) !important;}[data-bs-theme=dark] .astroid-offcanvas .menu-indicator{color:rgba(172, 172, 173, 1) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgba(172, 172, 173, 1) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgba(148, 97, 251, 1) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color: !important;}[data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner, [data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner::before, [data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner::after{background-color:rgba(255, 255, 255, 1);}.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after{background-color:rgba(110, 109, 122, 1);}[data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner, [data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner::before, [data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner::after{background-color:rgba(183, 183, 185, 1);}.astroid-mobilemenu{background-color:rgba(248, 247, 244, 1) !important;color:rgba(0, 0, 0, 1) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgba(248, 247, 244, 1) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgba(0, 0, 0, 1) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgba(168, 168, 168, 1) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color: !important;}.astroid-mobilemenu .menu-indicator{color:rgba(0, 0, 0, 1) !important;}[data-bs-theme=dark] .astroid-mobilemenu{background-color:rgba(51, 51, 51, 1) !important;color:rgba(174, 174, 175, 1) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgba(51, 51, 51, 1) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgba(190, 190, 191, 1) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgba(148, 97, 251, 1) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .menu-indicator{color:rgba(190, 190, 191, 1) !important;}.header-mobilemenu-trigger.burger-menu-button .inner, .header-mobilemenu-trigger.burger-menu-button .inner::before, .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color:rgba(238, 238, 238, 1);}[data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner, [data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner::before, [data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color:rgba(186, 186, 187, 1);}.astroid-mobilemenu-open .burger-menu-button .inner, .astroid-mobilemenu-open .burger-menu-button .inner::before, .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color:rgba(0, 0, 0, 1);}[data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner, [data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner::before, [data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color:rgba(255, 255, 255, 1);}.items-leading .article-title .page-header h2{font-size:32px;}.items-row .article-title .page-header h2{font-size:26px;}section {
      display: flex;
      flex-direction: row;
    }

.onlymobile
{
    display:none;
}

.flexdiv
{
    flex-direction: row;
}

.myfadediv{
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 2s ease;

}

.myfadediv.anzeigen {
  opacity: 1;
  transform: translate(0, 0);

}

.herovideo
{
    max-height:500px;
    opacity: 0.8;
    margin-top:15px;
}

.table_custom { --bs-table-bg: transparent !important; 
color:white;}

.dropdown_custom
{
    --bs-dropdown-link-hover-color: rgb(0 0 0) !important;
        --bs-dropdown-link-active-bg: #78777a !important;
}

.myfadedivhero{
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s ease;

}

.myfadedivhero.anzeigen {
  opacity: 1;
  transform: translate(0, 0);

}

.mysidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 65px;
  left:10px;
z-index:1000;
background: RGBA(51,51,52,0.5);
border-radius: 10px;
vertical-align: middle;
display:flex;
}

.onlypc
{
    display:block;
}

.moremargin
{
    margin-left:100px;
}

.herohome
{
    background-image: url("/images/heros/hero_ae_neu.jpeg");
    background-repeat: no-repeat;
        background-size: cover;
        background-position-y: center;
        background-position-x: center;
        min-height:80vh; 
        max-width: 99vw;
        margin:1px; 
        position:relative;
        margin-top:15px;
}

.herohome_animation
{
    animation-duration: 15;
    animation-delay: 5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;

    -webkit-animation-duration: 15s;
    -webkit-animation-delay: 5s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;

    animation-name: heroanimation;
    -webkit-animation-name: heroanimation;
}

@keyframes heroanimation {
    0% {
        background-image: url("/images/heros/hero_start2.png");
        opacity: 1;
    }
    33% {
        background-image: url("/images/heros/hero_start3.png");
        
    }
    66% {
        background-image: url("/images/heros/hero_start4.png");
       
    }
    100% {
        background-image: url("/images/heros/hero_start2.png");
        
    }
}

@-webkit-keyframes heroanimation {
     0% {
        background-image: url("/images/heros/hero_start2.png");
        opacity: 1;
    }
    33% {
        background-image: url("/images/heros/hero_start3.png");
        
    }
    66% {
        background-image: url("/images/heros/hero_start4.png");
       
    }
    100% {
        background-image: url("/images/heros/hero_start2.png");
        
    }
}

.heroabout
{
    background-image: url("/images/headers/hero_aboutme3.png");
    background-repeat: no-repeat;
        background-size: cover;
        background-position-y: center;
        background-position-x: center;
        min-height:80vh; 
        max-width: 99vw;
        margin:1px; 
        position:relative;
        margin-top:15px;
}

.heroleistung
{
    background-image: url("/images/headers/hero_leistung.png");
    background-repeat: no-repeat;
        background-size: cover;
        background-position-y: center;
        background-position-x: center;
        min-height:80vh; 
        max-width: 99vw;
        margin:1px; 
        position:relative;
        margin-top:15px;
}

.herokontakt
{
    background-image: url("/images/headers/hero_kontakt.png");
    background-repeat: no-repeat;
        background-size: cover;
        background-position-y: center;
        background-position-x: center;
        min-height:80vh; 
        max-width: 99vw;
        margin:1px; 
        position:relative;
        margin-top:15px;
}

.darkdiv_start
{
    background: RGBA(0,0,0,0.6);
    padding:25px;
    display:inline-block;
    max-width: 80vw;
    box-shadow: 10px 15px 10px RGBA(0,0,0,0.25);
    margin-top:-80px;
    z-index:1; 
    position:relative;
}

.darkdiv_start_leistung
{
    background: RGBA(0,0,0,0.6);
    padding:25px;
    display:inline-block;
    max-width: 80vw;
    box-shadow: 10px 15px 10px RGBA(0,0,0,0.25);
    margin-top:-80px;
    z-index:1; 
    position:relative;
}

.roundImage
{
    border-radius: 50%;
}

.onlyshadow
{
    box-shadow: 10px 15px 10px RGBA(0,0,0,0.25);
}

.darkdiv
{
    background: RGBA(0,0,0,0.6);
    padding:25px;
    display:inline-block;
    max-width: 80vw;
    box-shadow: 10px 15px 10px RGBA(0,0,0,0.25);
    margin-top:25px;
}

.helldiv
{
    padding:25px;
    display:inline-block;
    max-width: 80vw;
}

.mybutton
{
    background:RGBA(94,94,94,0.5);
    border: solid 3px white;
    border-radius: 5px;
    color:white;
    cursor:pointer;
    text-align:center;
    transition: all ease 0.5s;
}

.mybutton:hover
{
    border: solid 3px #A8A8A8;
    color:#A8A8A8;
}

.mybuttonOhne
{
    background:RGBA(94,94,94,0.5);
    border: solid 3px white;
    border-radius: 5px;
    color:white;
    cursor:pointer;
    text-align:center;
    transition: all ease 0.5s;
}

.mybuttonOhne:hover
{
    border: solid 3px #A8A8A8;
    color:#A8A8A8;
}

.leistungDiv
{
    margin-left:200px;
}

.terminSpan
{
    font-size: 26px;
    margin:5px;
}

.normalSpan
{
    font-size: 18px;
    margin:5px;
}

.pic_mobile
{
    margin:50px;
}

.cardSectionBorder
{
    border: 2px solid #A8A8A8;
    padding: 10px;
    border-radius: 2px 10px;
    margin-top:25px;
}

.mytinyCard
{
    position: relative;
    background:RGBA(0,0,0,0.6); 
    border:solid 0px white;
    margin:5px;
    box-shadow: 10px 15px 10px RGBA(0,0,0,0.25);
    z-index: 25;
}

.mytinyCard a
{
    font-size:16px;
}

.abouttxt
{
    margin-top:10px;
    text-align: center;
}

.card-header .fa {
  transition: .3s transform ease-in-out;
}

.card-header .collapsed .fa {
  transform: rotate(90deg);
}

@media screen and (min-width: 300px) {
    .onlymobile
    {
        display:block;
    }

.flexdiv
{
    flex-direction: column;
}

    .moremargin
    {
        margin-left:0px;
    }

        .bigimg_invisible {
           animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    opacity: 1;
    animation-name: fadeOutDown;
    -webkit-animation-name: fadeOutDown;
        }
    
        .bigimg_visible {
               animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    }

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes fadeOutDown {
    from {
        transform: translate3d(0,0px,0)
    }

    to {
        transform: translate3d(0,-40px,0);
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutDown {
    from {
        transform: translate3d(0,0px,0)
    }

    to {
        transform: translate3d(0,-40px,0);
        opacity: 0;
    }
}

    .tyniimg
    {
        opacity: 1;
        transition: 0.5s ease-in-out;
    }

    .tyniimg_invisible
    {
        opacity: 0;
    }

    .maps
    {
        width:300px;
        height:auto;
    }

    .onlypc
    {
        display:none;
    }
    
    .darkdiv_start
    {
        margin-top:-20px;
    }

    .darkdiv_start_leistung
    {
        margin-top:-220px;
    }

    .abouttxt
    {
        margin-top:10px;
    }

    .leistungDiv
    {
        margin-left:0px;
    }

    .mytinyCard a
    {
        font-size:12px;
    }

    .mytinyCard
    {
        margin:0px;
        margin-bottom: 10px;
    }

    .herohome
    {
        /*background-image: url("/images/hero_start1_mobile.png");*/
        background-size: cover;
        min-height:50vh; 
    }
    .heroabout
    {
        background-image: url("/images/headers/hero_aboutme3_mobile.png");
        background-size: cover;
        min-height:50vh; 
    }
    .heroleistung
    {
        background-image: url("/images/headers/hero_leistung_mobile.png");
        background-size: cover;
        min-height:50vh; 
    }

    .herokontakt
    {
        background-image: url("/images/headers/hero_kontakt_mobile.png");
        background-size: cover;
        min-height:50vh; 
    }

    .terminSpan
    {
        font-size: 14px;
        margin:5px;
    }

    .pic_mobile
    {
        margin:5px;
    }

    .helldiv
    {
        max-width: 100vw;
    }

    .darkdiv_start
    {
        max-width: 100vw;
    }

    .darkdiv
    {
        max-width: 100vw;
    }

    .mybutton
    {
        margin-left: -20px;
    }
}

@media screen and (min-width: 600px) {
.onlymobile
{
    display:none;
}

.flexdiv
{
    flex-direction: row;
}

    .maps
    {
        width:400px;
        height:auto;
    }

.moremargin {
    margin-left: 0px;
}

.onlypc
{
    display:block;
}

.herohome
    {
        /*background-image: url("/images/hero_start1_mobile.png");*/
        background-size: cover;
        min-height:50vh; 
    }

    .heroabout
    {
        background-image: url("/images/headers/hero_aboutme3_mobile.png");
            background-size: cover;
            min-height:50vh; 
    }
    .heroleistung
    {
        background-image: url("/images/headers/hero_leistung_mobile.png");
        background-size: cover;
        min-height:50vh; 
    }

    .herokontakt
    {
        background-image: url("/images/headers/hero_kontakt_mobile.png");
        background-size: cover;
        min-height:50vh; 
    }

    .abouttxt
    {
        margin-top:50px;
    }

    .leistungDiv
    {
        margin-left:0px;
    }

    .helldiv
    {
        max-width: 80vw;
    }

.darkdiv_start_leistung
    {
        margin-top:-250px;
    }

    .darkdiv_start
    {
        max-width: 80vw;
    }

    .darkdiv
    {
        max-width: 80vw;
    }
}

@media screen and (min-width: 1024px) {
    .darkdiv_start
    {
        margin-top:-50px;
    }

.maps
    {
        width:600px;
        height:auto;
    }

.darkdiv_start_leistung
    {
        margin-top:-250px;
    }
        .mytinyCard a {
            font-size: 16px;
        }
        
        .moremargin {
            margin-left: 100px !important; 
        }

    .abouttxt
    {
        margin-top:10px;
    }

    .terminSpan
    {
        font-size: 26px;
        margin:5px;
    }

    .leistungDiv {
         margin-left: 200px;
     }

    .mytinyCard
    {
        margin:5px;
    }

    .herohome
    {
        /*background-image: url("/images/heros/hero_start1.png");*/
        background-size: cover;
        min-height:80vh; 
    }

    .heroabout
    {
        background-image: url("/images/headers/hero_aboutme3.png");
            background-size: cover;
            min-height:80vh; 
    }
    .heroleistung
    {
        background-image: url("/images/headers/hero_leistung.png");
        background-size: cover;
        min-height:80vh; 
    }

    .herokontakt
    {
        background-image: url("/images/headers/hero_kontakt.png");
        background-size: cover;
        min-height:58vh; 
    }

         .pic_mobile {
             margin: 50px;
         }
    
    .helldiv
    {
        max-width: 80vw;
    }

    .darkdiv_start
    {
        max-width: 80vw;
    }

    .darkdiv
    {
        max-width: 80vw;
    }

    .mybutton
    {
        margin-left: 0px;
    }
}@media (max-width: 991.98px) {body, .body{font-size:16px;line-height:1.7em;}h1, .h1{font-size:1.5rem;line-height:1.2em;}h2, .h2{font-size:1.5rem;line-height:1.2em;}h3, .h3{font-size:1.7329rem;line-height:1.2em;}h4, .h4{font-size:1.4427rem;line-height:1.2em;}h5, .h5{font-size:1.2011rem;line-height:1.2em;}h6, .h6{font-size:1.1rem;line-height:1.5em;}.astroid-logo-text, .astroid-logo-text > a.site-title{font-size:1.5rem;line-height:1em;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:15px;line-height:1.7em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .nav-item-submenu .as-menu-item{font-size:15px;line-height:2em;}.top-bars{font-size:14px;line-height:1em;}}@media (max-width: 767.98px) {body, .body{font-size:16px;line-height:1.7em;}h1, .h1{font-size:1.5rem;line-height:1.2em;}h2, .h2{font-size:1.5rem;line-height:1.2em;}h3, .h3{font-size:1.2329rem;line-height:1.2em;}h4, .h4{font-size:1.4427rem;line-height:1.2em;}h5, .h5{font-size:1.2011rem;line-height:1.2em;}h6, .h6{font-size:1.1rem;line-height:1.5em;}.astroid-logo-text, .astroid-logo-text > a.site-title{font-size:1.4rem;line-height:1em;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:15px;line-height:1.7em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .nav-item-submenu .as-menu-item{font-size:15px;line-height:2em;}.top-bars{font-size:14px;line-height:1em;}}