/* SOS Maschinen – extracted from previous inline <style> blocks. Do not restyle existing rules. */

    .maschinen-grid {
        display: grid;
        gap: 24px;
        grid-template-columns: repeat(3, 1fr);
		margin-bottom: 60px;
    }

    @media (max-width: 1024px) {
        .maschinen-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 767px) {
        .maschinen-grid {
            grid-template-columns: 1fr;
        }
    }

    .maschinen-card {
        background: rgba(255,255,255,0.51);
        border-radius: 5px;
        overflow: hidden;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        width: 100%;
    }

    .maschinen-card:hover {
        transform: scale(1.03);
        box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    }

    .maschinen-card-link {
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: inherit;
    }

    .maschinen-card-image-wrapper {
        width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }

    .maschinen-card-image-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

    .maschinen-card-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px 20px;
    }

    .maschinen-title {
        font-family: "Manifold", Sans-serif;
        font-size: 1.2rem;
        font-weight: 600;
        color: #000;
    }

    .maschinen-icon svg {
        width: 16px;
        height: 16px;
        fill: currentColor;
    }

/* ================================ START Style from Nodejs Datasheet Template ================================ */

:root {
	--c-prim: #005c98;
	--c-sec: #e7f0ff;
}

table {
	width: 100%;
	border: 0.5px solid #000 !important;
	font-size: 1rem;
	line-height: 100%;
}

th {
	text-align: left;
}

.c_prim {
	font-weight: 800;
	background-color: var(--c-prim);
	color: #fff;
}

.c_sec {
	background-color: var(--c-sec) !important;
	color: #000;
}

/* ======== Cooling Table Styles ======== */

.cooling-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.cooling-table th,
.cooling-table td {
	border: 0.5px solid #0b4d7a;
	text-align: center;
	vertical-align: middle;
}

.cooling-table .band {
	background: var(--c-prim);
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	padding: 12px 6px;
}

.cooling-table .corner {
	background: var(--c-prim);
}

.cooling-table .outside {
	background: var(--c-prim);
	color: #fff;
	padding: 0;
}

.cooling-table .outside .vertical {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	transform: rotate(-90deg);
	white-space: nowrap;
}

.cooling-table .colhead {
	background: var(--c-sec);
	color: #000;
	font-weight: 700;
	padding: 5px 0px;
}

.cooling-table .rowhead {
	background: #fff;
	font-weight: 700;
	padding: 5px 0px;
}

.cooling-table td {
	background: #fff;
	font-weight: 600;
	padding: 5px 0px;
}

/* ======== Global Variables Styles ======== */

.striped tr:nth-child(odd) {
	background-color: var(--c-sec);
}

table th {
	font-size: 1.1rem;
	font-weight: 800;
	padding: 3px;
}

table td {
	padding: 3px;
}

/* ===== Für die kleinen Daten-Tabellen ===== */
.spec-table {
	width: 100%;
	table-layout: fixed; /* <-- wichtig */
	border-collapse: collapse;
}

.spec-table col:first-child {
	width: 50%;
	border: 0.5px solid #0b4d7a;
}
.spec-table col:last-child {
	width: 50%;
	border: 0.5px solid #0b4d7a;
}

.spec-table td:first-child {
	text-align: left;
}
.spec-table td:last-child {
	text-align: left;
}

/* ================================ END Style from Nodejs Datasheet Template ================================== */

button, input[type="button"], input[type="submit"] {
	background-color: #006600;
	color: #FFFFFF;
	border-radius: 12px 12px 12px 12px;
	padding: 1em 2em 1em 2em;
}

e-page-transition {
	background-color: var( --e-global-color-2185260 );
}

a {
	color: var( --e-global-color-text );
	font-family: "Manifold", Sans-serif;
}

a:hover {
	color: #029AFFC4;
}

h1 {
	font-family: "Manifold", Sans-serif !important;
	font-size: 2em;
	font-weight: 700;
}

h2 {
	font-family: "Manifold", Sans-serif !important;
}

h3 {
	font-family: "Manifold", Sans-serif !important;
}

h4 {
	font-family: "Manifold", Sans-serif !important;
}

h5 {
	font-family: "Manifold", Sans-serif !important;
}

h6 {
	font-family: "Manifold", Sans-serif !important;
}
p {
	font-family: "Manifold", Sans-serif !important;
}

img {
	opacity: 1;
}


@media(max-width: 767px) {

	h1 {
		font-size: 1.5rem;
	}

	h2 {
		font-size: 1.4rem;
	}

	h3 {
		font-size: 1.2rem;
	}

	h4 {
		font-size: 1.2rem;
	}

	h5 {
		font-size: 1.1rem;
	}

	h6 {
		font-size: 1.1rem;
	}

	p {
		font-size: 1rem;
	}
}

