/*body {
	background: hsl(206,20%,15%);
}*/

.kontakthinweis {
text-align: left;
}

.horizontal-c {
width:49.9%;
}

.texte.column {
columns:3;
/*orphans:3*/
}


/*// VIDEO 2 //*/

.videoplain {
display: flex;
float: none;
    height: 768px;
    margin: 0px auto;
    clear: none;
    width: 1024px;
    position: relative;
    top: 0px;
    left: auto;
}

@media only screen and (max-width: 1024px) {
.videoplain {
width:768px;
height:577px;
}
}

@media only screen and (max-width: 768px) {
.videoplain {
width:576px;
height:432px;
}
}

@media only screen and (max-width: 576px) {
.videoplain {

width:414px;
height:311px;
}
}

@media only screen and (max-width: 414px) {
.videoplain {
width:320px;
height:240px;
}
}

/*// VIDEO2 END //*/

/* VIDEO */

.videoplain {
display: flex;
float: none;
    height: 768px;
    margin: 0px auto;
    clear: none;
    width: 1024px;
    position: relative;
    top: 0px;
    left: auto;
}

@media only screen and (max-width: 768px) {
.videoplain {
width:700px;
height:526px;
}
}

@media only screen and (max-width: 576px) {
.videoplain {

width:500px;
height:376px;
}
}

@media only screen and (max-width: 414px) {

.logo-position {
width: 190px;
}

.searcharea {

float: none;
    height: auto;
    margin: 0px auto;
    clear: none;
    width: 100%;
    position: relative;
    top: 0px;
    left: auto;
}

#formArticleSearch {
border-radius: none !important;
}



.langtexte span, .artikelbezeichnung, .padding_ss.schrift-roboto-condensed-white.undersearchinfo {
font-size:18px !important;
font-weight: 700 !important;

}

/*.langtexte, .langtexte span {
margin-left:16px !important;
margin-right:16px !important;

}*/

*,:after,:before {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-kerning:auto;
font-size:17px;
margin:0;
padding:0
}


.videoplain {
width:320px;
height:240px;
}
}

.headerbackground {		


background-image:url("../img/bg-footer1-77.svg");

    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 80% 50%;
    background-repeat: no-repeat no-repeat;
}





#divHinweis {
min-height:128px !important;
max-height:128px !important;
}


#divSearchArea {
max-height: 264px !important;

}

/*#divSearchfield {
margin-top:10px;

}*/

/*#formArticleSearch {
margin-top:10px !important;
max-height:48px !important;
max-width:32px !important;
}*/

#htmlCookies {
display:none;
}

		
		/*.standartbutton:hover {
			color: rgb(0, 128, 43) !important;
			background-color: rgb(250, 250, 250) !important;
			border-color: rgb(255, 255, 255) rgb(245, 245, 245) rgb(245, 245, 245) rgb(255, 255, 255) !important;
		}
		
		.standartbutton:active {
			
			
			
			
			color: rgb(255, 255, 255) !important;
			
			background-color: rgb(0, 127, 42 !important;
			border-color: rgb(0, 148, 49) rgb(0, 107, 35) rgb(0, 107, 35) rgb(0, 148, 49) !important;
			border-width: 1px !important;
			border-style: solid !important;
		}*/


.headmaxheight {
max-height: 200px !important;
}

.undersearchinfo {
font-family: 'roboto_condensedregular', sans-serif !important;
	font-size: 17px;
	font-weight: 300 !important;

width:100%;
height:auto;
/*////////////*/

text-align:left !important;
letter-spacing:.02em;
word-spacing:-1px;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;


}

.undersearchinfo a {
font-family: 'roboto_condensedregular', sans-serif !important;
text-decoration: none;
color: #ffffff !important;
font-weight: 700 !important;
	font-size: 18px;

}

.undersearchinfo a:hover {
color: hsl(140,100%,25%) !important;
}

.hoverstate-primary:hover, .hoverstate-primary:hover > .hoverstate-primary-text {

background-color: hsl(140,100%,100%) !important;
color: hsl(140,100%,25%) !important;
}

.hoverstate-secondary:hover, .hoverstate-secondary:hover > .hoverstate-secondary-text {

background-color: hsl(140,100%,25%) !important;
color: #FFFFFF !important;
}

/*.hoverstatetext:hover {

color: #FFFFFF !important;
}*/




.schrift-roboto-condensed {
font-family: 'roboto_condensedregular', sans-serif !important;
font-weight: 400;

}
.schrift-roboto-condensed-white {
font-family: 'roboto_condensedregular', sans-serif !important;
font-weight: 400;
color:#FFFFFF;

}

