/* Diese CSS-Dateien standen früher mit im HTML-Quelltext - ausgelagert aus SEO-Gründen */
@import url("/static/fh-umfrage/assets/css/bootstrap.min.css");
@import url("/static/fh-umfrage/assets/css/font-awesome.min.css");
@import url("/static/fh-umfrage/assets/css/Pe-icon-7-stroke.css");
@import url("/static/fh-umfrage/assets/css/Pe-icon-helper.css");
@import url("/static/fh-umfrage/assets/css/animate.min.css");
@import url("/static/fh-umfrage/assets/css/swiper-bundle.min.css");
@import url("/static/fh-umfrage/assets/css/nice-select.css");
@import url("/static/fh-umfrage/assets/css/magnific-popup.min.css");
@import url("/static/fh-umfrage/assets/css/ion.rangeSlider.min.css");
@import url("/static/fh-umfrage/assets/css/style.css");


body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #525252;
  font-weight:200;
}
::selection {
  color: #fff;
  background-color: #093a66;
}
a {
  color: #093a66;
  font-weight: 600;
}
a:hover {
  color: #08094e;
}
p {
  hyphens: auto;
}
strong {
	font-weight: 600;
}
#designbody h1,.h1 {
	font-size: 26px;
  margin-bottom:0;
}
#designbody h2,.h2 {
	font-size: 26px;
  margin-bottom:0;
}
#designbody h3,.h3 {
	font-size: 22px;
  margin-bottom:0;
}
#designbody p {
	font-size: .8rem;
  margin-bottom:.5rem;
  font-family: "Arial";
  color: #000;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
	/*font-family: "NB Typewriter Pro";*/
  font-weight: 400;
}
.boxUmfrage {
	/*font-family: "Sequel Sans Regular";*/
  font-weight: 400;
}
.boxUmfrage h1,.boxUmfrage h2,.boxUmfrage h3,.boxUmfrage h4,.boxUmfrage h5,.boxUmfrage h6,
.boxUmfrage .h1,.boxUmfrage .h2,.boxUmfrage .h3,.boxUmfrage .h4,.boxUmfrage .h5,.boxUmfrage .h6{
	/*font-family: "Sequel Sans Regular";*/
  font-weight: 600;
}
h1,.h1 {
	font-size: 3rem;
}
h2,.h2 {
	font-size: 2.5rem;
  margin-bottom: 1rem;
}
.h3, h3 {
  font-size: calc(1.1rem + .6vw);
}
.header-contact img {
	height: 70px;
}
.text-quaas-primary {
  --bs-text-opacity: 1;
  color: #B5B000!important;
}
.text-quaas-secondary {
  --bs-text-opacity: 1;
  color: #09664f!important;
}
.hidden {
	display:none;
}

.section-title {
  margin-bottom: 0;
}
#designbody .section-title {
  font-size: 16px;
  line-height: 20px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.section-titleLeft {
  text-transform: uppercase;
  position: relative;
  color: #393939;
  font-size: 36px;
  line-height: 27px;
  padding-left: 90px;
  padding-right: 90px;
  font-weight: 700;
  margin-bottom: 30px;
}
.section-desc-noSpaceBottom {
  margin-bottom: 0;
  margin-top: 1rem;
}

.border-quaas-secondary {
    --bs-text-opacity: 1;
    color: #09664f !important;
}
.btn-quaas-primary {
  background-color: #093a66;
  border-color: #093a66;
  color: #ffffff;
}
.btn-quaas-primary:hover {
  background-color: #08094e;
  border-color: #08094e;
  color: #ffffff;
}
.btn-quaas-primary:focus {
  background-color: #08094e;
  border-color: #08094e;
  color: #ffffff;
}
.btn-outline-quaas-primary {
  background-color: transparent;
  border-color: #093a66;
  color: #093a66;
}
.btn-outline-quaas-primary:hover {
  background-color: #08094e;
  border-color: #08094e;
  color: #ffffff;
}
.btn-quaas-secondary {
  background-color: #09664f;
  border-color: #09664f;
  color: #ffffff;
}
.btn-quaas-secondary:hover {
  background-color: #084e3d;
  border-color: #084e3d;
  color: #ffffff;
}
.btn-quaas-secondary:focus {
  background-color: #084e3d;
  border-color: #084e3d;
  color: #ffffff;
}
.btn-outline-quaas-secondary {
  background-color: transparent;
  border-color: #09664f;
  color: #09664f;
}
.btn-outline-quaas-secondary:hover {
  background-color: #084e3d;
  border-color: #084e3d;
  color: #ffffff;
}
.btn-outline-success {
  color: #198754;
}
.btn-outline-danger {
  color: #dc3545;
}
.btn-outline-warning {
  color: #ffc107;
}
.btn-outline-info {
  color: #0dcaf0;
}
.btn-outline-light {
  color: #f8f9fa;
}
.btn-outline-dark {
  color: #212529;
}
.btn-custom-size.xl-size {
  width: unset;
  padding: 0 20px;
  border-radius: 10px;
}
.btn-custom-size.lg-size {
  width: unset;
  padding: 0 20px;
  border-radius: 7.5px;
}
.btn-custom-size.sm-size {
  width: unset;
  padding: 0 20px;
  border-radius: 5px;
}
.alert-qlg {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #f1f1f1;
  --bs-alert-border-color: #d3d6d8;
}
.main-nav > ul {
  /*font-family: "Sequel Sans Regular";*/
}
.main-nav > ul > li:hover > a {
  color: #08094e;
}
.main-nav > ul > li > a:before {
  background-color: #093a66;
}
.drop-menu > li:hover > a {
  color: #08094e;
}
.main-nav > ul > li.active > a {
  color: #093a66;
  font-weight: 600;
}
.drop-menu > li.active > a {
  color: #093a66;
  font-weight: 600;
}
.alert p, .alert h4 {
  margin: 0;
}

