/* Customize bootstrap for Doc/Details */
body{padding:0}
h1{font-size:calc(1.3rem + .6vw)!important; margin-top:1rem} /* like fs-3 */
h2{font-size:calc(1.275rem + .3vw)!important}  /* like .fs-4 */
h3{font-size:1.25rem!important} /* like .fs-5 */
/* PDF docs */
.border-pdf {border: 0.3rem solid #95BC39FF;border-radius: 1rem}
.danger-list{padding-left: 3rem}
.danger-list li{padding-left: 0.5rem;margin-bottom: 0.5rem}
.danger-list li::marker{content:'⚠';font-size: 2rem}
.danger-mark::before{content:'⚠';font-size: 2rem;margin-right: 0.5rem}
.stop-sigh::before{content:'🛑';font-size: 2rem;margin-right: 0.5rem}
/* backgrounds */
.bg-gray{background: #f7f7f7}
.bg-light-grey{background:#f3f3f3}
.object-cover {object-fit: cover}
.bg-primary{background: #0088ff!important}
/* gradients */
.bg-gradient-light-grey {background: linear-gradient(180deg, rgba(210,210,210,1) 0%, rgba(251,251,251,1) 100%)}
.bg-gradient-grey {background: linear-gradient(180deg, rgba(90,90,90,1) 0%, rgba(199,199,199,1) 100%)}
/* product-details colors */
.panel-dark-grey {background: #696564}
.panel-light-blue {background: #95B4DF}
.panel-grey {background: #949599}
.panel-light-grey {background: #C7C8CA}
.panel-sand {background: #E9E5CC}
.panel-cream{background: #FFE3A4}
/* ral farbe  details colors */
.ral-9016 {background: #E8ECE9}
.ral-9006 {background: #C5C9C8}
.ads-703 {background: #8E9494}
.ads-704 {background: #6b6b6b}
.ral-1015 {background: #F9EBC1}
.ral-8017 {background: #391F1D}
.ral-8014 {background: #402B20}
.ral-3004 {background: #590709}
.ral-6005 {background: #0E2617}
.ral-5010 {background: #0E2642}
.ral-7016 {background: #3d4548}
.ral-9016-wood {background: url('/doc/img/color-ral-9016-wood.jpg') center/cover no-repeat}
.ral-9006-wood {background: url('/doc/img/color-ral-9006-wood.jpg') center/cover no-repeat}
.ads-703-wood{background: url('/doc/img/color-ads-703-wood.jpg') center/cover no-repeat}
.ral-1015-wood {background: url('/doc/img/color-ral-1015-wood.jpg') center/cover no-repeat}
.ral-8017-wood {background: url('/doc/img/color-ral-8017-wood.jpg') center/cover no-repeat}
.ral-8014-wood {background: url('/doc/img/color-ral-8014-wood.jpg') center/cover no-repeat}
.ral-3004-wood {background: url('/doc/img/color-ral-3004-wood.jpg') center/cover no-repeat}
.ral-6005-wood {background: url('/doc/img/color-ral-6005-wood.jpg') center/cover no-repeat}
.ral-5010-wood {background: url('/doc/img/color-ral-5010-wood.jpg') center/cover no-repeat}
.ral-7016-wood {background: url('/doc/img/color-ral-7016-wood.jpg') center/cover no-repeat}
/* colors */
.color-yellow-green{color: #a4c820}
.text-attention{color: #207FC8}
.text-primary{color: #0088ff!important}
/* table */
.box {max-width: 20px;height: 20px;width: 100%;flex: 0 0 20px}
.box-yellow-green{background: #a4c820}
.box-gray{background: #9a9a9a!important}
.box-red{background: #d53a13}
.box-blue{background: #207FC8!important}
.table-border-yellow-green{border-top:3px solid #a4c820}
.table > :not(caption) > * > * {padding: .5rem}
.table-colors {table-layout: fixed;hyphens: auto;min-width: 1024px;border-spacing: 3px;border-collapse: separate}
/*  */
.legenda {font-weight:bold;color:#0088ff;text-shadow:1px 1px 2px rgba(255,255,255,.9);background: rgba(255,255,255,.5);padding-left:.5rem;padding-right:.5rem;}
.image-transform{transform: scaleX(-1)}
/* blink animation Alutech Levigato */
.bg-blink{position: relative;padding-bottom: 35%}
.bg-blink > .anim {position:absolute;top:0;left:5%;width:90%;height: 100%;animation: blink 3s ease infinite alternate}
@keyframes blink {
		from {background: url("/doc/img/sektionaltore-animations-frame-00.jpg") center/contain no-repeat}
		to {background: url("/doc/img/sektionaltore-animations-frame-01.jpg") center/contain no-repeat}}
/* kastengrosse 360 premium animation */
@keyframes kastengrosse {
		from {background-image: url("/doc/img/kastengrosse-360-anim-1.jpg")}
		30% {background-image: url("/doc/img/kastengrosse-360-anim-2.jpg")}
		40% {background-image: url("/doc/img/kastengrosse-360-anim-3.jpg")}
		50% {background-image: url("/doc/img/kastengrosse-360-anim-2.jpg")}
		60% {background-image: url("/doc/img/kastengrosse-360-anim-1.jpg")}
		70% {background-image: url("/doc/img/kastengrosse-360-anim-4.jpg")}
		to {background-image: url("/doc/img/kastengrosse-360-anim-4.jpg")}}
@keyframes opacity {
		from {opacity: 0}
		to{opacity: 1}}
.kastengrosse{position: relative;min-height: 40vh;overflow:hidden}
.kastengrosse > .anim {position:absolute;top:0;left:0;width:100%;height: 100%;animation:  opacity 600ms 1 forwards linear,kastengrosse 4s steps(1) 1s infinite;opacity:0;background-repeat: no-repeat;background-size: contain;background-position: center;transition: 0.5s ease;background-image: url("/doc/img/kastengrosse-360-anim-1.jpg")}
.kastengrosse > .anim:hover {animation-play-state: paused;cursor: zoom-in;transform: scale(1.25);transition: 0.5s ease}
@media (max-width: 991px) {
	.legenda {font-size:.65rem}
}