@charset "UTF-8";
/* CSS Document */

.uppercase{
  text-transform:uppercase;
}

#c518{
  display:none;
  visibility:hidden;
}

/* Link Liste im Kundenbereich für Verwalter Styling */

.ce-uploads{
  	border-left:20px solid rgba(130,184,0,1.00);
    margin-left: auto !important;
    padding: 0;
    margin-right: auto !important;
    width: max-content;
    padding-left: 30px !important;
}

.ce-uploads li {
    list-style: none outside none;
    width: max-content;
    margin: 1em 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ce-uploads li div a {
    font-size:18px;
  	color: rgba(167,167,167,1.00);
  	display:inline-flex;
 	transition:all .5s linear;
	-webkit-transition:all .5s  linear;
	-moz-transition:all .5s linear;
}

.ce-uploads li div a:hover {
  	color: rgba(130,184,0,1.00);
}

.ce-uploads li div a:before {
  	content:"⇨";
  	font-size: 14px;
    margin-right: 5px;
    background-color: rgba(167,167,167,1.00);
    width: 20px;
    height: 20px;
    border-radius: 10px;
    padding-left: 3px;
    color: #ffffff;
  	transition:all .5s linear;
	-webkit-transition:all .5s  linear;
	-moz-transition:all .5s linear;
}

.ce-uploads li div a:hover:before {
    background-color: rgba(130,184,0,1.00);
  	transform: rotate(90deg);
}


/* Typo3 Powermail Formular Styling */

.tx-powermail {
  font-family: 'Raleway', sans-serif !important;
  font-size: 14px !important;
  color: rgba(0,104,172,1.00) !important;
  margin-top:20px;
  margin-bottom:100px;
}

.tx-powermail legend {
  font-size: 18px !important;
  color: rgba(0,104,172,1.00) !important;
  visibility: hidden !important;
  display:none !important;
}

.tx-powermail h3 {
visibility: hidden;
display: none;
}

.tx-powermail fieldset{
margin-bottom:25px;
}

.tx-powermail label{
margin-bottom: 3px !important;
margin-left: 8px !important;
}

.tx-powermail .checkbox label{
margin-bottom: 3px !important;
margin-left: 0px !important;
}

.tx-powermail .powermail_fieldwrap{
margin-bottom:10px;
}

.tx-powermail input{
display: block;
width:100%;
padding: 6px 0px;
text-indent: 15px;
border: 2px solid rgba(130,184,0,1.00) !important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-size: 14px;
}

.powermail_fieldwrap_type_submit input {
width: auto;
padding: 8px 50px;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px !important;
}

.tx-powermail select{
display: block;
height:auto;
width: 100%;
padding: 6px 0px;
text-indent: 5px;
border: 2px solid rgba(130,184,0,1.00) !important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-size: 14px;
}

.tx-powermail .mandatory{
color: #FF0004 !important;;
font-size: 14px !important;
top: 0px !important;
margin-left:3px;
}

.tx-powermail .powermail-datenschutz {
font-size: 12px !important;
}

.tx-powermail .powermail-datenschutz a{
color: rgba(0,104,172,1.00) !important;
opacity: 1;
text-decoration:underline;
transition:all .5s linear;
-webkit-transition:all .5s  linear;
-moz-transition:all .5s linear;
}

.tx-powermail .powermail-datenschutz a:hover{
color: rgba(0,104,172,1.00) !important;
opacity: 0.5;
}

.tx-powermail .powermail_fieldwrap_datenschutzgemaessdsgvo{
font-size: 14px !important;
margin-top:-30px;
}

.tx-powermail .powermail_checkbox{
	width: auto;
}

.tx-powermail .powermail_fieldwrap_datenschutzgemaessdsgvo .control-label{
height:0px;
min-height:0 !important;
padding:0 !important;
margin:0 !important;
visibility:hidden;
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
font-size:12px !important;
text-align: right !important;
margin-top:-56px !important;
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
background-color:  rgba(0, 0, 255, 0) !important;
border: none !important;
}


.tx-powermail .btn-primary {
color: #ffffff;
background-color: rgba(130,184,0,1.00) !important;
border-color: none !important;
opacity: 0.7 !important;
	
-ms-transition: 1s all ease;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
transition: 1s all ease;
}

.tx-powermail .btn-primary:hover {
opacity: 1 !important;
}

/* Typo3 Fe-Login Styling */

.tx-felogin-pi1{
	border-spacing: 0;
}

.tx-felogin-pi1 h3{
	display: none;
}

.tx-felogin-pi1 legend{
	display: none;
}

.tx-felogin-pi1 div{
	display: block;
	position: relative;
	font-size: 12px;
	line-height: 26px;
	font-weight: 500;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	color: rgba(130,184,0,1.00);
}


.tx-felogin-pi1 fieldset  {
    border: 0;
    padding: 0;
}

.tx-felogin-pi1 fieldset div{
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 26px;
	font-weight: 500;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	color: rgba(130,184,0,1.00);
}

.tx-felogin-pi1 label {
    display: block;
}

.tx-felogin-pi1 input{
	padding: 5px;
	border-radius: 17px;
	border: 2px solid rgba(130,184,0,0.5);
	font-size: 16px;
	color: rgba(167,167,167,1.00);
	margin-top: 5px;
	text-align: center;
}

.tx-felogin-pi1 #user {
    width: 230px;
}

.tx-felogin-pi1 #pass {
    width: 190px;
}

.tx-felogin-pi1 #submit {
    padding: 10px 30px;
	background-color: rgba(130,184,0,1);
	color: #ffffff;
	border: none;
	font-size: 14px;
	opacity: 0.7;
}