.schrift-roboto-condensed-green {
font-family: 'roboto_condensedregular', sans-serif !important;
font-weight: 400;
color:#007e2a;

}

.border-top-green {
border-top: 2px solid #007e2a !important;
}

.verborgen {
opacity:0;
visibility: hidden;
pointer-events: none;
height:0px !important;
}




.stern-bewertung {
display:flex;
flex-warp:nowrap
}

.emptybar48 {
height:48px;
}
.lightshadow {
-webkit-box-shadow: 0 2px 3px hsla(0,0%,0%,0.20);
-moz-box-shadow: 0 2px 3px hsla(0,0%,0%,0.20);
box-shadow: 0 2px 3px hsla(0,0%,0%,0.20);
background-color: #FFFFFF;
/*border: solid 1px #F0F0F0;*/
border-radius: 4px;
padding:12px;

}

.greenhadow {
-webkit-box-shadow: 0 2px 3px hsla(0,0%,0%,0.20);
-moz-box-shadow: 0 2px 3px hsla(0,0%,0%,0.20);
box-shadow: 0 2px 3px hsla(0,0%,0%,0.20);
background-color: hsl(140,100%,25%);
/*border: solid 1px #F0F0F0;*/
border-radius: 4px;
padding:12px;

}

.preis-schrift-robotocondense-26 {
font-family: 'roboto_condensedregular',sans-serif !important;
color:#333d44;
font-weight: 300;
font-size: 26px;
line-height: 1.2em;
}
.preis-schrift-robotocondense-26-fett-rot {
font-family: 'roboto_condensedregular',sans-serif !important;
font-weight: 500;
color:#b11b03;
font-size: 26px;
line-height: 1.2em;
}

.artikelbezeichnung {
			font-family: 'roboto_condensedregular', sans-serif !important;
			font-size: 32px;
			color: hsl(206, 20%, 15%);
			line-height: 1.3em;
			font-weight: 300;
			text-align: left;
			margin: 24px 0px 24px 0px;
			hyphens: auto;
			-ms-hyphens: auto;
			-moz-hyphens: auto;
			-webkit-hyphens: auto;
			overflow-wrap: break-word;
			word-wrap: break-word;
			text-rendering: geometricPrecision;
}


.langtexte {
			font-family: 'roboto_condensedregular', sans-serif !important;
			font-size: 18px;
			color: hsl(206, 20%, 15%);
			line-height: 1.3em;
			font-weight: 300;
			text-align: left;
			margin: 24px 0px 24px 0px;
			hyphens: auto;
			-ms-hyphens: auto;
			-moz-hyphens: auto;
			-webkit-hyphens: auto;
			overflow-wrap: break-word;
			word-wrap: break-word;
			text-rendering: geometricPrecision;
}

.langtexte span {
			font-family: 'roboto_condensedregular', sans-serif !important;
			font-size: 20px;
			color: hsl(206, 20%, 15%);
			line-height: 1.3em;
			font-weight: 600;
			text-align: left;
			hyphens: auto;
			-ms-hyphens: auto;
			-moz-hyphens: auto;
			-webkit-hyphens: auto;
			overflow-wrap: break-word;
			word-wrap: break-word;
			text-rendering: geometricPrecision;
}


.half-opacity {
opacity:0.5 !important;

}

.half-opacity:hover {
opacity:1 !important;

}

.overlay1 {
			-webkit-transition: all .3s ease;
                        -moz-transition: all .3s ease;
			-ms-transition: all .3s ease;
			-o-transition: all .3s ease;
                        transition: all .3s ease;
			
			background-color: hsla(140, 0%, 100%, 1);
			border-radius: 31px;
			content: "";
			height: 48px;
			left: calc(50% - 85px);
			overflow: hidden;
			margin-top: 105%;
			padding: 2px 6px 0px 6px;
			opacity: 0.4;
			position: absolute;
			top: 0;
			
			width: 170px;
			z-index: 4;
			-moz-box-shadow: 0 3px 4px hsla(0, 0%, 0%, 0.1);
			-webkit-box-shadow: 0 3px 4px hsla(0, 0%, 0%, 0.1);
			box-shadow: 0 3px 4px hsla(0, 0%, 0%, 0.1);
}
		
.overlay1:hover {
			opacity: 1;
			-moz-box-shadow: 0 3px 4px hsla(0, 0%, 0%, 0.25);
			-webkit-box-shadow: 0 3px 4px hsla(0, 0%, 0%, 0.25);
			box-shadow: 0 3px 4px hsla(0, 0%, 0%, 0.25);
}
		
