@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 .navbar-brand {
  text-align: left;
  margin:0 auto;
}
.container-topbar {
  padding-left: 1em;
  padding-right: 1em;
}
.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%;
}
.ausblendenmobil {
	display:none !important;
}
.breadcrumb {
	display:none !important;
}
#mod-menu138 {
  flex-direction: row;
  justify-content space-around;
  flex: 1;
  display: flex;
}
.sticky-top {
  z-index: 1020;
  position: sticky;
  top: -60px !important;
}
}
@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;
  }
}
.icon-search {
	color:#000;
}
.container-header {
  z-index: 10;
  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 .mod-list li.active > a {
  text-decoration: underline;
  color: #d96f32;
}
.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: 45vh;
  background-image: radial-gradient(#045694 30%, var(--headerbg) 60%);
}
.clamp {
    font-size: clamp(2em, 4vw, 6vh);
}
.breadcrumb {
  font-size: .8rem;
  --breadcrumb-divider-color: #D96F32;
  --breadcrumb-item-active-color:#7a848f;
  background-color:unset;
}
.mod-breadcrumbs__wrapper {
    align-items: center;
    display: flex;
    margin: 0 auto;
}
.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;
}
.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:#000 !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;
}
.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 {
  background-color: #f7f7f7;
  background-image: unset;
  font-size: .9rem;
  line-height: 1;
}
.footercard {
	background-color:#f7f7f7;
}
.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;
}
.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;
}
.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: #f7f7f7;
  border: 0px solid rgb(221, 221, 221);
  border-radius: .3em;
  color: rgb(86, 92, 102);
}
.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%;
}
.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: #D96F32;
  --btn-bg: unset;
  --btn-border-color: #ccc;
  --btn-font-size:.8rem;
}
.vollbanner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 90vh;
}
.graphit {
	background-color:#1a1a1a;
	color:#fff;
}
.container-below-top {
  background: var(--headerbg);
}
.container-banner .banner-overlay .overlay {
  background-color: unset;
}
.nolinkcolor a {
  color: unset !important;
}
.container-topbar {
  padding-left: 1em;
  padding-right: 1em;
}
#mod-menu138 {
 font-size: .8rem;
}
.navbar-collapse.show {
	background-color:#1a1a1a;
	margin-top:10px;
	padding-left:2em;
}
.digital {
	 background-image: radial-gradient(#6c6363 0%, var(--headerbg) 60%);
}
.warmweiss {
	background-color: #f7f7f7;
}
.result__image {
	width: 150px;
	float: left;
	 margin-right: 20px;
}
.btn-secondary {
  --btn-color: var(--body-color);
  --btn-bg: #C4C4C4;
  --btn-border-color: #C4C4C4;
  --btn-hover-color: var(--gray-800);
  --btn-hover-bg: var(--gray-100);
}
.stahlblau {
	background-color:#045694 !important;
	color:f7f7f7;
	padding:50px;
}
.engineering {
	color:#2A4E7A;
}
.sticky-top {
  z-index: 1020;
  position: sticky;
  top: 0;
}
.kupfer {
	color:#D96F32;
}
.btn-stage {
  --btn-color: #C4C4C4;
  --btn-bg: unset;
  --btn-border-color: #C4C4C4;
  --btn-hover-color: var(--gray-800);
  --btn-hover-bg: var(--gray-100);
}
.btn-furniture {
  --btn-color:#f7f7f7 ;
  --btn-bg: #2A4E7A;
  --btn-border-color: #2A4E7A;
  --btn-hover-color: var(--gray-800);
  --btn-hover-bg: var(--gray-100);
}
.bild-box img {
  width: 100%;
  height: 330px;
  object-fit: contain;
}
.blog .h1 h1 {
	padding:2em;
}