/* Scoped CSS für Stehr Anleitungen - extreme Spezifität mit ID #stehr-anleitungen-form */
#stehr-anleitungen-form {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #333;
line-height: 1.6;
max-width: 1000px;
margin: 0 auto;
padding: 20px 0;
}
#stehr-anleitungen-form .stehr-header {
text-align: center;
margin-bottom: 40px;
}
#stehr-anleitungen-form .stehr-header h2 {
color: #0078bb;
font-size: 2.2rem;
margin-bottom: 10px;
font-weight: 700;
}
#stehr-anleitungen-form .stehr-header p {
font-size: 1.1rem;
color: #555;
}
/* Kontakt-Karten */
#stehr-anleitungen-form .stehr-contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin-bottom: 50px;
}
#stehr-anleitungen-form .stehr-card {
background: #ffffff;
border-radius: 12px;
padding: 25px 20px;
text-align: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
border-top: 4px solid #0078bb;
transition: transform 0.3s ease;
}
#stehr-anleitungen-form .stehr-card:hover {
transform: translateY(-5px);
}
#stehr-anleitungen-form .stehr-card svg {
width: 40px;
height: 40px;
fill: #0078bb;
margin-bottom: 15px;
}
#stehr-anleitungen-form .stehr-card h3 {
font-size: 1.2rem;
color: #222;
margin-bottom: 15px;
}
#stehr-anleitungen-form .stehr-card ul {
list-style: none;
padding: 0;
margin: 0;
}
#stehr-anleitungen-form .stehr-card li {
margin-bottom: 8px;
font-size: 1rem;
}
#stehr-anleitungen-form .stehr-card a {
color: #333;
text-decoration: none;
transition: color 0.2s;
}
#stehr-anleitungen-form .stehr-card a:hover {
color: #0078bb;
}
/* Formular Styling */
#stehr-anleitungen-form .stehr-form-container {
background: #ffffff;
border-radius: 12px;
padding: 40px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
#stehr-anleitungen-form .stehr-form-container h3 {
color: #0078bb;
margin-top: 0;
margin-bottom: 25px;
font-size: 1.5rem;
}
#stehr-anleitungen-form .stehr-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
#stehr-anleitungen-form .stehr-form-group {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
#stehr-anleitungen-form .stehr-form-group.full-width {
grid-column: 1 / -1;
}
#stehr-anleitungen-form .stehr-form-group label {
font-weight: 600;
margin-bottom: 8px;
font-size: 0.9rem;
color: #444;
}
#stehr-anleitungen-form .stehr-form-group input[type="text"],
#stehr-anleitungen-form .stehr-form-group input[type="email"],
#stehr-anleitungen-form .stehr-form-group input[type="tel"],
#stehr-anleitungen-form .stehr-form-group textarea {
width: 100%;
padding: 14px;
border: 1px solid #e2e8f0;
border-radius: 8px;
font-family: inherit;
font-size: 1rem;
background-color: #f8fafc;
color: #333333 !important;
transition: all 0.3s ease;
box-sizing: border-box;
}
/* Radio Buttons für Kontaktwunsch */
#stehr-anleitungen-form .stehr-radio-group {
display: flex;
gap: 30px;
padding-top: 10px;
}
#stehr-anleitungen-form .stehr-radio-group label {
display: flex;
align-items: center;
gap: 10px;
font-weight: 400 !important;
font-size: 1rem !important;
cursor: pointer;
color: #333 !important;
margin: 0;
}
#stehr-anleitungen-form .stehr-radio-group input[type="radio"] {
width: 20px;
height: 20px;
accent-color: #0078bb;
cursor: pointer;
margin: 0;
}
/* ABSOLUTE ISOLIERUNG DES DROPDOWNS */
#stehr-anleitungen-form select#maschine {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding: 14px 40px 14px 14px !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
font-size: 1rem !important;
line-height: 1.5 !important;
background-color: #f8fafc !important;
color: #333333 !important;
box-sizing: border-box !important;
cursor: pointer !important;
margin: 0 !important;
box-shadow: none !important;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230078bb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
background-size: 16px !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
#stehr-anleitungen-form .stehr-form-group .select2-container,
#stehr-anleitungen-form .stehr-form-group .chosen-container,
#stehr-anleitungen-form .stehr-form-group .nice-select {
display: none !important;
visibility: hidden !important;
}
#stehr-anleitungen-form .stehr-form-group input::placeholder,
#stehr-anleitungen-form .stehr-form-group textarea::placeholder {
color: #94a3b8 !important;
opacity: 1;
}
#stehr-anleitungen-form .stehr-form-group input:focus,
#stehr-anleitungen-form .stehr-form-group textarea:focus,
#stehr-anleitungen-form select#maschine:focus {
outline: none !important;
border-color: #0078bb !important;
background-color: #ffffff !important;
box-shadow: 0 0 0 3px rgba(0, 120, 187, 0.15) !important;
}
#stehr-anleitungen-form .stehr-form-group textarea {
resize: vertical;
min-height: 120px;
}
/* Checkbox / DSGVO */
#stehr-anleitungen-form .stehr-checkbox-group {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 30px;
}
#stehr-anleitungen-form .stehr-checkbox-group input[type="checkbox"] {
margin-top: 5px;
accent-color: #0078bb;
width: 18px;
height: 18px;
cursor: pointer;
}
#stehr-anleitungen-form .stehr-checkbox-group label {
font-size: 0.9rem;
color: #555;
cursor: pointer;
}
/* Button */
#stehr-anleitungen-form .stehr-submit-btn {
background-color: #0078bb;
color: #ffffff;
border: none;
padding: 16px 30px;
font-size: 1.1rem;
font-weight: 600;
border-radius: 8px;
cursor: pointer;
width: 100%;
transition: background-color 0.3s, transform 0.2s;
}
#stehr-anleitungen-form .stehr-submit-btn:hover {
background-color: #005a8f;
transform: translateY(-2px);
}
/* Erfolgsmeldung Styles */
.stehr-erfolg-msg {
display: none;
background-color: #d1fae5;
color: #065f46;
padding: 20px;
border-radius: 8px;
border: 1px solid #34d399;
text-align: center;
margin-bottom: 25px;
font-weight: 600;
}
@media (max-width: 768px) {
#stehr-anleitungen-form .stehr-form-grid {
grid-template-columns: 1fr;
}
#stehr-anleitungen-form .stehr-form-container {
padding: 25px;
}
#stehr-anleitungen-form .stehr-radio-group {
flex-direction: column;
gap: 15px;
}
}
E-Mail
// Überprüfen, ob ?gesendet_anleitung=true in der URL steht und Erfolgsmeldung anzeigen
document.addEventListener("DOMContentLoaded", function() {
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.get('gesendet_anleitung') === 'true') {
document.getElementById('stehr-anleitungen-erfolg').style.display = 'block';
document.getElementById('stehr-anleitungen-form').scrollIntoView({ behavior: 'smooth' });
}
});
Stehr Bedienungsanleitungen
Sie benötigen die Bedienungsanleitung für Ihre Maschine? Wir senden Ihnen diese gerne als PDF zu.
Telefon
Standort
- Am Johannesgarten 5
- 36318 Schwalmtal
- Deutschland
Vielen Dank für Ihre Anfrage! Wir senden Ihnen die Bedienungsanleitung schnellstmöglich per E-Mail zu.
Bedienungsanleitung anfordern
Bitte Maschine wählen...SBV 80 H1SSBV 80 HC2SBV 80 H2SBV 80 H2BSBV 80 80 HC3SBV 80 H3SBV 80 H4SBV 160-BSBV 160-2SBV 160-3SBV 55 H3SGF 600SGF 800SGF 1000SGF 1300SBF 22LSBF 24LSBF 24SBF 24-6ExMix 10SBS 3000SBS 6000TBA 10SUG 22-TSUG 27-TSUG 35-TGravel Finisher SGFSGRF 250AS 10HFR 80MHR 01SSPR SchneeHLR 40-200Sonstiges