.overlay1-panel1 {
			height: 45px;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: flex-start;
			align-content: flex-start;
}
		
.overlay1-item,.overlay1-item1,.overlay1-item2,.overlay1-item3{
			cursor: pointer;
			flex: 1 1 2%;
			height: 100%;
			border-radius: 25px;
			opacity: 0.5 !important;
}
		
.overlay1-item:hover,.overlay1-item1:hover,.overlay1-item2:hover,.overlay1-item3:hover {
			opacity: 1;
}

.overlay1-item {
			flex-grow: 1;
			flex-shrink: 1;
			flex-basis: 2%;
		
background-image:url("");
    background-attachment: scroll;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}
		
.overlay1-item1 {
			flex-grow: 1;
			flex-shrink: 1;
			flex-basis: 2%;
		
background-image:url("https://fossil-shield.de/wp-content/uploads/2022/06/zuDemArtikel.svg");
    background-attachment: scroll;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}
.overlay1-item2 {
			flex-grow: 1;
			flex-shrink: 1;
			flex-basis: 2%;
		
/*background-image:url("https://fossil-shield.de/wp-content/uploads/2022/06/zuDenProdukinformation.svg");*/
    background-attachment: scroll;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}
.overlay1-item3 {
			flex-grow: 1;
			flex-shrink: 1;
			flex-basis: 2%;
		
/*background-image:url("https://fossil-shield.de/wp-content/uploads/2022/07/inDenWarenkorp-01-01.svg");*/
    background-attachment: scroll;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#img11627{
width:79px;
height:79px;

}

.suchmaske {
margin:0px auto 0px auto;

}

.product-action-button {
width: 48px;
height: 48px;

}

/*//////////////////////////////////// 1024 /////////////////////////////////////////*/
@media only screen and (max-width: 768px) {


.texte.column {
columns:2;
/*orphans:3*/
}
}

/*//////////////////////////////////// 576 /////////////////////////////////////////*/
@media only screen and (max-width: 576px) {

.kostenlos {
font-size: 22px !important;
font-weight: 600;
color: hsl(206,20%,40%);

margin-top: 0px !important;

}


/*//////////////////////////////////// 768 /////////////////////////////////////////*/
@media only screen and (max-width: 768px) {

.kostenlos {
font-size: 22px !important;
font-weight: 600;
color: hsl(206,20%,40%);

margin-top: 0px !important;

}


.horizontal-c {
width:99.9%;
}


.versandhinweis {

top:16px !important;
}
.texte.column {
columns:2;
/*orphans:3*/
}
}

/*//////////////////////////////////// 576 /////////////////////////////////////////*/

@media only screen and (max-width: 576px) {
.undersearchinfo p{
text-align: center !important;

width:100% !important;
}

.versandhinweis {
font-size:14px !important;
top:48px !important;
margin-bottom: 32px !important;
}


}


/*//////////////////////////////////// 414 /////////////////////////////////////////*/

@media only screen and (max-width: 414px) {

.versandhinweis {
font-size: 14px !important;
top:48px !important;
margin-bottom: 32px !important;
}

.undersearchinfo {
text-align: center !important;
margin-left: 32px !important;
width:100%;
}

.indenwarenkorb {
width:100%;

}

.kostenlos {
font-size: 17px !important;
font-weight: 600;
color: hsl(206,20%,40%);

margin-top: 16px !important;

}

.headbarRed {
margin-left: 0px !important;
padding-left: 0px !important;
font-size: 30px !important;
}


.texte.column {
columns:1;
/*orphans:3*/
}

#divSearchArea {
max-height: 264px !important;

}


#divHinweis {
max-height:200px !important;
min-height:200px !important;
}


/*#formArticleSearch {
margin-top:24px !important;
max-height:32px;
max-width:32px;
}*/

#divSearchfield {
max-height: 324px !important;

}

.product-action-button {
width: 32px;
height: 32px;

}

.form-article-search {
box-sizing: border-box;
margin-left:0px !important;
margin-right: 0px !important;
width:100vw !important;
padding:20px !important;
}

/*#formArticleSearch {
box-sizing: border-box;
margin-left:0px !important;
margin-right: 0px !important;

}*/

.suchmaske {
margin:0px auto 0px 32px;

}
		
.overlay1 {
			
height: 32px;
left: calc(50% - 60px);
width: 120px;
			
}

.overlay1-panel1 {
			height: 40px;
			
}

#img11627{
width:32px !important;
height:32px !important;

}

.headerbackground {		


background-image:url("../img/bg-footer1-77.svg");

    background-attachment: scroll;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: 80% 50% !important;
    background-repeat: no-repeat no-repeat;
}

}


