@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------------------------------------- */
/* Global Reset */

* {
    margin: 0px;
    padding: 0px;
}
a img {
    border: none;
}
.clearer {
    clear: both;
}
a {
    color: #bfcd21;
    text-decoration: underline;
}
/* ----------------------------------------------------------------------------- */
/* Schriftarten, -groessen */

body,
p,
div,
li,
span,
span,
input,
textarea,
h1,
select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #5f4526;
}
#content p {
    line-height: 25px;
    margin-bottom: 25px;
}
#content h1 {
    margin: 0px;
    padding: 0px;
    font-size: 58px;
    margin-bottom: 30px;
    color: #5f4526;
	font-family: 'Engagement', cursive;
    font-weight:normal;
}
h2 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    margin-bottom: 6px;
    font-weight: normal;
    color: #bfcd21;
}
#content h3 {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: bold;
    color: #898888;
}

#content .tx-felogin-pi1 div{
	font-size:13px;
	color:#898888;
}
h1 img {
    margin-left: -2px;
}
#content ul li {
    padding-bottom: 5px;
    padding-left: 0px;
}
#content ul {
    padding: 0px;
    margin: 0px;
    padding-left: 20px;
}

/* ----------------------------------------------------------------------------- */
/* Grundlegende Formatierung */

body,
html {
    height: 100%;
}
body {
    -webkit-text-size-adjust: none;
}
.wrapper {
    position: relative;
    /* needed for footer positioning*/
    
    margin: 0 auto;
    /* center, not in IE5 */
    
    height: auto !important;
    /* real browsers */
    
    height: 100%;
    /* IE6: treaded as min-height*/
    
    min-height: 100%;
    /* real browsers */
}
.main-area-wrapper {
    text-align: center;
    
}
.main-area-wrapper2 {
    margin: auto;
    max-width: 1260px;
    text-align: center;
}

#loginlogo img{
	width:100% !Important;
	height:auto !Important;
}

#loginlogo{
	padding-top:100px;
}	



.main-area-wrapper3 {
    margin: auto;
    max-width: 650px;
    text-align: center;
}


#navi-header {
    position: relative;
    margin: auto;
  /*  height: 142px;*/
}

#home {
/*    position: absolute;
    top: 21px;
	
    left: 3px;*/
	text-align:left;
	max-width:50%;
	padding-top:50px;
}

#signdiv{
	position:absolute;
	left:50%;
	margin-left:20px;
	font-size:58px;
	color:#bfcd21;
	top:70px;
	font-family: 'Engagement', cursive;
	text-align:left;
}

#navi-header .butlogout{
position:absolute;
bottom:0px;
right:0px;
border:none;
background-color:#fff;
background-image:url(../images/logout.png);
min-height:21px;
background-repeat:no-repeat;
background-position:left top;
padding-left:24px;
color:#bfcd21;
text-decoration:underline;
text-transform:lowercase;
}

#noticediv{
background-color:#c00000;

text-align:center;
position:absolute;
right:0px;
max-width:25%;
top:0px;
}

#noticediv p{
margin:0px !Important;
padding:20px;
color:#fff !Important;
text-align:center;
font-size:14px;
}

#statuswrap{
	position:absolute;
	left:50%;
	margin-left:20px;
	bottom:20px;
	text-align:left;
	right:0px;
	color:#909090 !Important;
}

#statuswrap div, #statuswrap p, #statuswrap a{
	color:#909090 !Important;
	font-size:15px;
}

#home img{
	width:auto;
	height:auto;
	max-width:100%;
}
#menu-t {
    position: absolute;
    right: 58px;
    top: 6px;
    width: 665px;
}
#menu-t ul {
    float: right;
    list-style-type: none;
}
#menu-t li {
    float: left;
    padding-right: 4px;
    margin-right: 3px;
    padding-top: 3px;
    padding-bottom: 0px;
}
#menu-t li.last {
    padding-right: 0px;
    margin-right: 0px;
    background-image: none;
}
#menu-t li,
#menu-t li a {
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
}

#main-area {
    padding: 50px 60px;
    display: block;
	background-color:#eeeeee;
}

#content {
   
}


#content .tx-felogin-pi1 input{
	width:100%;
	text-indent:15px;
	border:1px solid #808080;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height:45px;
height:45px;
font-size:16px;
}

#content .tx-felogin-pi1 label{
	color:#707070;
	font-weight:bold;
	display:inline-block;
	padding-bottom:0px;
	font-size:16px;
	padding-top:20px;
}

#content  .tx-felogin-pi1  .loginbut, #content .button{
	border:1px solid #b5c500;
	background-color:#b5c500;
	display:inline-block;
	width:auto;
	padding-left:30px;
	padding-right:30px;
	float:right;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	text-indent:0px;
	margin-top:30px;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height:45px;
height:45px;
text-align:center;
-webkit-box-shadow: 0px 7px 29px 0px rgba(171,169,171,1);
-moz-box-shadow: 0px 7px 29px 0px rgba(171,169,171,1);
box-shadow: 0px 7px 29px 0px rgba(171,169,171,1);
}

#content .butzeile a{
	color:#6d6d6d;
	text-decoration:underline;
	font-weight:bold;
	display:inline-block;
	padding-top:40px;
	font-size:16px;
}

#content .tx-felogin-pi1  .loginbut:hover, #content .button:hover{
background-color:#9fad01;
}

#content #status{
margin-top:30px;
float:left;
}


