/**
 * =============================================================================
 * Anpassungen in diese Datei
 * ==========================================================================
 */
 /* fauna-one-regular - latin */
/* fauna-one-regular - latin */

.mod_recommendationlist {
	display: flex;
	flex-wrap: wrap;
}
.mod_recommendationlist .author {
	font-weight: bold;
	margin-right: 5px;
}
.mod_recommendationlist .date {
	color: #929292;
}
.mod_recommendationlist .layout_container {
	background-color: #F4F4F4;
	border-radius: 10px;
	padding: 10px;
}
.mod_recommendationlist .layout_default {
	padding: 10px;
}
.mod_recommendationlist .review_head {
	display: flex;
    flex-direction: row;
    /* align-content: center; */
    justify-content: space-between;
    align-items: center;
	margin-bottom: 0.5rem;
}
.mod_recommendationlist .review_head .image_container {
	width: 40px;
} 
.mod_recommendationlist .review_rating {
	display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.buttonCards {
	width: 100px;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: rgba(169,183,162,1);
    background-image: -moz-linear-gradient(top, rgba(169,183,162,1), rgba(169,183,162,1));
    background-image: -webkit-linear-gradient(top, rgba(169,183,162,1), rgba(169,183,162,1));
    background-image: -ms-linear-gradient(top, rgba(169,183,162,1), rgba(169,183,162,1));
    background-image: -o-linear-gradient(top, rgba(169,183,162,1), rgba(169,183,162,1));
    background-image: linear-gradient(to bottom, rgba(169,183,162,1), rgba(169,183,162,1));
    background-repeat: repeat-x;
    -moz-transition: background .15s linear;
    -webkit-transition: background .15s linear;
    -o-transition: background .15s linear;
    transition: background .15s linear;
}


@font-face {
  font-family: 'Fauna One';
  font-style: normal;
  font-weight: 400;
  src: url('/files/theme/fonts/fauna-one-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/theme/fonts/fauna-one-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/fonts/fauna-one-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/fonts/fauna-one-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/fonts/fauna-one-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/fonts/fauna-one-v8-latin-regular.svg#FaunaOne') format('svg'); /* Legacy iOS */
}

.ubw-social-post-list {
  font-family: 'Fauna One', 'Arial', sans-serif;
  padding: 10px;
  border-radius: 0px;
  max-height: 874px;
}

.ctsheaderimagev2 .contentwrapper h6 {
	font-family: smoothy, sans-serif;
font-style: normal;
font-weight: 400;
}

body {
  color: #373F43 !important;
}
span.mandatory {
    display:none !important;
    color: #646363;
}
a {
	text-decoration:none;
	color:#a9b7a2;
}


.desaturate {
    filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
}
.desaturate:hover img {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}
.shadow {
	box-shadow: 3px 4px 5px 1px #000;
	-moz-box-shadow: 3px 4px 5px 1px #000;
	-webkit-box-shadow: 3px 4px 5px 1px #000;
	border:1px solid #a9b7a2;
}
.mainmenu ul li span.new {
    /* line-height: 2em; */
    font-size: 0.9em;
    font-weight: bold;
    margin-left: 5px;
    background: red;
    color: #fff;
    border-radius: 2px;
    position: relative;
    top: -8px;
    padding-left: 4px;
    padding-right: 4px;
    float: right;
}
.ubw-first-party-review-button-text {
  font-family: 'Fauna One', 'Arial', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #ffffff;
}
.ubw-first-party-review-button-container {
  padding: 8px 16px 8px 16px;
  border: 1px solid #a9b7a2 !important;
  box-sizing: border-box;
  background-color: #a9b7a2 !important;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  justify-content: center;
}
.submit {
  border: 1px solid #bcc3ca;
  background-color: #a9b7a2 !important;
}
.ubw-cta-text {
  font-family: 'Fauna One', 'Arial', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #a9b7a2 !important;
  margin-left: 8px;
}
.css-tjnvul, .css-1goj2uy {
  font-size: 14px;
  font-family: inherit;
  line-height: 20px;
  cursor: pointer;
  color: #fff !important;
  background-color: #a9b7a2 !important;
  padding: 2px 4px !important;
}
.css-tjnvul > svg, .css-1goj2uy > svg{
  color: #fff !important;
}
.css-12kw2nk {
  font-size: 14px;
  padding: 2px 7.5px;
  cursor: pointer;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  display: inline-flex;
  -moz-box-align: center;
  align-items: center;
  font-family: inherit;
  line-height: 20px;
  appearance: none;
  border: medium none;
  background-color: #a9b7a2 !important;
  outline: none;
  margin: 0px 1px;
}
.ce_ctsheadericonbox .outside a {
	font-color:#fff !important;
}

#main > .inside {
	padding-bottom:0px;
}
/* fuer alle Geraete-Klassen */

