@media only screen and (max-width: 768px) {
.feldbild {
  padding: 1rem 0 !important;
  border: 5px ridge #eee !important;
  border-radius: 1rem !important;
}
body.wrapper-fluid .site-grid {
  grid-gap: 0 1em !important;
}
.container-header {
  background-size: 115px !important;
}
.container-header .navbar-brand {
  text-align: left;
  margin:0 auto;
}
.blau .com-content-article__body {
  max-width: 800px;
  margin: 0 auto;
  background#f3faff;
  padding:0px;
}
.container-header .site-description {
  letter-spacing: .1rem !important;
}
.halbesbild {
  float: left;
  max-width: 100% !important;
  margin-right: 0em !important;
  margin-bottom: 0em;
}
.awesomplete {
width: unset !important;
}
.h2ueberschrift {
  font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive !important;
  font-size:2rem !important;
}
.container-banner .banner-overlay {
  height: 75vh;
}
body {
 margin-top:0 !important;
}
.banner50 .container-banner .banner-overlay {
  background-position: center,50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 35vh !important;
  background-color: #fff !important;
}
.bannercontain .container-banner .banner-overlay {
  color: #fff;
  background-position: center,50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  height: 50vh;
  background-color: #fff !important;
}
.passbild {
  float: left;
  max-width: 30% !important;
  margin-right: 1.5em;
  margin-bottom: 1em;
}
#mod-custom200{
	margin:0 auto;
	width:100%;
}
}
@media only screen and (max-width: 1200px) {
.bottomb {
  margin: 0em !important;
}
.sticky-top {
  z-index: 1020;
  position: sticky;
  top: 0px !important;
}
.eb-17 .eb-dialog {
    display:none;
  }
}
body {
  color: #000;
}
.btn-primary {
  --btn-color: #000;
}
.icon-search {
	color:#000;
}
a {
  text-decoration: unset;
  color:#ff0000;
}
:root {
  --cassiopeia-color-primary:#f5f5f5;
  --body-font-size17px;
  --body-bg:#fff;
  --body-line-height: 1.5;
}
.h2, h2 {
font-size 1.3em;
color#000;
font-weight300;
}
.h3, h3 {
font-size 1.2rem;
color#000;
font-weight300;
}
.container-header {
  z-index: 10;
  background-color: #f00;
  background-image: none;
  position: relative;
  box-shadow inset 0 5px 5px #00000008;
  color#000;
  -webkit-box-shadow: -1px 3px 10px -3px rgba(0,0,0,0.77); 
  box-shadow: -1px 3px 10px -3px rgba(0,0,0,0.77);
}
.container-header .container-nav {
  background: #fff;
}
.sticky-top {
  top: -82px;
}
.container-header .navbar-brand a {
  font-family 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive !important;
  color: #fff;
  background: #f00;
  letter-spacing: .15rem;
  font-weight: 400;
  margin-bottom: 0;
  line-height: unset;
  display:flex;
  justify-content:center;
}
.container-header .site-description {
  color #000;
  white-space: pre;
  font-size: .8rem;
  letter-spacing: .1rem;
  background #f00;
  padding: 0 .3rem 0 .3rem;
}
.container-header .mod-menu {
  color: #333;
  background: unset;
}
.container-header .navbar-brand {
  text-align center;
  font-size: 1.5rem;
  margin0 auto;
}
.container-header .navbar-toggler {
  color: #000;
  cursor: pointer;
  border: 1px solid #000;
  font-size: 1.5em;
}
.container-header .navbar-collapse.show {
  background: #ffffff90;
}
.container-header .mod-list li.active > a {
  text-decoration: underline;
  color: #c00;
}
.halbesbild {
  float: left;
  max-width: 60%;
  margin-right: 1.5em;
  margin-bottom: 1em;
}
.drittelbild {
  float: left;
  max-width: 33%;
  margin-right: 1.5em;
  margin-bottom: 1em;
}
.dreiviertelbild {
	max-width:75%;
	margin:0 auto;
}
figcaption {
  color: #6d757e;
  font-size: .9em;
  margin-bottom: 1em;
}
.passbild {
  float: left;
  max-width: 17%;
  margin-right: 1.5em;
  margin-bottom: 1em;
}
.unterschrift {
 font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;
 font-weight: 100;
 font-size: 2.5rem;
 color: #224faa;
}
.container-banner .banner-overlay {
  color: #fff;
  background-position: center,50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 75vh;
}
.clamp {
    font-size: clamp(2em, 4vw, 6vh);
}
.page-header {
    margin-bottom: 2em;
    border-bottom:1px dashed #333;
}
.container-banner .banner-overlay .overlay {
  text-align: center;
  background-color: #00000080;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 1em;
  display: flex;
  position: absolute;
    bottom: 0;
}
.breadcrumb {
  background-color: #00000008;
  margin-bottom: 0;
  font-size: .8rem;
}
.fields-container {
  list-style:none;
  width: fit-content;
  padding-left:0;
  margin-bottom:3em;
}
.feldbild {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 10px 0;
  border: 2px ridge #ccc;
  border-radius: 10px;
  margin-bottom: 3em;
}
.blog .fields-container {
  display: none;
}
a:not([class]) {
  text-decoration: none;
}
.modulcenter {
 justify-content: center;
 display: flex;
}
.smartphone {
 width:30%;
 border:2px solid #cfb53b;
 border-radius:15px;
 padding:3px;
 background:#000;
}
.smartphonebild {
 border-radius: 10px;
}
.tablet {
 width:95%;
 border:3px solid #ccc;
 border-radius:20px;
 padding:10px;
 background:#000;
}
.tabletbild {
 border-radius: 7px;
}
.desktop {
 border:3px solid #424242;
 border-top-left-radius:15px;
 border-top-right-radius:15px;
 padding:13px 7px 7px 7px;
 background:#000;
 border-bottom:15px solid #424242;
}
.desktopbild {
 border-radius: 0px;
}
.com-content-category-blog {
  max-width: 900px;
  margin: 0 auto;
}
.boxed .blog-item .item-content {
  padding: 25px;
  background:#f3faff;
}
.no-card .newsflash-horiz li {
 background#f3faff;
}
.com-users-login {
  max-width: 800px;
  margin: 0 auto;
  background:#fff;
  padding:15px;
}
.com-users-profile {
  max-width: 800px;
  margin: 0 auto;
  background:#fff;
  padding:15px;
}
.com-users-registration {
  max-width: 800px;
  margin: 0 auto;
  background:#fff;
  padding:15px;
}
.handschrift {
 font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive !important;
 font-weight: 700;
}
.stickyleft {
 position: sticky;
 top: 180px;
 height:550px;
 margin-bottom:3em;
}
.searchtop {
 position: absolute !important;
 right: 7em;
 top: .5rem;
}
.banner50 .container-banner .banner-overlay {
  background-position: center,50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 50vh;
}
.banner50 .overlay {
  background-color: #00000000 !important;
}
.bannercontain .container-banner .banner-overlay {
  color: #fff;
  background-position: center,50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  height: 50vh;
}
.bannercontain .overlay {
  background-color: #00000000 !important;
}
.metismenu.mod-menu .metismenu-item {
  font-size: .9rem;
  font-weight: 700;
  padding.5em 1.5em 0 0;
}
.metismenu.mod-menu .parent > ul {
  color: #22262a;
  padding: 1em;
  background: #f3faff;
}
.mod-custom.custom span.fa-magnifying-glass {
cursor: pointer;
}
#mod-custom164 {
position:fixed;
bottom:1em;
right:1em;
z-index:9999;
}
.mod-finder__search.input-group {
flex-wrap: nowrap;
justify-content: center;
}
.rueckruf {
background: #f5f5f5;
border: 2px solid #cccccc50;
color: #000;
}
.btn2 {
  --btn-padding-x: .2rem;
  --btn-padding-y: .2rem;
  --btn-font-family: ;
  --btn-font-size: 1rem;
  --btn-font-weight: 400;
  --btn-line-height: 1.5;
  --btn-border-radius: .25rem;
  --btn-hover-border-color: transparent;
  --btn-box-shadow: inset 0 1px 0 #ffffff26,0 1px 1px #00000013;
  --btn-disabled-opacity: .65;
  --btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--btn-focus-shadow-rgb),.5);
  padding: var(--btn-padding-y)var(--btn-padding-x);
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  line-height: var(--btn-line-height);
  color: var(--btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--btn-border-width)solid var(--btn-border-color);
  border-radius: var(--btn-border-radius);
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  display: inline-block;
}
.h2ueberschrift {
  font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive !important;
  font-size:2rem;
}
.hellblau {
  background:#f3faff;
  padding:.5rem;
  border-bottom:2px dashed #f3faff;
}
.weiss {
  background:#fff;
}
.primary {
background-color: unset;
padding:.5rem;
color:#ff0000 !important;
font-size:1.1rem;
}
.banner70 .container-banner .banner-overlay {
  background-position: top,50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 50vh;
}
@supports (display:grid) {
  @media (width >= 992px) {
.site-grid {
      grid-template-areas:
".banner banner banner banner."
".top-a  top-a  top-a  top-a."
".top-b  top-b  top-b  top-b."
".side-l comp   comp   side-r."
".bot-a  bot-a  bot-a  bot-a."
".banner3 banner3 banner3 banner3."
".bot-b  bot-b  bot-b  bot-b."
".banner2 banner2 banner2 banner2."
".footer footer footer footer.";
}
}
}
.banner2 {
  display: block;
  margin:0;
}
.banner3 {
  margin: 3em 0 0em 0;
  display: block;
  background:#ccc;
  padding:0em;
}
bottomb {
  display: block;
  padding:2em;
  background-color: #f5f5f5;
  color:#666;
  border: 1px solid rgb(221, 221, 221);
  border-radius: .3em;
  margin:2em;
}
.bottomc {
  display: block;
  padding:2em;
  background-color: unset;
  color:#666;
  border: 1px dashed #333;
  border-radius: .3em;
  margin:2em;
}
.bottomfokus {
  display: block;
  padding:2em;
  background-color: #fff;
  color:#666;
  border: 1px dashed #666;
  border-radius: .3em;
  margin:2em;
  background-image: url('/images/dunkles_holz2.jpg');
  background-size:100%;
}
.hintergrund {
  background-color: #e4e1db;
}
.hintergrundbild {
  background-image: url("/images/dunkles_holz2.jpg");
  background-repeat: repeat-y;
}
.offcanvas.show {
    background-color: var(--cassiopeia-color-primary);
    background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-hover));
}
@media (min-width: 992px) {
    .offcanvas-start {
        width: 100%;
    }
}
@media (max-width: 991.98px) {
    .offcanvas .metismenu.mod-menu .metismenu-item > ul {
        position: relative;
        width: 70%;
        margin-top: 1rem;
    }
    .offcanvas .metismenu.mod-menu .mm-collapse {
        background-color: transparent;
    }
    .offcanvas .metismenu.mod-menu .metismenu-item > a {
        color: #000;
    }
.container-header nav {
  margin-left: 1em;
}
}
.offcanvas-header > *:only-child {
    margin-left: auto;
}
.com-content-article__body {
max-width: 1000px;
margin: 0 auto;
}
.ms-3 {
  background:#f5f5f5;
}
.footer {
  color: #444;
  background-color: #f5f5f5;
  background-image: unset;
  font-size: .9rem;
  line-height: 1;
  margin-top:0;
}
.footercard {
	background-color:#f5f5f5;
}
.footer .grid-child {
  justify-content: space-between;
  align-items: unset;
  padding: 2.5rem .5em;
}
.magazin .site-grid {
 background:#93b7b3;
 color:#fff;
}
.magazin .boxed .blog-item {
  box-shadow: 0 0 2px #3339421a,0 2px 5px #33394214,0 5px 15px #33394214,inset 0 3px 0 var(--cassiopeia-color-primary);
  background-color: #72a6a7 !important;
}
.magazin .boxed .blog-item .item-content {
  padding: 25px;
  background: #72a6a7;
}
.btn-secondary {
  font-size: .8rem;
}
.suche .com-finder {
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 2em;
}
.hintergrundweiss {
 background: #fff;
  padding: 1em;
}
.no-card .newsflash-horiz li {
  background: #fff;
}
.hellgruen {
 background: #93b7b3;
 color: #555;
 border: unset;
}
.site-grid {
  margin-bottom: auto;
  background: #fff;
}
.blog .mod-list li {
  padding: .25em 0.5em 0 0;
  border-right: 1px solid #f5f5f5;
}
.blog .mod-articles-title {
        font-size:1.1rem
}
.fullWidth {
  margin-left: calc( -50vw + 50% + 10px );
  margin-right: calc( -50vw + 50% );
  max-width: calc( 100vw - 20px );
  padding-top: 30px;
  padding-bottom: 20px;
}
.footerb {
  display: block;
  padding 1.5em;
  background-color: #f5f5f5;
  color: #666;
  border: 0px solid rgb(221, 221, 221);
  border-radius: .3em;
  margin 1.5em;
}
.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
  color: unset;
}
.df-popup-thumb {
  width: 280px !important;
}
.produkt .com-content-article__body {
  max-width: unset;
  margin: 0 auto;
}
.banner40 .container-banner .banner-overlay {
    color: #fff;
    background-position: bottom, 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    height: 40vh;
}
.linkweiss a {
        color:#fff; !important;
}
.glightbox-container .gslide-description .gdesc-inner .gslide-desc {
  font-size: 1.5em !important;
  margin: 0;
  color: #ddd;
  text-align: center;
}
.card {
  --card-border-width: none !important;
 }
 .planungskachel {
  border-radius: .3em;
  margin: 2em;
  background-image: url("/images/Inhalte/01_StoneArt-Grey-Slate80.webp");
  background-repeat: no-repeat;
  background-position: 35% bottom;
  background-size: 100%;
}
 .wawikachel {
  display: block;
  padding: 2em 2em 4em 2em;
  background-color: #fff;
  color: #666;
  border: 1px dashed #666;
  border-radius: .3em;
  margin: 2em;
  background-image: url("/images/Inhalte/Intro_Wawi_kuechenstudio80.webp");
  background-repeat: no-repeat;
  background-position: 35% bottom;
  background-size: 100%;
}
 .websitekachel {
  display: block;
  padding: 2em 2em 4em 2em;
  background-color: #fff;
  color: #666;
  border: 1px dashed #666;
  border-radius: .3em;
  margin: 2em;
  background-image: url("/images/Inhalte/intro_Websites_1920_unten280.webp");
  background-repeat: no-repeat;
  background-position: 35% bottom;
  background-size: 100%;
}
.container-below-top {
	display:flex;
	justify-content:right;
}
.kundenmenue {
	background: #f5f5f5;
	color: #000 !important;
	padding: .5rem;
	border-radius:3px;
} 
.schwarz: {
	color:#000 !important;
} 
.container-header .container-search {
  margin-top: .5em;
  margin-bottom: -20px;
}
.imgstart {
	height:230px;
}
.headerstart {
	background:#ff0000;
	color:#fff;
}
.mod-articles-item {
	background:#f5f5f5;
	padding:1em;
}
.aktuelles .mod-articles-title {
  text-decoration: none;
  font-size: 1.1rem;
  line-height:1.3;
}
.btn-info {
  --btn-color: #f00;
  --btn-bg: #f5f5f5;
  --btn-border-color: #ccc;
  --btn-font-size:.7rem;
}