a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,
strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var {margin:0; padding:0; border:0; outline:0; letter-spacing:0; }
:focus { outline:0; } ol,ul{list-style:none; } blockquote:after,blockquote:before,q:after,q:before {content:""; } blockquote,q{quotes:"" ""}
html { overflow-x:hidden; font-size:100%;   } * { font-variant-ligatures: none; } * { -webkit-font-feature-settings: "liga" 0, "dlig" 0; font-feature-settings: "liga" 0, "dlig" 0; } * {	-webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; } html{overflow:-moz-scrollbars-vertical;overflow-y:scroll}
html, body { margin:0; padding:0; height:100%; min-height:100%; width:100%; position:relative; } body { background:#fff } @-moz-document url-prefix() { body { font-weight: lighter !important;  }}
button, input { -webkit-appearance:none; appearance:none; border-radius:0; outline:none; }


/*
HEADER
*/
header { position:absolute; top:0; left:0; width:100%; display:none; }
.header-inner { max-width:1200px; margin:0 auto; padding-top:60px; }
.header-inner .brand { width:100px; position:absolute; }
.header-inner .mainnavigation-container { display:table; margin:0 0 0 auto; padding-top:40px; }
.mainnavigation li { display:inline-block; margin-left:20px; }
.mainnavigation li:first-child::after { width:2px; background:#fff; height:16px; content:""; display:inline-block; margin-left:22px; transform:translateY(2px); }
.mainnavigation li a { color:#fff; font:400 16px/1em 'Open Sans',sans-serif; text-decoration:none; text-transform:uppercase; letter-spacing:0.02em; }
.mainnavigation li.current-menu-item a { font-weight:700; }
.menu-btn { display:none; }


/*
TYPO
*/
h2 { font:italic 300 50px/1.2em 'Open Sans',sans-serif; color:#66b512; margin-bottom:1em !important; }
p { font:400 18px/1.5em 'Open Sans',sans-serif; color:#2b6636; margin-bottom:1em; }
.header-headline { margin-bottom:70px; }
.header-headline { padding-left:160px; }
.header-headline p { font:italic 300 50px/1.2em 'Open Sans',sans-serif; color:#fff; }
.header-text { margin-bottom:15px !important; padding-left:110px; }
.header-text p { font:400 20px/1.5em 'Open Sans',sans-serif; color:#fff; padding-left:60px; position:relative; }
.header-text.last { margin-left:-10px; padding-right:50px; }
.header-text.last2 { margin-left:-32px; padding-right:50px; }
.header-text p:first-child::before { content:""; display:block; width:60px; height:16px; background:url(../images/slashes.png) no-repeat center center; position:absolute; left:0; top:7px; }
.bayer-faq-item { border-bottom:1px solid #004422; padding:25px 5px; }
.bayer-faq-item:first-child { border-top:1px solid #004422; }
.bayer-faq-item-answer { display:none; }
.bayer-faq-item-answer > div { padding-top:20px; }
.bayer-faq-item-answer > div p { color:#000; }
.bayer-faq-item-answer > div a { font:inherit; color:#66b512; text-decoration:none; }
.bayer-faq-item-answer > div a:hover { color:#2b6636; }
.bayer-faq-item-answer > div ul { list-style:disc; color:#66b512; padding-left:20px; }
.bayer-faq-item-answer > div ul li { list-style:disc; font:400 18px/1.5em 'Open Sans',sans-serif;  color:#000; }
.bayer-faq-item .title { font:700 20px/1.5em 'Open Sans',sans-serif; color:#2b6636; display:block; position:relative; cursor:pointer; }
.bayer-faq-item .title:hover { color:#000; }
.bayer-faq-item .title::after { display:block; content:""; background:url(../images/bayer-faq-arrow.png) no-repeat center center; width:24px; height:14px; transform-origin:50% 50%; position:absolute; right:5px; top:50%; margin-top:-6px; transition:transform 250ms ease; }
.bayer-faq-item.open .title::after { transform:rotate(180deg); }
.ff-message-success { border: 0 !important; box-shadow: none !important; font: 300 20px / 1.5em 'Open Sans', sans-serif; padding: 0; }
.maps-marker { position:absolute; right:0px; top:50%; transform:translateY(-50%); }
.maps-marker img { width:50px !important; height:50px !important; max-width:50px !important; }
.anmeldung-head { display:relative;  }
.anmeldung-head::before { content:""; display:block; position:absolute; left:-100px; top:10px; width:80px; height:40px; background:url(/wp-content/uploads/2024/04/bayer-anmeldung-gfx.png) no-repeat center right; }
.anmeldung-head h2 { font-style:normal; font-weight:700; }
.link-anmeldung { font:700 16px/1.5em 'Open Sans',sans-serif; color:#66b512; text-decoration:none;}
.link-anmeldung:hover { color:#000; }
p > a { color:#66b512; text-decoration:none; }
.claim { position:absolute; bottom:95px; left:10px;  }
.claim img { height:25px; width:auto; }
.bayer-logo { margin-bottom:40px; }


/*
SECTIONS
*/
#content-wrapper { min-height:calc(100% - 61px); }
section.vc_section:not(.head) { max-width:950px; margin-left:auto; margin-right:auto; }
.page-template-default section.head { padding:0 !important; margin:0 0 0px 0 !important; background-position:center top; }
.page-template-default.home section.head { margin:0 0 0px 0 !important; }
.page-template-default.home section.head > div { background-repeat:no-repeat !important; background-color:#66b512 !important;  }
section.head > .vc_row { margin:0 auto !important; background-repeat:no-repeat; background-position:center top; }
.col-left { padding-right:30px; }
.green-column-left { background:#66B512; }
.green-column-left > div { background-position:right top !important; background-color:#66B512 !important; background-repeat:no-repeat !important; }
.form-column { background:#fff; min-height:100vh; padding:80px 100px 100px 100px; box-sizing:border-box;  }
.form-column > div  {  max-width:420px; }
.column-left-container { max-width:970px; padding:50px 100px 0 50px; margin:0 0 0 auto; float:none !important; }
.bayer-logo img { width:120px; height:120px; }


/*
Formular
*/
.fluentform .ff-el-group { margin-bottom:0 !important; }
.ff-el-group input[type=text], .ff-el-group input[type=email], .ff-el-group select { font:300 16px/1em 'Open Sans',sans-serif; color:#000 !important; letter-spacing:0.05em !important; border-radius:0 !important; border:1px solid #66b512 !important; padding:10px !important; margin-bottom:15px !important; }
.ff-el-group textarea { font:300 16px/1em 'Open Sans',sans-serif; color:#000 !important; letter-spacing:0.05em !important; border-radius:0 !important; border:1px solid #66b512 !important; padding:10px !important; margin-bottom:15px !important; resize:none; }
.ff-el-group select { padding:8px 10px 10px 8px !important; margin-bottom:15px !important; }
.ff-el-group input[type="checkbox"] { appearance:none !important; -webkit-appearance:none !important; width:16px; height:16px; outline:none !important; border:0 !important; background:transparent !important; }
.ff-el-group input[type="checkbox"]::after, .fluentform-widget-custom-radio-checkbox input[type="radio"]::after {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    content: "";
    display: block;
    background-color:#fff;
    border:1px solid #66b512;
    border-radius: 50%;
    cursor:pointer !important;
}
.ff_item_selected input[type="checkbox"]::after { background:#66b512; }
.formular-hinweis { margin:20px 0; }
.formular-hinweis p { font:400 15px/1.5em 'Open Sans',sans-serif; color:#2b6636; }
.formular-hinweis-optin { margin:20px 0; padding-bottom:30px !important; }
.formular-hinweis-optin p { font:400 18px/1.5em 'Open Sans',sans-serif; color:#2b6636; }
.ff-el-input--content label span { font:400 15px/1.5em 'Open Sans',sans-serif; color:#2b6636; padding-left:35px; display:block; transform:translateY(-20px); cursor:default !important; }
.ff-el-input--content label span a { color:#66b512; font:inherit; text-decoration:none; }
.formular-hinweis-required { margin:10px 0; padding-bottom:30px !important; }
.formular-hinweis-required p { font:400 15px/1.5em 'Open Sans',sans-serif; color:#2b6636; }
.fluentform .ff-el-is-error .text-danger { font:400 15px/1.5em 'Open Sans',sans-serif; color:red; transform:translateY(-15px); }
.ff-btn-submit { background:linear-gradient(90deg, rgba(137,211,41,1) 0%, rgba(102,181,18,1) 100%); color:#fff; text-transform:uppercase; font:700 16px/1em 'Open Sans',sans-serif !important; letter-spacing:0.1em !important; width:100%; border-radius:30px !important; border:0 !important; padding:20px !important; transition:all 300ms ease; }
.ff-btn-submit:hover { background:linear-gradient(-90deg, rgba(137,211,41,1) 0%, rgba(102,181,18,1) 100%); background-size:200%; }
::placeholder { color:#000 !important; }
.begleitperson, .dsgvo { margin-top:30px; } 

.hide-options { display:none; }


/*
Footer
*/
footer { background:#004422; }
footer .footer-inner { max-width:1200px; margin:0 auto; padding:40px 0; }
footer .footer-inner p { font:700 14px/1.5em 'Open Sans',sans-serif; color:#89d329; margin-bottom:0 !important; }
footer .menu-footer-container ul { display:table; margin:2px 0 0 auto; }
footer .menu-footer-container ul li { display:inline-block; margin-left:20px; }
footer .menu-footer-container ul li:first-child::after { width:2px; background:#fff; height:13px; content:""; display:inline-block; margin-left:22px; transform:translateY(2px); }
footer .menu-footer-container ul li a { color:#89d329; font:600 13px/1em 'Open Sans',sans-serif; text-decoration:none; text-transform:uppercase; letter-spacing:0.1em; }


@media (max-width:1630px){
	.claim { margin-left:40px; }
}

@media (max-width:1550px){
    .bayer-logo img { width:100px; height:100px; }
    .green-column-left > div { background-position:95% top !important; background-color:#66B512 !important; background-repeat:no-repeat !important; }
    .maps-marker { position:absolute; right:-70px; top:50%; transform:translateY(-50%); }
}

@media (max-width:1450px){
    .green-column-left > div { background-position:95% top !important; background-color:#66B512 !important; background-repeat:no-repeat !important; }
}

@media (max-width:1300px){
    .header-inner { padding:60px 30px 0 30px; }
    footer .footer-inner { padding:20px 30px; }
    .form-column { padding-right:50px; padding-left:50px; }
    .green-column-left > div { background-position:90% top !important; background-color:#66B512 !important; background-repeat:no-repeat !important; }
    .header-headline { padding-left:100px; }
    .header-text { padding-left:60px; }
    .anmeldung-head::before { content:""; display:block; position:absolute; left:-50px; top:10px; width:40px; height:40px; background:url(/wp-content/uploads/2024/04/bayer-anmeldung-gfx.png) no-repeat center right; }
	
    .bayer-logo img { width:100px; height:100px; }
}

@media (max-width:1200px){
    section.vc_section:not(.head) { max-width:100%; padding-left:30px !important; padding-right:30px !important; margin-left:auto; margin-right:auto; }
    section.head > .vc_row { max-width:100%; padding-left:0px !important; padding-right:0px !important; }
    footer .menu-footer-container ul li:first-child::after, footer .menu-footer-container ul li { margin-left:10px; }

	.claim { margin-left:0px; }
    .header-headline { padding-left:0px; margin-top:40px; }
    .header-text { padding-left:0px; }
    .column-left-container { padding-right:50px; }

}

@media (max-width:1024px){
    .green-column-left, .form-column { display:block; width:100%; }
    .form-column > div { max-width:100%; }
	
    .bayer-logo img { width:100px; height:100px; }
}

@media (max-width:781px){
    .header-inner { padding-top:30px; }
    .header-inner .brand { width:80px; }
    .header-inner .mainnavigation-container { padding-top:20px; }
    .header-text br { display:none; }
    .mainnavigation li { display:block; text-align:right; margin-bottom:10px; }
    .mainnavigation li:first-child::after { display:none; }
    section.head > .vc_row { padding-top:0px !important; }
    footer .menu-footer-container ul { display:block; margin:2px 0 0 -10px; }
    .column-left-container { padding:30px; }
    .header-text.last { margin-left:0px; padding-right:50px; } 
	
    .header-text.last2 { margin-left:0px; padding-right:50px; } 
    .maps-marker { right:-60px; }
    .form-column { padding-right:30px; padding-left:30px; }
    .anmeldung-head::before { display:none; }
    .impressum-text p { word-break: break-word; }
}

@media (max-height:940px){
	.claim { bottom:55px; left:10px;  }
}

@media (max-height:900px){
	.claim { position:static; margin-top:70px; }
}

@media (max-width:767px){
}
