.header .tarmstedt {
width								: 65px;
height								: 69px;
position							: absolute;
left								: 50%;
top									: -4px;
margin-left							: 170px;
cursor								: hand;
cursor								: pointer;
}

.header .erfahrung {
color								: #ffffff;
font-size							: 12pt;
font-style							: italic;
font-family							: Trebuchet MS;
margin-left							: 170px;
position							: absolute;
left								: 50%;
top									: 20px;
-webkit-transform					: rotate(-8deg); 
-moz-transform						: rotate(-8deg);	
}

.gruppe_maschinen {
width								: 100%;
display								: flex;
flex-wrap							: wrap;
justify-content						: flex-start;
column-gap							: 10px;
row-gap								: 10px;
}

.gruppe_maschinen_trenner {
margin-bottom						: 20px;
}

.box_maschine {
width								: 375px;
border								: 2px solid #3a6ea5;
border-radius						: 5px;
box-sizing							: border-box;
padding								: 5px;
position							: relative;
}

.box_maschine.box_1 {
width								: 100% !important;
}

.box_maschine.box_3 {
width								: 200px !important;
}

.box_maschine[onclick]:hover {
background							: #cceeff;
cursor								: hand;
cursor								: pointer;
}

.box_maschine h3 {
text-align							: center;
padding								: 0px;
margin								: 0px;
font-size							: 11pt;
color								: #3a6e95;
}

.box_maschine .kurzbeschreibung {
flex-grow							: 0;
text-align							: center;
}

.box_maschine .bild {
text-align							: center;
font-size							: 9pt;
font-style							: italic;
box-sizing							: border-box;
display								: flex;
align-items							: center;
justify-content						: center;
min-height							: 270px;
}

.box_zubehoer .bild {
text-align							: center;
font-size							: 9pt;
font-style							: italic;
box-sizing							: border-box;
display								: flex;
align-items							: center;
justify-content						: center;
min-height							: 10px;
}

.box_maschine .bild img,
.box_maschine .bild div img  {
margin								: 5px auto;
max-width							: 100%;
max-height							: 250px;
display								: block;
}

.box_maschine .beschreibung {
flex-grow							: 5;
-webkit-hyphens						: auto;
hyphens								: auto;
margin-bottom						: 33px;
}

.box_maschine .links {
position							: absolute;
bottom								: 0px;
left								: 50%;
transform							: translate(-50%, 0);
padding								: 3px 5px 2px 5px;
text-align							: center;
background-color					: #eeeeee;
border-top-left-radius				: 5px;
border-top-right-radius				: 5px;
border-left							: 1px solid #3a6ea5;
border-top							: 1px solid #3a6ea5;
border-right						: 1px solid #3a6ea5;
}

.box_maschine .links a {
margin-left							: 10px;
margin-right						: 10px;
color								: #000000;
white-space							: nowrap;
}

.box_maschine[onclick]:hover .links {
background-color					: #3a6ea5;
}

.box_maschine[onclick]:hover .links a {
color								: #ffffff;
}

.box_maschine[onclick]:hover .links a img {
-moz-box-shadow: 0 0 50px #fff;
-webkit-box-shadow: 0 0 50px #fff;
box-shadow: 0px 0px 50px #fff;
}

.gruppe_interessant {
width								: 100%;
display								: flex;
flex-wrap							: wrap;
justify-content						: flex-start;
column-gap							: 10px;
row-gap								: 10px;
}

.gruppe_interessant .box_maschine {
flex-grow							: 1;
flex-shrink							: 0;
max-width								: calc(50% - 5px);
}

.gruppe_interessant .bild  {
min-height							: 10px !important;
max-height							: 130px !important;
}

.gruppe_interessant .bild img {
max-height							: 120px !important;
}

.gruppe_kategorien {
width								: 100%;
display								: flex;
flex-direction						: row;
flex-wrap							: wrap;
justify-content						: flex-start;
column-gap							: 10px;
row-gap								: 0px;
}

.box_kategorie {
width								: calc(33% - 10px);
flex-grow							: 0;
flex-shrink							: 0;
min-width							: 200px;
display								: flex;
flex-wrap							: wrap;
justify-content						: flex-start;
column-gap							: 10px;
flex-direction						: row;
border								: 2px solid #3a6ea5;
border-radius						: 5px;
box-sizing							: border-box;
padding								: 5px;
margin-bottom						: 10px;
}