.tx-felogin-pi1 #submit:hover {
	opacity: 1;
}


#submit{
	cursor: pointer;
	
	-ms-transition: 0.5s all linear;
    -webkit-transition: 0.5s all linear;
    -moz-transition: 0.5s all linear;
    transition: 0.5s all linear;
}

















/* Typo3 Slick Carousel Styling */

.slick-container {
overflow: hidden !important;
}

.slider-wrapper .slick-slider {
height:auto;
max-height: 60vh !important;
}

.slick-slider {
display:flex !important;
}

.slick-list {
  display:flex !important;
  width:100%;
}

.slick-track {
display:flex !important;
}

.slick-slide {
display:flex !important;
align-items:center;
}


.slick-container [ID*="-nav"] {
width: calc(100% + 20px);
margin-left: -10px;
}

.slick-container [ID*="-nav"] .slick-img {
  padding:20px 10px 0px 10px;
  height:auto !important;
}


.slick-slider .slick-next,
.slick-slider .slick-prev {
  margin-top: 1.8% !important;
}

.slick-slider .slick-next::before, .slick-slider .slick-prev::before {
  color: #FFF !important;  
  font-size: 40px !important;
}

.slick-container [ID*="loader-slick-"] {
  bottom: 26.35% !important;
}

.slick-dotted.slick-slider {
margin-bottom: 0px !important;
}

.slick-slider .slick-dots li button:before {
color: #fff !important;
}

.slick-slider figure{
	width: 100%;
}

.slider-wrapper.small figcaption{
	background: rgba(0,0,0,.2) !important;
	top:0 !important;
}

.slick-dots {
	bottom: 10px !important;
    margin-left: 4px !important;
}








/* Typo3 Slick Carousel Styling für Referenz-Slider (ID gebunden) */

#loader-slick-id1040 {
	visibility: hidden;
	height: 0px;
	width: 0px;
}

#slick-id1040 .slick-item {
	height: 35vw !important;
    background-size: 70%;
    background-position-x: center;
	margin-top: 2vw;
}

#slick-id1040 .slick-text {
    position: absolute;
    overflow: hidden;
    top: 18vw !important;
    width: 80% !important;
    margin-left: 10% !important;
	margin-right: 10% !important;
    text-align: center;
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%)!important;
}

         /* Hier wurde zusätzlich das SlickSlider Template "Slickcarouselbgimg.html" umgeschrieben und h1 und h2 durch h3 und h4 ersetzt */

#slick-id1040 .slick-text .h3,
#slick-id1040 .slick-text .h4 {
    display: block;
    letter-spacing: 0em !important;
    text-align: center;
    text-shadow: 0 0 0px #fff !important;
    white-space: normal !important;
    word-break: unset !important;
}

#slick-id1040 .slick-text .h3{
	color: rgba(0,104, 173,1) !important;
    display: block;
    font-size: 18px !important;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 0px #fff !important;
}

#slick-id1040 .slick-text .h4 {
    color: rgba(30,151,212,1) !important;
    display: block;
    font-size: 20px !important;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
	margin-top: 13px;
	font-style: italic;
}

#slick-id1040 .slick-next,
#slick-id1040 .slick-prev {
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 100%;
    line-height: 0;
    margin-top: -10px;
    padding: 0;
    position: absolute;
    top: 19% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6% !important;
    z-index: 1;
}

#slick-id1040 .slick-next::before,
#slick-id1040 .slick-prev::before {
    color: #FFF !important;
    font-size: 40px !important;
}







/* Mailchimp Styling */

.mce-sprache {
height:0px;
min-height:0 !important;
padding:0 !important;
margin:0 !important;
visibility:hidden;
}

#mc_embed_signup {
font-family: 'Raleway', sans-serif !important;
margin-bottom:0px;
width:70%;
}

.formular-datenschutz p {
font-size: 12px !important;
line-height: 13px !important;
margin-bottom: 15px!important;
}

.formular-datenschutz a,
.formular-datenschutz a:hover{
	color: rgba(0,104,172,1.00);
	text-decoration: underline;
}

.mc-field-group label {
margin-bottom: 3px !important;
margin-left: 8px !important;
}

.formular-datenschutz .checkbox {
	margin-left: -14px !important;
}

#mc_embed_signup input {
border-radius: 17px !important;
border: 2px solid rgba(130,184,0,0.5)!important;
font-size: 14px !important;
color: rgba(167,167,167,1.00) !important;
padding: 8px 12px !important;
}

#mc_embed_signup .button {
height: auto!important;
line-height: 14px !important;
color: #ffffff !important;
background-color: rgba(130,184,0,1.00) !important;
border-color: none !important;
opacity: 0.7 !important;
margin:20px auto 100px auto !important;
display: block !important;
padding: 8px 50px !important;
	
-ms-transition: 1s all ease;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
transition: 1s all ease;
}

#mc_embed_signup .button a{
padding: 8px 50px !important;
}

#mc_embed_signup .button:hover{
  opacity:1 !important;
}

#mc_embed_signup div#mce-responses {
width: 100% !important;
margin:0px !important;
}

#mc_embed_signup div.response {
margin: 0 0 3em 0 !important;
width: 100% !important;
}

#mc_embed_signup #mce-error-response {
color: #FF0004 !important;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
font-size: 12px !important;
color: #FF0004 !important;
}

#mc-embedded-subscribe {
clear: both;
width: auto;
display: block;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px !important;
}

.asterisk {
color: #FF0004 !important;
font-size:14px !important;
top:0px !important;
}

.input-group label{
  margin-left:5px;
}