#content #orderedit{
background-color:#4a2c08 !important;
border:1px solid #4a2c08 !important;
margin-right:20px;
}

#content #orderedit:hover{
	background-color:#5c3609 !Important;
}
#content #status span{
	color:#a1a1a1;
	display:inline-block;
	padding:10px 20px;
	border-top:10px solid #ced7da;
}

#content #status .status-act{
	color:#414141;
	display:inline-block;
	padding:10px 20px;
	border-top:10px solid #b5c500;
}

#content fieldset,
#content #mailform {
    border: none;
    padding: 0px;
}
#content fieldset {
    margin-top: 0px;
}
#content legend {
    color: #bfcd21;
	display:none;
}

#content .layout2 {
    width: 100%;
}

#content .csc-sitemap ul ul {
    margin-left: 40px;
}

#content .tx-indexedsearch-selectbox-desc {
    float: left;
}

#content * {
    text-align: left;
}
#content #colNormal p {
    text-align: justify;
}
#content #colNormal {} #welcome-text-sp {
    padding-left: 6px;
}
#news-and-events-latest {
    padding-left: 7px;
}

.sm {
    list-style: none;
    width: 959px;
    height: 425px;
    display: block;
    overflow: hidden
}
.sm li {
    float: left;
    display: inline;
    overflow: hidden
}

#content .artikelheaderrow{
	background-color:#b5c500;
	border-bottom:1px solid #9c9c9c;
}
#content .artikelheader{

	color:#fff;
	
		padding-top:10px;
	padding-bottom:10px;
}

#content .artikelheader span{
	color:#fff;
}

#content .notice{
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	padding-top:50px;
	padding-bottom:20px;
}


#content .showerror{
	font-weight:bold;
	font-style:italic;

	padding-top:0px;
	padding-bottom:20px;
	color:#CC0000;
}


#content .bestellformular .rowhelp{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #9c9c9c;
	vertical-align:middle;
}

#content .bestellformular .rowhelp input{
	width:100%;
	max-width:150px;
	text-align:center;
	border:1px solid #808080;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height:45px;
height:45px;
font-size:16px;
}

#content .align-left{
text-align:left;
vertical-align:middle;
}

#content .align-left, #content .align-center{
	padding-top:10px;
}

#content .align-center{
text-align:center;
vertical-align:middle;
}

#content .align-right{
text-align:right;
vertical-align:middle;
}
/*------------------------------------*\
    Media Queries
\*------------------------------------*/
@media only screen and (max-width: 1261px) {
	#navi-header .butlogout{
		right:20px !Important;
	}


}
@media only screen and (max-width: 1100px) {
	#signdiv{
		display:none;
	}

}
@media only screen and (max-width: 959px) {

    #main-area,
    #footer-wrapper2, #navi-header {
        float: none;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
	
	
	#main-area {
    padding: 0px 0px;

}

#content{
	padding:20px;
}
	
	
	#home{
		width:100%;
		max-width:100%;
		padding-top:0px;
		background-color:#b5c500;
		text-align:center;
	}
	
	#home img{
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	#statuswrap, #noticediv{
		position:inherit !Important;
		left:auto;
		right:auto;
		bottom:auto;
		top:auto;
		margin:0px;
		margin-bottom:30px !Important;
		margin-top:15px;
		padding-left:20px;
	}
	
	#noticediv{
		display:none;
	}
	

  
}
@media only screen and (max-width: 768px) {

#content #status span{
	padding:0px 0px !Important;
	text-align:center !Important;
	width:50% !Important;
	float:left;



}

#content .button{
padding-left:0px !Important;
padding-right:0px !Important;
width:100% !Important;
text-align:center !Important;
margin-left:0px !Important;
margin-right:0px !Important;

float:none !Important;
}
#content .row div{

}

#content #status{
	float:none !Important;
	width:100%;
}

#content .row{
	margin-left:0px !Important;
	margin-right:0px !Important;
}

#loginlogo{
	padding-top:0px;
}	

 
    #main-area {
        margin-top: 0px;
    }

 
    #content div.csc-textpic-intext-right .csc-textpic-imagewrap,
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        width: 40% !Important;
    }
    /* #content div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{

	display:block !Important;
 }*/
    
    #content div.csc-textpic-intext-right .csc-textpic-imagewrap figure,
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap figure {} #content div.csc-textpic-intext-right .csc-textpic-imagewrap img,
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img {
        width: 100% !Important;
        height: auto !Important;
    }
 
}
@media only screen and (max-width: 468px) {

#navi-header  .butlogout{
color:#fff !Important;
font-size:0px !Important;
width:21px !Important;
padding-left:0px !Important;
}
    #content .csc-textpic-intext-right-nowrap-310 .csc-textpic-text {
        margin-right: 0px !Important;
        float: none !Important;
        width: 100% !Important;
    }
    #content div.csc-textpic-intext-right .csc-textpic-imagewrap,
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        float: none !Important;
        width: 100% !important;
        margin-left: 0px !important;
    }
    #content div.csc-textpic-intext-right .csc-textpic-imagewrap figure,
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap figure {
        width: 100% !important;
    }

}
.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    background-color: #CECECE !important;
}
.cc_container {
    background-color: #424242 !Important;
}
.cc_message {
    color: #fff !Important;
}
.slick-prev::before,
.slick-next::before {
    color: #CCCCCC !Important;
}
.slick-prev {
    left: 20px !important;
    z-index: 10;
}
.slick-next {
    right: 20px !important;
    z-index: 10;
}