.slide-inner.style-1 {
  min-height:unset;
}
.headTextLeft {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  text-align: left;
}
.section-space-top-30 {
	padding-top: 30px;
}
.section-space-bottom-30 {
	padding-top: 30px;
}
.section-space-top-50 {
	padding-top: 50px;
}
.section-space-bottom-50 {
	padding-top: 50px;
}
h2 + p,h3 + p,h4 + p {
	margin-top:10px;
}
.wide680 {
	width:680px;
}
.drop-menu {
  padding-left: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  right: calc(100% + 30px);
}
.drop-holder ul .drop-holder {
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.drop-menu > li > .drop-menu > li > .drop-menu {
  right: calc(100% + 0px);
}
.slide-content {
	hyphens: auto;
}
.slide-content .offer {
  font-size: 30px;
}
.slide-content .title {
  font-size: 48px;
}
.slide-content .short-desc {
  margin-bottom: 10px;
}
.testimonial-bg {
  min-height: 380px;
}
.footer-widget-list-item > li a:hover {
    color: #08094e;
}
.footer-widget-logo {
  width: 75%;
}
.brand-bg {
  padding: 50px 90px;
}
.newslistItem {
  background-color: #f6f7fb;
  padding: 20px;
  border-radius: 10px;
}
.newslistItem .blog-meta {
  margin-bottom: 10px;
  margin-top: 4px;
}
.newslistItem .title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 15px;
}
.newslistItem a.inner-btn {
  position: absolute;
  bottom: 010px;
  right: 10px;
}
.newslistItem .inner-btn i {
  border: 2px solid #abd373;
  background-color: #f6f7fb;
  color: #abd373;
  border-radius: 100%;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-size: 24px;
}
.teaserContent {
  border: 1px solid #e1e1e1;
  overflow: hidden;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.15), 0px 5px 8px rgba(0, 0, 0, 0.1), 0px 1px 14px rgba(0, 0, 0, 0.08);
}
.teaserContent p {
	margin: 0 0 5px 0;
}
.teaserContent ul {
  list-style: unset;
  margin-left: 20px;
}
.footer-widget-logo {
  padding-bottom: 25px;
}
.footer-widget-title {
  margin-bottom: 10px;
}
.pt-50 {
  padding-top: 50px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-30 {
  padding-bottom: 30px;
}
.product-tab-nav.tab-style-1 li a:hover {
  border: 1px solid #09664f;
  color: #09664f;
  font-weight: 600;
}
.footer-area .footer-top {
  border-top: 2px solid #d3d6d8;
}
.copyright {
  border-top: 2px solid #d3d6d8;
}
.copyright-text {
  color:#000;
}
.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li a,
.offcanvas-minicart_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li a,
.offcanvas-search_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li a {
  font-size: 16px;
}
.mobile-menu_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li .sub-menu li a,
.offcanvas-minicart_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li .sub-menu li a,
.offcanvas-search_wrapper .offcanvas-body .inner-body .offcanvas-menu_area .offcanvas-navigation .mobile-menu li .sub-menu li a {
  font-size: 14px;
}
.social-link.with-border ul li a:hover {
    background-color: #B5B000;
    border-color: #B5B000;
}
.shipping-item i {
  font-size: 4rem;
}
.banner-content.text-position-left .title {
  text-shadow: 2px 2px 2px #FFFFFF;
}
.blog-img .inner-btn i {
  border: 2px solid #09664f;
}
.blog-meta * {
  color: #09664f;
}
.drop-menu {
  width: 300px;
}
.global-overlay {
  background-color: rgba(0, 0, 0, 0.0);
}

/* ########## Umfrage Styles Beginn ########## */
.umfrageForm fieldset {
  padding: 20px;
  margin-top: 20px;
  border: 1px solid #d3d6d8;
  border-radius: 6px;
  background-color: #f1f1f1;
  position:relative;
}
.btn-check:active+.btn, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:active {
  color: #fff;
  background-color: #8d8d8d;
  border-color: #878787;
}
.umfrageForm label.btn.btn-light.mb-2 {
  border: 1px solid #ced4da;
}
.cbErrPop {
  display: none;
  border: 1px solid #8e8e8e;
  background-color: #fff;
  width: fit-content;
  padding: 0px 10px 0px 10px;
  font-size: 14px;
  border-radius: 4px;
  color: #000;
  position: absolute;
  top: 43px;
  line-height: 3;
}
.cbErrPopInner {
	position:relativ;
}
.valiconarrow-dn {
	position:absolute;
	bottom:-10px;
}
.hideOnStart {
  display: none;
}
.matrixParent .floatOnMatrix {
	margin-bottom: 0!important;
}
.matrixParent fieldset {
  padding: 0;
  border: 0;
  margin-top: 0;
}
fieldset.matrixParent fieldset .umfrage.floatOnMatrix {
  display: inline-block;
}
fieldset.matrixParent fieldset .theField.floatOnMatrix {
  display: inline-block;
}
.form-check-inline {
  margin-right: 1.5rem;
}
.col-12 .matrixParent .elementHolder fieldset {
  margin-bottom: 12px;
}
.col-12 .matrixParent .elementHolder fieldset .umfrage {
	margin-bottom: 4px!Important;
}
.col-12 .matrixParent .elementHolder fieldset .umfrage h6 {
	margin-bottom: 0;
}
.col-12 .matrixParent .elementHolder.col-12:hover {
  background-color: #cccccc6e;
}
.col-12 .matrixParent fieldset {
  background-color: transparent;
}

@media (max-width: 575.98px){
  .form-check-inline {
    display: block;
  }
}
/* ########### Umfrage Styles Ende ########### */

/* ########## Umfrage Maps Beginn ########## */
.search-container {
  padding: 10px 0;
  background: #f0f0f0;
}
.search {
  width: 360px;
  padding: 5px;
}
button.mapSearchBtn {
  padding: 6px 10px;
}
/* ########### Umfrage Maps Ende ########### */

/* ########## Swiper Styles Beginn ########## */
.swiper-slide {
  height: auto;
}
.blog-item {
  height: 100%;
}
.slide-inner.style-2 .slide-content .title:before {
  background-color: #09664f;
}
.swiper-slide h3 {
  color: #09664f;
}
.slide-button-prev i, .slide-button-next i {
  background-color: #09664f;
}
.slide-button-prev i:hover, .slide-button-next i:hover {
  background-color: #084e3d;
}
/* ########### Swiper Styles Ende ########### */

/* ########## Styling verschiedene Displaygrößen Beginn ########## */

@media (max-width: 991.98px){
  .umfrage.floatOnMatrix.einszueins {
    width:100%;
  }
  .theField.floatOnMatrix.einszueins {
    width:100%;
  }
  .umfrage.floatOnMatrix.einszudrei {
    width:100%;
  }
  .theField.floatOnMatrix.einszudrei {
    width:100%;
  }
  .umfrage.floatOnMatrix.einszuvier {
    width:100%;
  }
  .theField.floatOnMatrix.einszuvier {
    width:100%;
  }
  .umfrage.floatOnMatrix.dreizueins {
    width:100%;
  }
  .theField.floatOnMatrix.dreizueins {
    width:100%;
  }
  .umfrage.floatOnMatrix.vierzueins {
    width:100%;
  }
  .theField.floatOnMatrix.vierzueins {
    width:100%;
  }
}

@media (max-width: 767.98px){
  .section-space-top-50 {
    padding-top: 20px;
  }
  .header-right > ul > li > a i {
    font-size: 36px;
  }
  p.twoCol {
    column-count: 1;
    column-gap: 0;
  }
  p.threeCol {
    column-count: 1;
    column-gap: 0;
  }
  .slide-content .offer {
    font-size: 24px;
  }
  .slide-content .title {
    font-size: 42px!Important;
  }
  .blockRow .blockElement:nth-child(even) {
    margin-bottom: 50px;
  }
}
@media (max-width: 575.98px){
  h2,.h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .matrixParent fieldset {
  	margin-bottom: 15px;
  }
  .slide-content .offer {
    font-size: 20px!Important;
  }
  .slide-content .title {
    font-size: 46px!Important;
  }
  .slide-content .offer {
    font-size: 20px;
  }
  .slide-content .title {
    font-size: 36px!Important;
  }
  .brand-bg {
    padding: 20px 50px;
  }
  .brand-bg a {
    opacity: 1;
  }
  ul.mobile-menu li ul li {
    padding-left: 16px;
  }
  .banner-img {
    height: unset;
  }
}
@media (min-width: 768px){
  .blockRow .blockElement {
    margin-bottom: 5rem;
  }
  .main-slider-2 div.slide-content.text-black {
    width:375px!Important;
  }
  .brand-bg {
    padding: 50px 90px;
  }
}
@media (min-width: 992px){
  .main-slider-2 div.slide-content.text-black {
    width:490px!Important;
  }
  .umfrage.floatOnMatrix.einszueins {
    width:50%;
  }
  .theField.floatOnMatrix.einszueins {
    width:49%;
  }
  .umfrage.floatOnMatrix.einszudrei {
    width:33%;
  }
  .theField.floatOnMatrix.einszudrei {
    width:66%;
  }
  .umfrage.floatOnMatrix.einszuvier {
    width:25%;
  }
  .theField.floatOnMatrix.einszuvier {
    width:74%;
  }
  .umfrage.floatOnMatrix.dreizueins {
    width:67%;
  }
  .theField.floatOnMatrix.dreizueins {
    width:32%;
  }
  .umfrage.floatOnMatrix.vierzueins {
    width:75%;
  }
  .theField.floatOnMatrix.vierzueins {
    width:24%;
  }
}
@media (min-width: 1200px){
  .main-slider-2 div.slide-content.text-black {
    width:550px!Important;
  }
  .h3, h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1400px){
  .main-slider-2 div.slide-content.text-black {
    width:586px!Important;
  }
}
/* ########### Styling verschiedene Displaygrößen Ende ########### */

/* ########## Styling Editbutton für Redakteure Beginn ########## */
@media (max-width: 575.98px){

}
@media only screen and (min-width: 768px) {
  .showEditButtons {display:block !important;}  
  .editButtonForm {display: inline-block;padding: 0;margin: 0;}
  .editGlobalButtonMenue {
    padding:0;
    background: rgb(243,247,206);
    background: -moz-linear-gradient(top, rgba(243,247,206,1) 0%, rgba(202,226,178,1) 100%);
    background: -webkit-linear-gradient(top, rgba(243,247,206,1) 0%,rgba(202,226,178,1) 100%);
    background: linear-gradient(to bottom, rgba(243,247,206,1) 0%,rgba(202,226,178,1) 100%);
    color: #648148;
  }
  .editGlobalButtonMenueGn {
  	padding:0;
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
		background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
  }
  .editButtonMenue {
  	margin: 10px;
    padding: 0 5px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    font-size: 20px;
    color: #324F15;
    display:none;
  }
  .editButtonContainer {
    margin: 7px;
    padding: 0px 5px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    font-size: 20px;
    color: #324F15;
    display: none;
		position: absolute;
    right: 0;
    top: 0;
    z-index:10;
  }
  
  .hideEditButtons {display:none;}

	#penGlobal {
    padding: 0 5px;
    margin-left: 4px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 30px;
    display: inline-block;
  }
  #copyGlobal {
    padding: 0 15px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(251, 202, 37);
    background: -moz-linear-gradient(top, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    background: linear-gradient(to bottom, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    font-size: 30px;
    color: #813E00;
    display: inline-block;
  }
  .whitebgcorner{
  	position: fixed;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1000;
    display: inline-block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-bottom-right-radius: 10px;
    padding: 10px;
  }

	.whitebgscroll{
  	position: absolute;
		margin-top: 10px;
		z-index: 999;
    background: rgba(255, 255, 255, 0.9);
    display: inline-block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }
  
  .row form.editButtonForm {display: inline;}

}

@media only screen and (max-width: 1023.98px) {
  .editButtonForm {display:none;}
  .editGlobalButtonMenue, .editButtonContainer, #penGlobal {display:none;}
  .editButtonMenue, .editButtonContainer, #penGlobal {display:none;}
}

/* ########### Styling Editbutton für Redakteure Ende ########### */