/* 304215 */
:root {
--bg-color: #ffffff;
--secondary-bgColor: #f1f1f1;
--text-color: #222;
--text-colorInv: #ffffff;
--primaryColor: #fff5eb;
--primaryContrastColor: #ab5158;
--secondaryColor: #fcf6e9;
--secondaryContrastColor: #009fe3;
--headerBg: rgba(255,255,255,1);
--headerBgAct: rgba(255,255,255,1);
--footerBg: #2b2b2b;
--footerColor: #fff;
--hoverColor: #9f4048;
--overlayColor: rgba(0,0,0,0.2);
--curtainColor: rgba(255, 255, 255, 1);
}

body {font-family: "Raleway", sans-serif;line-height:1.5;font-weight: 400;font-size:16px;}
h1, h2, h3, h4, h5, h6 {font-size: 2rem;font-weight: 700;padding-bottom:0.75rem;text-wrap:balance;}
main {overflow: hidden;}
.site-header .branding {height: 100px;}
#home-slide-bg h1 {
font-size: 1.5rem;font-weight: 400;
padding-bottom:0.5rem;
}
#home-slide-bg {height: 800px;}
.h_overlay {max-height: 800px;}

.ghost {height: 100px;}
#home-slide-bg h2 {font-size: 4rem;padding-bottom: 0.75rem;line-height: 1;font-weight:700;}
hr {}
#home-slide-bg hr {height: 4px;width: 8rem;margin:0.75rem;background:var(--text-color);}
.small {padding-bottom: 1.5rem;text-wrap:balance;}
.cta-block {}
.cta-block h2 {font-size: 2.2rem;margin-bottom:0;color:var(--text-color);}
.undersidatitel h1 {font-size:2rem;padding-bottom:0.75rem;}
.undersidatitel p {}
.undersidatitel hr {display:block;
background:var(--primaryContrastColor);
height: 2px;
margin: 0 0 0.5rem;
width: 20rem;
}
footer h6 {font-size: 1.2rem;font-weight:700;}
.clr-f {background-color:var(--footerBg);color:var(--footerColor);}
.clr-x {background-color: #000000;}
.clr-0 {background-color: var(--bg-color);}
.clr-1 {background-color: var(--secondary-bgColor);}
.clr-2 {background-color: var(--primaryContrastColor);color: var(--text-colorInv);}
.clr-3 {background-color: var(--secondary-bgColor);color: var(--text-color);}

blockquote {font-size:140%;color:var(--text-color);border-color:var(--primaryContrastColor);}
.clr-2 blockquote {border-color: var(--text-colorInv);color: var(--text-colorInv);}
.clr-2 a {}
.desktop-nav a, .desktop-nav a:visited {color:var(--text-color);font-size:1.1rem;font-weight:400;}
.desktop-nav a:hover, .desktop-nav a:active {color:var(--hoverColor);}
.active .desktop-nav a {color:var(--text-color);}
.else .desktop-nav a {color:var(--text-color);}
.else .desktop-nav a:hover, .else .desktop-nav a:active {color:var(--hoverColor);}
.active .desktop-nav a:hover, .active .desktop-nav a:active {color:var(--hoverColor);}
.burger {fill:var(--text-colorInv);}
.active .burger {fill:var(--text-color);}
.else .burger {fill:var(--text-color);}


a {color: var(--primaryContrastColor);text-decoration: none;transition: color 0.3s ease;word-break:break-word;font-weight:700;}
a:hover {color: var(--hoverColor);}
a:active {color: var(--hoverColor);}
footer a {color: var(--footerColor);}
footer a:hover {color: var(--text-colorInv);}
footer .st0 {fill: var(--footerColor);}
.clr-2 a {color:var(--footerColor);}
.clr-2 a:hover {color:var(--footerColor);}
.clr-2 img {border-radius:0;}
.kapitelrub {font-weight: 400;font-size:1.2rem;color:var(--primaryContrastColor);letter-spacing:1px;}
.col-2b img {max-width:140px;margin:0 auto;}
.fstart h3 {font-size:1.4rem;}
.buttons {background-color: transparent;color: var(--text-colorInv);border:2px solid var(--text-colorInv);padding: 16px 28px;border-radius:0px;font-size: .9rem;margin:0.75rem 0 0;font-weight:600;letter-spacing:1px;}
.buttons1 {padding: 16px 28px;background-color: transparent;border:2px solid var(--primaryContrastColor);color: var(--primaryContrastColor);border-radius:0px;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-right: auto;margin-left: auto;text-transform:uppercase;}
.buttons1:hover {border:2px solid var(--primaryContrastColor);background-color: var(--primaryContrastColor);color: var(--text-colorInv);}
.buttons2 {background-color: transparent;border:2px solid var(--text-colorInv);color: var(--text-colorInv);border-radius:0px;font-size:.9rem;font-weight:600;margin-right: auto;margin-left: 0;text-transform:uppercase;}
.buttons2:hover {border:2px solid var(--primaryContrastColor);background-color: var(--primaryContrastColor);color: var(--text-colorInv);}
input.buttons1:hover {border: 2px solid var(--primaryContrastColor)!important;}
.infobox {margin-bottom:1.5rem;color: var(--primaryContrastColor);border-color:var(--primaryContrastColor);}
.infobox li::marker {color: var(--primaryContrastColor);}
.infobox h3 {color: var(--primaryContrastColor);padding-bottom: 0.25rem;}
.infobox ul {padding-bottom:0;color: var(--primaryContrastColor);}
.infobox ol {padding-bottom:0;}
.infobox hr {margin: 0.75rem 0;background:var(--primaryContrastColor);}
.infobox h4 {color:var(--primaryContrastColor);}
.branding {max-width: 110rem;}
.bildtext {max-width: 110rem;}
.container {max-width: 110rem;}
.row {max-width: 110rem;}

header .left img {max-height:6rem;padding:0.5rem 0;width:100%;}
.active header .left img {height:5rem;padding:0;}
.active #first-logo {display:block;}
.active #second-logo {display:none;}
.else #first-logo {display:block;}
.else #second-logo {display:none;}
.active .else #second-logo {display:none;}
.center {text-align:center;}
#h-phone {width: 36px;}
#h-phone .st0 {fill: var(--text-colorInv);}
.active #h-phone .st0 {fill: var(--text-color);}
.else #h-phone .st0 {fill: var(--text-color);}

input, select {height: 50px;border: 1px solid var(--text-color);padding:0.5rem 0.7rem 0.7rem;}
textarea {border: 1px solid var(--text-color);max-height: 120px;padding:0.5rem 0.7rem 0.7rem;margin-bottom:0;}
input:hover, select:hover, textarea:hover {border: 1px solid var(--primaryContrastColor);}
input:focus, input:not([type]):focus, textarea:focus, select:focus {border: 1px solid var(--primaryContrastColor);}

input:hover, textarea:hover, select:hover {background-color:#fff;}
select {margin-bottom:1rem;padding:0.5rem 0.7rem 0.7rem;height:50px;}
#check {font-size:0.5rem;}
input#check {height: fit-content;}
input.buttons1 {font-size:.9rem;font-weight:600;border:2px solid var(--text-color)!important;padding: 14px 24px 14px;letter-spacing:1px;height:fit-content;background-color:var(--text-color);color:var(--text-colorInv);}

.bildtext {animation-range:exit -100px;}

.k-bloc {display:flex;align-items: center;min-width: 400px;align-content: center;justify-content: center;}
.k-bloc {flex-direction: column;
align-items: center;
min-width: 400px;
align-content: center;
justify-content: center;}
.k-bloc img {max-width:26px;height: auto;padding:0.5rem 0.5rem 0.5rem 0;}

.jumbotron-subpage {background-color:var(--secondary-bgColor);}

.bt-1 {
align-items: flex-start;
text-align: left;
max-width: 50%;
margin: 0 auto 0 0;}

.kontakt {text-align:center;font-size: 110%;}
.kontakt hr {background:var(--primaryContrastColor);margin-bottom:0.5rem;}
.kontakt img {display:inline-block;max-width:34px;}


.mover img {
scale: .8;
opacity: .2;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range: entry;
}

@keyframes fade-in {
to { scale: 1; opacity: 1;}
}

.whipper {
position: relative;
width: 5000px;
margin: 0px auto;
white-space: nowrap;
overflow:hidden;
}

.logobox {
display: inline-block;
animation: 30s anime infinite linear;
}

.logobox img {
position: relative;
height: 175px;
padding: 1rem;
}


.box hr {margin: 0.5rem 0;background:var(--text-color);}
.box:hover hr {margin: 0.5rem 0;background:var(--primaryContrastColor);}
.box h3 {padding-bottom:0;font-size:1.75rem;}
.soc {width:30px;margin-right:1rem;}

@keyframes anime {
from {transform: translateX(0%);}
to {transform: translateX(-100%);}
}
.row:after {content: "";display: none;clear: both;}
.cols {width: 24%;float: none;}
.produkter {display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin:1rem 0;}
.produkt {width:32.6%;}
.produkt ul {padding-bottom:0.5rem;}
.sprint {font-size:80%;padding-top:0.5rem;}

@media (max-width: 1024px) {.cols {width:33%;}.col-2b {display:none;}}
@media (max-width: 800px) {.produkter {margin: 1rem 1rem;}.produkt {width:48.9%;margin-bottom:1rem;}}
@media (max-width: 600px) {.produkter {flex-direction: column;}.produkt {width:100%;}}
@media (max-width: 1024px) {.cols {width:32.5%;}.col-2b {display:none;}}
@media (max-width: 800px) {.cols {width:49.3%;}.col-2b {display:block;}}
@media (max-width: 600px) {.cols {width:100%;}.col-2b {display:none;}}
@media (max-width: 1024px) {h1, h2, h3, h4, h5, h6 {font-size: 1.6rem;}.bt-1 {max-width: 60%;}}
@media (max-width: 800px) {#home-slide-bg {height: 650px;}
#home-slide-bg h1 {font-size: 1.4rem;}
#home-slide-bg h2 {font-size: 3rem;padding-bottom: 0.5rem;line-height: 1.1}
.small {font-size: 1.4rem;padding-bottom: 1rem;}
.cta-block h2 {font-size: 1.8rem;}
}
.btnl {margin-left:0;}
@media (max-width: 600px) {
header .left img {}
h1, h2, h3, h4, h5, h6 {font-size: 1.5rem;line-height:1.2;}
.bt-1 {max-width: 100%;}
#home-slide-bg h2 {font-size: 2.8rem;}
#home-slide-bg h1 {font-size: 1.2rem;max-width: 300px;}
.small {font-size: 1.2rem;}
.k-bloc {flex-direction: column;
align-items: center;
min-width: 400px;
align-content: center;
justify-content: center;}
.k-bloc img {max-width:30px;height: auto;padding: 0.2rem 0.4rem 0.2rem 0rem;}
.cta-block h2 {font-size: 1.6rem;}
.undersidatitel h1 {padding-bottom:0.5rem;}.undersidatitel hr {width:10rem;}}

@media (max-width: 380px) {#home-slide-bg h2 {font-size: 2.6rem;}}

@media (max-width: 340px) {#home-slide-bg h2 {font-size: 2.5rem;}.small {font-size: 1.2rem;} header h1, h2, h3, h4, h5, h6 {font-size: 1.3rem;line-height:1.2;}header .left img {}}

.boxar {display:flex;flex-wrap: wrap;justify-content: space-evenly;margin-bottom:1rem;text-align:center;font-size:1rem;}

.box {width:31.8%;padding:1rem;background-color:transparent;border:1px solid #222;margin-bottom:1%;margin-right:0;transition:0.3s ease;}

.box:hover {background-color:transparent;transition:0.3s ease;border:1px solid var(--hoverColor);color:var(--primaryContrastColor);}
.priser {display: flex;row-gap: 0;column-gap: 0;grid-template-columns: 0;font-size: 100%;justify-content: space-evenly;
flex-wrap: nowrap;flex-direction: row;}
.pris {width:34%;padding:1rem;margin:0 0 0.25rem;background-color:var(--secondary-bgColor);}
.pris:first-child {text-align:left;width:44%;}
.pris:last-child {text-align:right;width:20%;}
.halva {display:inline-block;width:49%;}
.halva:nth-child(odd) {float:left;}
.halva:nth-child(even) {float:right;}
@media (max-width: 1024px){.box {width: 48%;margin: 0 0 0.5rem 0;}}
@media (max-width: 600px){.boxar {display:flex;}.box {width:100%;margin:1rem;}#gone {display:none;}.halva {display:inline-block;width:48%;}}
@media (max-width: 340px){.boxar {font-size:0.6rem;}.box {margin:1rem;}}

.blog-post hr {background-color: var(--text-color)!important;}
.blog-date {color: var(--primaryContrastColor)!important;}

body.plugin {display: none;}
._li._li._li {display: none;}

.tyfo {position:relative;}
.tyfo img {width:100%;}
#tyfo-text {position:absolute; top: 50%;width: 100%;text-align: center;padding:0;}
#tyfo-text a {color:var(--text-colorInv);padding:0;}