body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
#wrapper{width:960px;margin:0 auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class^=ce_],.mod_article [class*=" ce_"],.mod_article [class^=content-],.mod_article [class*=" content-"],.mod_article [class^=mod_],.mod_article [class*=" mod_"],.mod_article [class^=module-],.mod_article [class*=" module-"]{margin-left:10px;margin-right:10px}.ce_sliderStart>.content-slider{margin-left:0;margin-right:0}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class^=layout_]>*,.mod_article [class*=" layout_"]>*,.mod_article [class^=event_]>*,.mod_article [class*=" event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:none!important;display:block!important;width:auto!important}.offset1,.offset2,.offset3,.offset4,.offset5,.offset6,.offset7,.offset8,.offset9,.offset10,.offset11,.offset12{margin-left:10px!important}}
#main .inside {
    margin-right:10px;
    margin-left:30px;
}
body {
    margin-top:1rem;
    background-image:url("/files/energywood/theme/backgrd.gif");
    background-position:left top;
    background-repeat:repeat;
    font-family:Arial,Helvetica,sans-serif;
    color:#504E53;
}
.ie7 #container {
    zoom: 1;
}
aside {
    background-color:#fff;
    border-right:3px solid #300;
    border-bottom:3px solid #300;
}
h2 {
    font-size:1.5em;
    color:#ff6000;
    text-transform:uppercase;
}
h3 {
    font-size:1.4em;
}
h4 {
    font-size:1.2em;
    font-weight:bold;
}
.text_right {
    text-align:right;
}
ul.liste {
    margin-left:1em;
    padding-left:1em;
    list-style-type:circle;
}
.mod_article {
    padding:1em;
    background-color:#fff;
    border-right:3px solid #300;
    border-bottom:3px solid #300;
}
#main_left {
    height:198px;
    background-color:#030;
}
#main_head {
    margin:0;
    padding:0;
    background-color:#030;
    border-top:0px solid #300;
    border-right:3px solid #300;
    border-bottom:0px solid #300;
    border-left:0px solid #300;
}
#main_head img {
    height:95px;
}
#logo {
    height:6em;
    margin:0;
}
#logo a h1 {
    width:17em;
    height:2em;
    float:right;
    margin:1em 1.2em 0 0;
    padding:0;
    background-image:url("/files/energywood/theme/energywood.gif");
    background-position:right center;
    background-repeat:no-repeat;
}
.hide_text {
    overflow:hidden;
    text-indent:100%;
    white-space: nowrap;
}
.mod_navigation {
    border-right:3px solid #300;
}
.mod_navigation ul.level_1 {
    margin:0;
    padding:0 0 1.3em;
    background-color:#030;
    list-style-type:none;
}
.mod_navigation ul.level_1 li {
    display:inline;
}
.mod_navigation ul.level_1 li strong.active {
    margin-right:1.2em;
    margin-left:1.2em;
    color:#ff6000;
    text-transform:uppercase;
}
.mod_navigation ul.level_1 li a {
    margin-right:1.4em;
    margin-left:1.4em;
    text-decoration:none;
    color:#008c00;
    text-transform:uppercase;
}
.mod_navigation ul.level_1 li a:hover {
    text-decoration:underline;
    color:#ff6000;
}
.subnavi {
    background-color:#008c00;
    border-right:3px solid #300;
}
.subnavi_left {
    background-color:#008c00;
}
.link_text {
    text-decoration:none;
    color:#ff6000;
}
a:hover.link_text {
    text-decoration:underline;
}
#left_content {
    height:100%;
    min-height:380px;
    padding:1em;
}
a.impressum {
    text-align:right;
    text-decoration:none;
    color:#98989B;
    text-transform:uppercase;
}
a:hover.impressum {
    text-decoration:underline;
    color:#ff6000;
}
.css3button {
    margin:2px 5px;
    padding:4px 15px;
    vertical-align:top;
    background-color:#030;
    border:1px solid #300;
    color:#fff;
}
table.table_order tr td {
    margin-right:5px;
    padding:2px;
    vertical-align:middle;
}
#logo_pueckler {
    bottom:20px;
    position:absolute;
}
.input_menge {
    width:50px;
    margin:2px;
    padding:3px;
}

/* Container & Allgemeines */
.order-contact-container {
    max-width: 900px;
    margin: 3rem auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #333;
    line-height: 1.5;
}

.order-contact-container h2 {
    color: #e65100; /* Passendes Orange zum Logo */
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Zusammenfassungs-Box */
.order-contact-container .summary-box {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.order-contact-container .summary-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.order-contact-container .summary-box li {
    border-bottom: 1px solid #dee2e6;
    padding: 8px 0;
    display: flex;
    justify-content: space-between;
}

.order-contact-container .summary-box li span {
    color: #6c757d;
}

/* Formular-Layout & Felder */
.order-contact-container .form-grid {
    display: grid;
    gap: 1.5rem; /* Größerer Abstand für mehr Luftigkeit */
}

/* Mobile-First: Einspaltig */
.order-contact-container .field-group {
    display: flex;
    flex-direction: column;
}

.order-contact-container label {
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 6px;
    color: #495057;
}

.order-contact-container input[type="text"],
.order-contact-container input[type="email"],
.order-contact-container textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 1rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box; /* Wichtig für korrekte Breite */
}

.order-contact-container input:focus,
.order-contact-container textarea:focus {
    border-color: #e65100; /* Orange-Fokus */
    box-shadow: 0 0 0 3px rgba(230, 81, 0, 0.15);
    outline: none;
}

/* Spezielles Layout für PLZ/Ort (nebeneinander auf Desktops) */
@media (min-width: 600px) {
    .order-contact-container .plz-ort-group {
        display: flex;
        gap: 15px;
    }
    
    .order-contact-container .plz-wrapper {
        flex: 1; /* Schmal */
    }
    
    .order-contact-container .ort-wrapper {
        flex: 3; /* Breit */
    }
}

/* Spam-Bot Honeypot */
.order-contact-container .hp-wrapper {
    position: absolute;
    left: -5000px;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* Fehler-Meldungen */
.order-contact-container .error-msg {
    color: #dc3545;
    font-size: 0.85em;
    margin-top: 6px;
}

/* Der grüne Button */
.order-contact-container .btn-submit-contact {
    display: inline-block;
    padding: 14px 30px;
    background-color: #2e7d32; /* Sattes Waldgrün */
    color: white !important;
    border: none;
    border-radius: 4px;
    font-size: 1.1em;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
    text-decoration: none;
}

.order-contact-container .btn-submit-contact:hover {
    background-color: #1b5e20; /* Dunkleres Grün beim Hover */
}

.order-contact-container .btn-submit-contact:active {
    transform: translateY(1px); /* Kleiner Klick-Effekt */
}

.order-contact-container .form-footer {
    text-align: right;
    margin-top: 1rem;
}