.widget-checkbox span {
    display:block !important;
    margin:3px 0;
}
input[type="checkbox"]:checked, input[type="radio"]:checked{
  background: #a9b7a2;
}
fieldset {
  padding-top: 10px;
  padding-bottom: 15px;
  border: 0px solid rgb(217, 217, 217);
}
.formv1 fieldset, .formv1 .widget {
  margin-bottom: 10px;
}
.formv1 .widget-explanation {
  padding: 0px 0px;
  border: 0px solid rgba(217,217,217,1);
}
.navi-section {
  z-index: 9999;
  position: relative;
  width: 100%;
  background-color: rgba(255,255,255,1);
  border-top: 0px solid #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
.ext_list, .ext_list span, .ext_list a {
	font-family: 'Fauna One';
	color:#646363;
	text-decoration:none;
}
.fa-check::before {
	padding-right:5px;
}

#main .ce_ctswrapperstart.conparoller {
    background-attachment: initial;
}
.ce_ctsteam .image_container {
  margin-bottom: 0;
  text-align: left !important;
}
.cts-element_preistabelle .featurelist ul li p {
	line-height:30px;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom: 0px;
}
.portfolio h2 {
	font-size: 15px !important;
}
.portfolio .subheadline {
	display: none;
}
.ce_accordion .toggler {
  border-bottom: 1px solid #dcdcdc !important;
}

/* fuer tablets und groessere Displays*/
@media only screen and (min-width:768px) {

    

    header .bxsmall .bx-viewport {
        border: 10px solid #e5e8ee;
    }

}


/* fuer tablets und groessere Displays*/
@media only screen and (min-width:992px) {

    .toTop:before {
        content: "\f077";
    }
    .ctsheaderimagev2 .contentwrapper {
    width: 60%;
  }

}

/* fuer desktop */
@media only screen and (min-width:1025px) {

    

    #main .ce_ctswrapperstart.conparoller {
      background-attachment: fixed !important;
      background-position-x: 50%!important;
    }


    /*#mainmenu ul > li.home-icon a {
        padding: 8px 10px;
        font-size: 0;
    }


     #mainmenu ul li.home-icon a::before {
        position: relative;
        bottom: 0;
        background-color: transparent;
        font-size: 18px;
        font-family: FontAwesome;
        content: '\f015';
        transform: inherit;
    }*/

    #main .ce_ctswrapperstart.conparoller {
      background-attachment: fixed !important;
    }



}


/* fuer Smartphones */
@media only screen and (max-width:767px) {

#main .ce_ctswrapperstart.conparoller {
  background-attachment: scroll !important;
}

body.android #main .ce_ctswrapperstart.conparoller {
   background-attachment: scroll;
   background-position: center center!important;
}
.ctsflipbox {
	margin-bottom:20px;
}
.image_container.float_right {
	margin-left:0 !important;
}

}
@media only screen and (max-width: 640px) {
	.linearize-level-1 .col_2{
		margin-top:0 !important;
	}
}

.strassenfest input[type="text"],.strassenfest input[type="email"],.strassenfest input[type="tel"],.strassenfest textarea {
    width: 100%;
    display: inline-block;
    padding: 16px 50px;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(217,217,217,1);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(85,85,85,1);
}
.strassenfest label {
    
    font-size:22px;
}
.strassenfest input[type="checkbox"] {
	width:25px;
	height:25px;
}
.ArtHaus_Startseite .smartline {
	background-color: #a9b6a2;
	height: 100vh;
	display:flex;
	justify-content: center;
	align-items: center;
}
.ArtHaus_Startseite .kug {
	background-color: #d0c6ae;
	height: 100vh;
	display:flex;
	justify-content: center;
	align-items: center;
}
.ArtHaus_Startseite .img_kug {
	width: 80%;
    max-width: 800px;
}
.ArtHaus_Startseite .img_smartline {
	width: 80%;
    max-width: 800px;
}
.ArtHaus_Startseite .smartline a, .ArtHaus_Startseite .kug a{
	display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 640px) {
	.ArtHaus_Startseite .smartline {
	height: 40vh;
}
.ArtHaus_Startseite .kug {

	height: 40vh;

}
}
.ArtHaus_Startseite .navi-section .inside {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}