body {color: #333333;}


/*CiColor*/

a:link {color:#FEF200; text-decoration:none;}
a:visited {color:#FEF200; text-decoration:underline;}
a:active {color:{$meinText.link}; text-decoration:none;}
a:hover {color:#FEF200; text-decoration:underline;}

.cicolor {color: #FEF200;}
.ciheader h1.section-heading , .ciheader h2.section-heading , .ciheader h3.section-heading  {color:  #FEF200 !important;}

::selection {background: #FEF200; text-shadow: none; color:#fff;}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {color: #FEF200;}
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {background-color: #FEF200;}

#mainNav {background-color: rgba(255,255,255,0.8);}

/*Media Queries*/
@media (min-width: 992px) {#mainNav.navbar-shrink { padding-top: 0; padding-bottom: 0; background-color: rgba(255,255,255,0.8);}}
@media (min-width: 992px) {#mainNav {background-color: rgba(255, 255, 255, 0.5);}}


#mainNav .navbar-toggler { color: white; background-color: #FEF200;}
@media (max-width:500px){.navbar-nav{background-color:rgba(255,255,255,0.8);border-top:3px solid #FEF200;}}
.navbar-nav .nav-item .nav-link:hover{color:#FEF200;}.navbar-expand-md .navbar-nav .dropdown-menu{border-top:3px solid #FEF200;}
.dropdown-item:hover{background-color:#FEF200;color:#fff;}nav{-webkit-transition: padding-top .3s,padding-bottom .3s;-moz-transition: padding-top .3s,padding-bottom .3s; transition: padding-top .3s,padding-bottom .3s; border: none;}

#mainNav .navbar-nav .nav-item .nav-link {color: #000;}
#mainNav.navbar-shrink .navbar-nav .nav-item .nav-link {color: #000;}

.navbar img {width: 170px;}
.navbar-shrink img {width: 140px;}

footer.footer{background:#f2f2f2;position: relative;}
footer{color:rgba(0,0,0,1)}

footer .footeroverlay {height: 100%; position: absolute; display: block; width: 100%; top: 0; left: 0;}
footer a:visited{color:rgba(0,0,0,1)}
footer a:link{color:rgba(0,0,0,1)}

.poweredby{background:rgba(0,0,0,1);}

.btn-primary {background-color: #FEF200; border-color: #FEF200;}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {background-color: #fff !important; border-color: #FEF200 !important; color: #FEF200;
}
.form-group label {display: none;}
textarea.form-control {height: 150px;}

.pagecontent {margin-top: 50px; margin-bottom: 50px;}

header.subhead {position: relative;background-size: cover;}
.subheaderoverlay {background: rgba(0,0,0,0.8);height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 30;}


/*Contactform*/


element.style {
}
p {
    line-height: 1.75;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
*, *::before, *::after {
    box-sizing: border-box;
}
user agent stylesheet
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}






/*****************/
/*DSX Kontaktform*/
/*****************/

section.dsxbaseform#contact .section-heading,  section.dsxbaseform-2spaltig#contact .section-heading{
    color: #fff;
}

section.dsxbaseform#contact .section-subheading.text-muted, section.dsxbaseform-2spaltig#contact .section-subheading.text-muted {
    color: #fff !important;
}

section.dsxbaseform#contact p, section.dsxbaseform-2spaltig#contact p{
    color: #fff;
}

#contact.dsxbaseform a, #contact.dsxbaseform-2spaltig a {
    color: #fff;
}

#contact.dsxbaseform a:link, #contact.dsxbaseform-2spaltig a:link{
    color: #fff;
}


.dsxbaseform .form-control::placeholder, .dsxbaseform-2spaltig .form-control::placeholder {
  color: rgba(0, 0, 0, 0.3) !important;
}

.dsxbaseform .form-control::-webkit-input-placeholder,  .dsxbaseform-2spaltig .form-control::-webkit-input-placeholder{
  color: rgba(0, 0, 0, 0.3) !important;
}
.dsxbaseform .form-control:-moz-placeholder, .dsxbaseform-2spaltig .form-control:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3) !important;
}
.dsxbaseform .form-control::-moz-placeholder, .dsxbaseform-2spaltig .form-control::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3) !important;
}
.dsxbaseform .form-control::placeholder, .dsxbaseform-2spaltig .form-control::placeholder {
  color: rgba(0, 0, 0, 0.3) !important;
}
.dsxbaseform .form-control:-ms-input-placeholder, .dsxbaseform-2spaltig .form-control:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3) !important;
}


.dsxbaseform .btn-primary, .dsxbaseform-2spaltig .btn-primary {
    background-color: #FEF200;
    border-color: #FEF200;
    color: #fff
}

.dsxbaseform .btn-primary:active,
.dsxbaseform .btn-primary:focus,
.dsxbaseform .btn-primary:hover {
    background-color: #fff !important;
    border-color: #FEF200 !important;
    color: #FEF200;
}

.dsxbaseform-2spaltig .btn-primary:active,
.dsxbaseform-2spaltig .btn-primary:focus,
.dsxbaseform-2spaltig .btn-primary:hover {
    background-color: #fff !important;
    border-color: #FEF200 !important;
    color: #FEF200;
}
.dsxbaseform h2, .dsxbaseform-2spaltig h2, .frame-type-form_formframework h2 {
    color: #fff;
}
/**********************/
/*DSX Kontaktform ENDE*/
/**********************/

/*Layouts*/
@media (min-width: 576px) {.frame-layout-4 {max-width: 540px;}}
@media (min-width: 768px) {.frame-layout-4 {max-width: 720px;}}
@media (min-width: 992px) {.frame-layout-4 {max-width: 960px;}}
@media (min-width: 1200px) {.frame-layout-4 {max-width: 1140px;}}
.frame-layout-4 {width: 100%; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto;}


/*Margin und Padding*/
.mt-1 {margin-top: 10px !important;}
.mt-2 {margin-top: 20px !important;}
.mt-3 {margin-top: 30px !important;}
.mt-4 {margin-top: 40px !important;}
.mt-5 {margin-top: 50px !important;}
.mt-6 {margin-top: 60px !important;}
.mt-7 {margin-top: 70px !important;}
.mt-8 {margin-top: 80px !important;}
.mt-9 {margin-top: 90px !important;}
.mt-10 {margin-top: 100px !important;}

.mb-1 {margin-bottom: 10px !important;}
.mb-2 {margin-bottom: 20px !important;}
.mb-3 {margin-bottom: 30px !important;}
.mb-4 {margin-bottom: 40px !important;}
.mb-5 {margin-bottom: 50px !important;}
.mb-6 {margin-bottom: 60px !important;}
.mb-7 {margin-bottom: 70px !important;}
.mb-8 {margin-bottom: 80px !important;}
.mb-9 {margin-bottom: 90px !important;}
.mb-10 {margin-bottom: 100px !important;}

.pt-1 {padding-top: 10px !important;}
.pt-2 {padding-top: 20px !important;}
.pt-3 {padding-top: 30px !important;}
.pt-4 {padding-top: 40px !important;}
.pt-5 {padding-top: 50px !important;}
.pt-6 {padding-top: 60px !important;}
.pt-7 {padding-top: 70px !important;}
.pt-8 {padding-top: 80px !important;}
.pt-9 {padding-top: 90px !important;}
.pt-10 {padding-top: 100px !important;}

.pb-1 {padding-bottom: 10px !important;}
.pb-2 {padding-bottom: 20px !important;}
.pb-3 {padding-bottom: 30px !important;}
.pb-4 {padding-bottom: 40px !important;}
.pb-5 {padding-bottom: 50px !important;}
.pb-6 {padding-bottom: 60px !important;}
.pb-7 {padding-bottom: 70px !important;}
.pb-8 {padding-bottom: 80px !important;}
.pb-9 {padding-bottom: 90px !important;}
.pb-10 {padding-bottom: 100px !important;}