/* Start Custom Fonts CSS */
@font-face {
	font-family: 'Manifold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sos-rentals.com/wp-content/uploads/2025/04/ManifoldCF-Regular.eot');
	src: url('https://sos-rentals.com/wp-content/uploads/2025/04/ManifoldCF-Regular.eot?#iefix') format('embedded-opentype'), url('https://sos-rentals.com/wp-content/uploads/2025/04/ManifoldCF-Regular.woff2') format('woff2'), url('https://sos-rentals.com/wp-content/uploads/2025/04/ManifoldCF-Regular.woff') format('woff'), url('https://sos-rentals.com/wp-content/uploads/2025/04/ManifoldCF-Regular.ttf') format('truetype'), url('https://sos-rentals.com/wp-content/uploads/2025/04/ManifoldCF-Regular.svg#Manifold') format('svg');
}

/* End Custom Fonts CSS */




.content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;

	display: flex;
}

section.maschine-fakten.content {
	display: block;
	width: 100%;
}

section.maschine-fakten .one-column-cooling {
	display: block;
	width: 100%;
	clear: both;
}

section.maschine-fakten .one-column-cooling .cooling-table {
	width: 100%;
}

section.maschine-fakten .table-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

section.maschine-fakten .table-scroll .cooling-table {
	min-width: 980px;
}

.cooling-table-title {
	font-size: 1.2rem;
	font-weight: 800;
	color: var(--c-prim);
}

.cooling-table-head {
	font-size: 11.5px;
	font-weight: 800;
}

.cooling-note-wrap {
	margin-top: 8px;
}

.cooling-note {
	font-style: italic;
	color: var(--c-prim);
}

.cooling-note-asterisk {
	margin-top: 16px;
}

section.maschine-fakten .two-column-specs {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 24px;
	margin: 32px 0;
	width: 100%;
}

section.maschine-fakten .two-column-specs > .spec-col {
	flex: 1 1 48%;
	min-width: 320px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

div.icon-container .elementor-icon {
	font-size: 35px !important;
}

div.icon-container p {
	font-size: 1.4rem !important;
	font-weight: 600 !important;
}

.content svg {
	display: block;
	height: 1em !important;
	position: relative !important;
	width: 1em !important;
}

section.machine-hero h1 {
	font-size: 1.4rem;
}

	
section.machine-hero a * {
	font-size: 1rem !important;
}

section.machine-hero {
	position: relative;
	min-height: 600px;
	background: linear-gradient(90deg, rgba(16, 106, 60, 1) 0%, rgba(13, 101, 139, 1) 100%);
	overflow: visible;
}

div.bluebar {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 150px;
	background: var(--e-global-color-secondary);
	z-index: 1;
}

.twoColumn {
	position: relative;
	z-index: 2;
	
	display: flex;
	padding: 30px 40px;
	justify-content: space-evenly;
	align-items: start; 
}

.machine-hero__image {
	position: relative;
	z-index: 3;
	width: 500px;
	height: 500px;
	object-fit: contain;
	box-shadow: 25px 20px 0px -1px #005C99;
	background: #ffffff;
}

.machine-hero__container {	
	margin-top: 4rem;
	width: 35rem;
	display: flex;
	flex-direction: column;
	background: #f5f5f5;
}

.machine-hero__container h1 {
	padding: 20px;
}

.machine-hero__content {
}


div.machineBtns {
	width: 100%;
	display: flex;
}

div.machineBtns a {
	width: 50%;
	max-width: 50%;
	padding: 1em 2em 1em 2em;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	text-decoration: none;
}

div.machineBtns svg {
	fill: white;
}

.angebotBtn {
	background-color: #006600;
}
.datenblattBtn {
	background-color: #005C99;
}


section.maschine-icon-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: start;
	column-gap: 100px;
	padding: 50px 50px 0 50px; 
}

div.icon-container {
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
}

div.icon-container svg {
	fill: #005C99;
}

div.icon-container p,
div.icon-container h3 {
	text-align: center;
}

/* ================================================================================ */
@media (max-width: 48rem) {

.machine-hero__image {
	position: relative;
	z-index: 3;
	width: 95vw;
	height: auto;
	aspect-ratio: 1;
	object-fit: contain;
	box-shadow: 25px 20px 0px -1px #005C99;
	background: #ffffff;
}
	
	.twoColumn {
		flex-direction: column;
		align-items: center;
		padding: 30px 20px;
	}
	
	.twoColumn > div:first-of-type {
		margin: 30px;
	}
	
	.twoColumn > div:nth-of-type(2) {
	  width: 90vw;
	}
	
	.machine-hero__container {	
		margin-top: 2rem;
	}
	
	section.maschine-icon-row {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		column-gap: 40px;
		padding: 50px 50px 0 50px;
	}

	section.maschine-fakten.content {
	display: block;
	width: 90%;
}

	section.maschine-fakten .two-column-specs > .spec-col {
		flex: 1 1 100%;
		min-width: 100%;
	}
}