.box_kategorie[onclick]:hover {
background							: #cceeff;
cursor								: hand;
cursor								: pointer;
}

.box_kategorie .bild {
width								: 100%;
text-align							: center;
}

.box_kategorie .bild img {
max-width							: 150px;
max-height							: 80px;;
}

.box_kategorie .beschreibung {
width								: 100%;
text-align							: center;
}

.box_kategorie .beschreibung ul {
margin								: 0px;
padding								: 0px;
list-style-type						: none;
}

.content ul {
margin								: 0px;
padding								: 0px;
}

.content ul li {
margin-left							: 25px;
}

.content img {
max-width							: 100%;
}

img[data-zoom="image"],
img[data-zoom="video"],
div[data-zoom="image"],
div[data-zoom="video"] {
cursor								: hand;
cursor								: pointer;
}

.hauptbild {
float								: right;
max-width							: 300px;
max-height							: 200px;
}

.container_fotos {
width								: 100%;
display								: flex;
flex-wrap							: wrap;
justify-content						: flex-start;
column-gap							: 10px;
row-gap								: 10px;
}

.box_foto {
width								: 245px;
border								: 1px solid #3a6ea5;
box-sizing							: border-box;
text-align							: center;
position							: relative;
}

.box_foto:has(> img[data-zoom="image"]):hover {
background							: #cceeff;
cursor								: hand;
cursor								: pointer;
}

.box_foto img {
width								: auto;
max-width							: 100%;
height								: auto;
max-height							: 200px;
vertical-align						: middle;
}

.maschine_foto {
width								: 275px;
border								: 1px solid #3a6ea5;
box-sizing							: border-box;
text-align							: center;
cursor								: zoom-in;
position							: relative;
}

.box_foto .tooltip {
display								: none;
padding								: 5px 5px 5px 5px;
font-size							: 10pt;
}

.downloads {
	
}

.downloads a {
display								: block;
padding								: 5px;
background-color					: #dddddd;
color								: #000000;
border								: 1px solid #3a6ea5;
border-radius						: 5px;
box-sizing							: border-box;
}

.downloads a.icon_pdf {
padding-left						: 29px;
background-position					: 5px center;
}

.downloads a:hover {
background-color					: #cceeff;
color								: #000000;
}

.kontakt_adressen {
display								: flex;
flex-wrap							: wrap;
flex-direction						: row;
column-gap							: 20px;
row-gap								: 20px;
margin-bottom						: 15px;
}

.kontakt_adressen .adresse {
flex-grow							: 1;
min-width							: 300px;
}

.kontakt_adressen img.icon {
float								: right;
width								: 35px;
height								: 35px;
}

.kontakt_adressen .label,
.kontakt_email .label  {
width								: 80px;
}

.impressum .label  {
width								: 120px;
display								: inline-block;
box-sizing							: border-box;
}

.kontakt_email {
margin-bottom						: 15px;
}

.kontakt_team {
display								: flex;
flex-direction						: column;
row-gap								: 20px;
}

.kontakt_person {
display								: flex;
flex-direction						: row;
column-gap							: 10px;
}

.kontakt_person .kontakt_foto {
width								: 75px;
height								: 90px;
border								: 1px solid #777777;
border-radius						: 4px;
flex-grow							: 0;
}

.kontakt_person .data {
flex-grow							: 1;
order								: 2;
}

.kontakt_person h3 {
padding-top							: 4px;
margin-bottom						: 2px;
}

.kontakt_person .label {
width								: 80px;
}

.kontakt_person .vcard {
flex-grow							: 0;
order								: 3;
}

.kontakt_person .vcard img {
width								: 60px;
height								: 60px;
}


@media all and (max-width: 630px)
{
.header .tarmstedt {
display								: none;
}
	
.header .erfahrung {
display								: none;
}
	
.gruppe_maschinen .box {
width								: 100%;
}

.box_maschine {
width								: 100%;
}

.box_foto {
width								: 350px;
margin								: auto;
}

.kontakt_adressen .label,
.kontakt_email .label {
width								: auto;
margin-right						: 5px;
}

.kontakt_person .kontakt_foto {
width								: 60px;
height								: 72px;
}

.kontakt_person .label {
width								: 0px;
}

.kontakt_person .label span {
display								: none;
}

.kontakt_person .label:after {
display								: inline-block;
content								: '';
width								: 22px;
height								: 22px;
margin-right						: 5px;
}

.kontakt_person .vcard {
display								: none;
}

}
