@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=afb0cbc6-2072-4cb3-a5d8-05644be3b098);

#compareindicator,
.compare img {
  pointer-events: none
}

@font-face {
  font-family: museo_slab500;
  src: url(../webfonts/museo-webfont.eot);
  src: url(../webfonts/museo-webfont.eot?#iefix) format('embedded-opentype'), url(../webfonts/museo-webfont.woff2) format('woff2'), url(../webfonts/museo-webfont.woff) format('woff'), url(../webfonts/museo-webfont.ttf) format('truetype'), url(../webfonts/museo-webfont.svg#museo_slab500) format('svg');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: "Frutiger LT W01_45 Ligh1475730";
  src: url(../webfonts/81e3653a-53bd-49d9-a1f8-f924811b6f02.eot?#iefix);
  src: url(../webfonts/81e3653a-53bd-49d9-a1f8-f924811b6f02.eot?#iefix) format("eot"), url(../webfonts/087d8a95-3f25-4bae-a1d1-db9ddffd72f5.woff2) format("woff2"), url(../webfonts/ab1bcdf7-9570-4cba-a8e3-3e39ddd861db.woff) format("woff"), url(../webfonts/83c94878-06c8-442c-a7df-d520b0ced00b.ttf) format("truetype"), url(../webfonts/29f3ff8a-1719-4e25-a757-53ee1a1114a5.svg#29f3ff8a-1719-4e25-a757-53ee1a1114a5) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_46 Ligh1475734";
  src: url(../webfonts/381ea1e1-9a08-4929-a402-63be7fd76549.eot?#iefix);
  src: url(../webfonts/381ea1e1-9a08-4929-a402-63be7fd76549.eot?#iefix) format("eot"), url(../webfonts/db6ed4c5-5248-41f3-a6b5-4e8ff1d5ab06.woff2) format("woff2"), url(../webfonts/38f88aba-a7d0-4a78-9323-ac58226d277e.woff) format("woff"), url(../webfonts/1149176e-a9be-41bf-822e-275d9da199e5.ttf) format("truetype"), url(../webfonts/cd75c3e3-c5b7-4a25-9498-cabe4e8a9076.svg#cd75c3e3-c5b7-4a25-9498-cabe4e8a9076) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_55 Roma1475738";
  src: url(../webfonts/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix);
  src: url(../webfonts/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix) format("eot"), url(../webfonts/0811514e-6660-4043-92c1-23d0b8caaa2f.woff2) format("woff2"), url(../webfonts/aeae8cac-ba4d-40d2-bbcf-936f2c7dcfe6.woff) format("woff"), url(../webfonts/caedf2e6-fbef-4928-b08e-1f975981ae8d.ttf) format("truetype"), url(../webfonts/7def0e34-f28d-434f-b2ec-472bde847115.svg#7def0e34-f28d-434f-b2ec-472bde847115) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_56 Italic";
  src: url(../webfonts/f8bbb037-530d-4e04-a651-4134f7031164.eot?#iefix);
  src: url(../webfonts/f8bbb037-530d-4e04-a651-4134f7031164.eot?#iefix) format("eot"), url(../webfonts/f5a95cb0-6d5b-4eb4-b6a3-a529d5ccde25.woff2) format("woff2"), url(../webfonts/01f463dc-dba9-419f-9c9f-80ac2ee9f427.woff) format("woff"), url(../webfonts/ba125970-2d75-413e-a466-324153755f20.ttf) format("truetype"), url(../webfonts/141c0322-57c4-48ca-abb4-31688d659f7d.svg#141c0322-57c4-48ca-abb4-31688d659f7d) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_65 Bold1475746";
  src: url(../webfonts/eb06b4c3-c0fd-4cd0-a9d9-a2954f6839a7.eot?#iefix);
  src: url(../webfonts/eb06b4c3-c0fd-4cd0-a9d9-a2954f6839a7.eot?#iefix) format("eot"), url(../webfonts/8c92eb68-ce37-4962-a9f4-5b47d336bd1c.woff2) format("woff2"), url(../webfonts/9bdfdcac-bbd4-46a9-9280-056c9a4438a2.woff) format("woff"), url(../webfonts/5dae3a6e-9b07-4c2f-aed2-1f5b8951261b.ttf) format("truetype"), url(../webfonts/eae74276-dd78-47e4-9b27-dac81c3411ca.svg#eae74276-dd78-47e4-9b27-dac81c3411ca) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_66 Bold Italic";
  src: url(../webfonts/36c26121-ef21-4e44-9f00-0388185c96aa.eot?#iefix);
  src: url(../webfonts/36c26121-ef21-4e44-9f00-0388185c96aa.eot?#iefix) format("eot"), url(../webfonts/9e60a7b4-389b-4630-9fa6-1abd9be2035f.woff2) format("woff2"), url(../webfonts/3048913e-d0c8-4b82-978a-aa862248bea4.woff) format("woff"), url(../webfonts/db4ea3f5-223b-4821-957f-6eb868db73b1.ttf) format("truetype"), url(../webfonts/8ad009ab-a7e5-4acb-8ca5-326d2a759924.svg#8ad009ab-a7e5-4acb-8ca5-326d2a759924) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_75 Black";
  src: url(../webfonts/fb1e4ad2-83fa-4735-aa1b-900f4a36749f.eot?#iefix);
  src: url(../webfonts/fb1e4ad2-83fa-4735-aa1b-900f4a36749f.eot?#iefix) format("eot"), url(../webfonts/221b3252-186e-4a32-a90b-cc0c3a4817d7.woff2) format("woff2"), url(../webfonts/a061c7a6-3b14-451e-883c-0f1661ac3d76.woff) format("woff"), url(../webfonts/558394f3-8981-4be9-8a8a-c23488eb9b6d.ttf) format("truetype"), url(../webfonts/1c437efb-925e-4bc5-96d0-c706bb400696.svg#1c437efb-925e-4bc5-96d0-c706bb400696) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_76 Blac1475758";
  src: url(../webfonts/ad058bb8-7a08-4adb-81be-b97f0d00b951.eot?#iefix);
  src: url(../webfonts/ad058bb8-7a08-4adb-81be-b97f0d00b951.eot?#iefix) format("eot"), url(../webfonts/1ca1f0ee-8bf4-4a8f-9e47-f322036921a9.woff2) format("woff2"), url(../webfonts/0d1f6923-8720-40fa-a8c9-5ba166ae2b98.woff) format("woff"), url(../webfonts/61770e26-a01e-4032-83a6-32308bb7be52.ttf) format("truetype"), url(../webfonts/24df08f2-b418-49de-8eca-745947092d72.svg#24df08f2-b418-49de-8eca-745947092d72) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_95 Ultra Black";
  src: url(../webfonts/2c0f416b-892b-4223-b90e-a0986b832d52.eot?#iefix);
  src: url(../webfonts/2c0f416b-892b-4223-b90e-a0986b832d52.eot?#iefix) format("eot"), url(../webfonts/b3b6a774-8da3-4970-baa7-426572975164.woff2) format("woff2"), url(../webfonts/145ceb9b-3d3e-4e3f-b5a8-9c9cf876cd0d.woff) format("woff"), url(../webfonts/3fbefead-675a-4932-a670-f91da78ceece.ttf) format("truetype"), url(../webfonts/3b96d0b6-5de6-4fb0-9884-b645e55d01c4.svg#3b96d0b6-5de6-4fb0-9884-b645e55d01c4) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_47 Light Cond";
  src: url(../webfonts/5a1bab15-ef53-49fb-aaa8-16c62d878661.eot?#iefix);
  src: url(../webfonts/5a1bab15-ef53-49fb-aaa8-16c62d878661.eot?#iefix) format("eot"), url(../webfonts/d081ebc4-72ee-49ad-94a1-b3cd3e01e2a1.woff2) format("woff2"), url(../webfonts/e4b55b70-bcab-4701-b1ce-3cd09b3c8077.woff) format("woff"), url(../webfonts/6822f9fe-ec36-4b8a-928c-21c4d9036e7a.ttf) format("truetype"), url(../webfonts/a8692796-3220-4d4b-a593-167aafa86ec9.svg#a8692796-3220-4d4b-a593-167aafa86ec9) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_48 Light Cn It";
  src: url(../webfonts/24b7be9f-1fb7-4852-bb08-fa9efbc653de.eot?#iefix);
  src: url(../webfonts/24b7be9f-1fb7-4852-bb08-fa9efbc653de.eot?#iefix) format("eot"), url(../webfonts/dd14f86b-6832-4698-a69d-50818bb5d389.woff2) format("woff2"), url(../webfonts/100c0386-b64c-4c85-9172-b79785f4dcd2.woff) format("woff"), url(../webfonts/0f30dafd-8b17-4c6f-95df-70d2b3a528d6.ttf) format("truetype"), url(../webfonts/89b1c0f0-7f00-4559-9bd7-166b43d93a70.svg#89b1c0f0-7f00-4559-9bd7-166b43d93a70) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_57 Condensed";
  src: url(../webfonts/e6c921f4-c7f3-4375-a9e2-2a30e1af2014.eot?#iefix);
  src: url(../webfonts/e6c921f4-c7f3-4375-a9e2-2a30e1af2014.eot?#iefix) format("eot"), url(../webfonts/5995e4b5-97ff-4823-bebb-dc150282a2cf.woff2) format("woff2"), url(../webfonts/bd26bfea-b97f-4b32-b5f6-504be0b1938d.woff) format("woff"), url(../webfonts/01a184f4-fea6-4abf-805e-1baebb16eefb.ttf) format("truetype"), url(../webfonts/247bce89-c2d1-44ba-a36c-c3c2eef2131c.svg#247bce89-c2d1-44ba-a36c-c3c2eef2131c) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_58 Cond1475774";
  src: url(../webfonts/e6ea61cf-045f-4a83-beb7-2b686e01503f.eot?#iefix);
  src: url(../webfonts/e6ea61cf-045f-4a83-beb7-2b686e01503f.eot?#iefix) format("eot"), url(../webfonts/9cb89a6d-d50a-46c9-8b4e-1eec4ff4b511.woff2) format("woff2"), url(../webfonts/fce3a606-a3f3-45a6-994a-953cc70af4dc.woff) format("woff"), url(../webfonts/94e8ab65-9941-43eb-b121-75b38504c1ea.ttf) format("truetype"), url(../webfonts/a06138fd-9732-49e7-8b9f-34a0fe651923.svg#a06138fd-9732-49e7-8b9f-34a0fe651923) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_67 Bold Cond";
  src: url(../webfonts/d4125907-9465-43ee-b1eb-b9195f69cec7.eot?#iefix);
  src: url(../webfonts/d4125907-9465-43ee-b1eb-b9195f69cec7.eot?#iefix) format("eot"), url(../webfonts/4c4ee705-e593-4456-988d-03a5a2594534.woff2) format("woff2"), url(../webfonts/e728739a-5d86-4213-9f4f-73394eff3d19.woff) format("woff"), url(../webfonts/ec9c2bcd-5001-4da7-985e-6697698f55b3.ttf) format("truetype"), url(../webfonts/d6cc9dd9-5ba8-4746-a2dd-ee86b58a9db4.svg#d6cc9dd9-5ba8-4746-a2dd-ee86b58a9db4) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_68 Bold Cn It";
  src: url(../webfonts/6b6a8606-21c2-4dfb-93ef-4476b7fee02e.eot?#iefix);
  src: url(../webfonts/6b6a8606-21c2-4dfb-93ef-4476b7fee02e.eot?#iefix) format("eot"), url(../webfonts/dc3008a2-9cad-48ed-8251-2412ed09086f.woff2) format("woff2"), url(../webfonts/db967fba-df9a-4509-b1b5-95124c2013ce.woff) format("woff"), url(../webfonts/e35131d4-d3d5-4780-9383-3c3b2469d285.ttf) format("truetype"), url(../webfonts/cdfb4293-496b-4d97-be05-bedac40fabd6.svg#cdfb4293-496b-4d97-be05-bedac40fabd6) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_77 Black Cond";
  src: url(../webfonts/7eee79cd-0bdf-42f5-934b-ea0719e8f972.eot?#iefix);
  src: url(../webfonts/7eee79cd-0bdf-42f5-934b-ea0719e8f972.eot?#iefix) format("eot"), url(../webfonts/6d87ec2c-6ff9-4959-ae4b-ee78bf6766d9.woff2) format("woff2"), url(../webfonts/64002fd1-78f6-4403-bbaa-af1af63a80d9.woff) format("woff"), url(../webfonts/350bf429-b295-4652-8bbd-c991c333406b.ttf) format("truetype"), url(../webfonts/ff49f3f1-422a-4c44-80e2-be8dc904d23d.svg#ff49f3f1-422a-4c44-80e2-be8dc904d23d) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_78 Black Cn It";
  src: url(../webfonts/3257337c-a33b-4a4f-8edb-05c17beb94dc.eot?#iefix);
  src: url(../webfonts/3257337c-a33b-4a4f-8edb-05c17beb94dc.eot?#iefix) format("eot"), url(../webfonts/9fe51dc7-9059-4e65-b7a8-6e932c276975.woff2) format("woff2"), url(../webfonts/d40bd66e-7e94-48b6-8ab4-e31bf5259047.woff) format("woff"), url(../webfonts/e4f75c6b-9008-42ef-befe-9350929f6441.ttf) format("truetype"), url(../webfonts/8ecbdcf3-e811-4013-bb98-06c3975046a4.svg#8ecbdcf3-e811-4013-bb98-06c3975046a4) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_87 X Black Cn";
  src: url(../webfonts/75ba6937-3bfa-44f1-92d6-20ac14078a5e.eot?#iefix);
  src: url(../webfonts/75ba6937-3bfa-44f1-92d6-20ac14078a5e.eot?#iefix) format("eot"), url(../webfonts/e6bb7878-ff84-4f3c-b940-1accdb0d3af5.woff2) format("woff2"), url(../webfonts/9a63260d-daef-47ce-a2a8-a0c578fece6e.woff) format("woff"), url(../webfonts/e2b05bef-eb99-443a-a22c-a35ce2d70098.ttf) format("truetype"), url(../webfonts/f9ce193a-3f49-47fc-bed2-21a9265ecc96.svg#f9ce193a-3f49-47fc-bed2-21a9265ecc96) format("svg");
  font-display: swap
}

@font-face {
  font-family: "Frutiger LT W01_88 X Blk Cn It";
  src: url(../webfonts/40068504-d076-491b-bf74-c966f968e38a.eot?#iefix);
  src: url(../webfonts/40068504-d076-491b-bf74-c966f968e38a.eot?#iefix) format("eot"), url(../webfonts/02e06bef-8adf-4810-b5cb-eef02b06fe6d.woff2) format("woff2"), url(../webfonts/c98c03a0-886c-4607-bd29-42760f3e0457.woff) format("woff"), url(../webfonts/e4c42b14-e789-4258-9aa0-27946db5d8c8.ttf) format("truetype"), url(../webfonts/096c37d9-7e7c-4821-a63e-2c77424c83b4.svg#096c37d9-7e7c-4821-a63e-2c77424c83b4) format("svg");
  font-display: swap
}

html {
  font-family: 'Frutiger LT W01_45 Ligh1475730';
  font-weight: 100;
  font-size: 1.1rem;
  color: #575756
}

* {
  color: #575756
}

.uk-button,
.uk-text-meta,
h1,
h2,
h3,
h4,
h5 {
  font-family: museo_slab500;
  text-transform: none;
  font-weight: 400;
  color: #575756
}

.uk-text-meta {
  font-size: 1rem;
  font-weight: 300
}

.uk-h2,
h2 {
  font-size: 2.4rem
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  padding: 20px 0
}

.uk-navbar-nav>li>a {
  text-transform: none;
  font-family: 'Frutiger LT W01_45 Ligh1475730';
  font-size: .9rem;
  color: #575756;
  letter-spacing: 0
}

#heroheader {
  position: relative;
  padding-bottom: 0;
  padding-top: 0 !important;
  margin-bottom: 50px;
}

#heroheader .tm-grid-expand>.uk-first-column {
  position: relative
}

#herocontent {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 100%;
  padding: 0 30px
}

#herocontent>div {
  align-self: flex-end;
  padding: 0 20px
}

#herocontent>div:first-of-type {
  width: calc(100% / 13 * 8);
  align-self: center
}

#herocontent>div:last-of-type {
  width: calc(100% / 13 * 5)
}

#herocontent>div:first-of-type h1 {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  line-height: 70%;
  margin-top: 30%;
  font-size: 2.3rem
}

#herocontent>div:first-of-type h1 strong {
  background: #575756;
  color: #fff;
  font-family: "Frutiger LT W01_57 Condensed";
  display: inline-block;
  padding: 5px;
  line-height: 105%;
  align-self: flex-start;
  margin-bottom: 20px
}

#herocontent>div:last-of-type h2 {
  width: 50%;
  font-size: 1.9rem
}

#herocontent>div:last-of-type>div {
  background: rgba(255, 255, 255, .7);
  padding: 20px;
  width: 80%
}

.wabelinks,
.wabelinks .uk-margin,
.waberechts,
.waberechts .uk-margin {
  position: relative
}

.wabelinks .wabe {
  clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%);
  left: -100px;
  margin-left: -50px
}

.waberechts .wabe {
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 20% 100%, 0 50%);
  right: -100px;
  margin-right: -50px
}

.wabelinks .uk-margin.topfix img {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  height: auto;
  z-index: 2;
  margin-top: -10px
}

.videobox>.uk-container {
  max-width: 2000px
}

.videobox {
  margin-bottom: 50px;
}

.comparecontainer {
  position: relative;
  cursor: move
}

.comparecontainer .compare {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  overflow: hidden;
  cursor: move
}

.compareslidersection .comparecontainer {
  height: 600px;
  overflow: hidden
}

.compareslidersection .comparecontainer .compare {
  height: 100%
}

.compareslidersection .comparecontainer .compare img {
  position: relative;
  top: -250px
}

::selection {
  background: rgba(243, 201, 68, 0);
  color: #fff
}

.el-content::selection,
.el-meta::selection,
a::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
li::selection,
p::selection {
  background: #f3c944;
  color: #fff
}

img::-moz-selection {
  background: rgba(255, 255, 255, 0)
}

img::selection {
  background: rgba(255, 255, 255, 0)
}

.compare-wrapper {
  width: 60%;
  overflow: hidden;
  border-right: 3px solid rgba(0, 0, 0, .2);
  box-shadow: -10px 10px 28px 0 rgba(1, 1, 1, 1);
  cursor: move
}

#compareindicator,
.cd-handle {
  top: 0;
  left: 60%;
  cursor: move;
  width: 5px;
  height: 100%
}

.compare-wrapper img {
  max-width: 166.6%
}

.cd-handle {
  position: absolute;
  background: red;
  display: block;
  z-index: 2
}

#compareindicator:after,
#compareindicator:before {
  font-size: 3rem;
  color: #fff;
  font-family: "Frutiger LT W01_77 Black Cond";
  top: 40%;
  display: block;
  font-weight: 900;
  position: absolute
}

#slidercompare {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: none;
  background: 0 0;
  -webkit-appearance: none;
  height: 100%;
  opacity: 0
}

#compareindicator {
  position: absolute;
  display: block;
  background: #fff
}

#compareindicator:before {
  content: "<";
  left: -40px
}

#compareindicator:after {
  content: ">";
  right: -40px
}

.wabelinks h3,
.waberechts h3,
h3.balken {
  display: inline-flex;
  flex-direction: column;
  line-height: 70%;
  font-size: 1.5rem;
  position: absolute;
  top: 450px;
  left: 60px
}

h3.balken {
  position: relative;
  top: 0;
  left: 0;
  margin: 0
}

p a,
p b,
p strong {
  font-family: "Frutiger LT W01_65 Bold1475746";
  color: #5F5F5E;
  font-weight: inherit
}

h1 p strong,
h1 p b,
h2 p strong,
h2 p b,
h3 p strong,
h3 p b,
h4 p strong,
h4 p b {
  font-family: inherit;
}

.waberechts h3 {
  left: auto;
  right: 30px
}

.uk-section-secondary {
  background: #fff;
  background: linear-gradient(90deg, rgba(243, 201, 68, 1), rgba(230, 163, 87, 1));
  position: relative
}

.uk-section-muted:before,
.uk-section-secondary:after,
.uk-section-secondary:before {
  display: block;
  height: 11px;
  position: absolute;
  top: 0;
  content: " ";
  animation: animatedgradient 8s ease alternate infinite
}

.uk-section-secondary:after,
.uk-section-secondary:before {
  width: 90%;
  background: linear-gradient(90deg, #43175e, #cf0072, #fcbc00);
  left: 5%;
  background-size: 300% 300%;
  display: none
}

.uk-section-muted:before {
  width: 100%;
  background: linear-gradient(90deg, rgba(243, 201, 68, 1), rgba(230, 163, 87, 1));
  left: 0;
  background-size: 300% 300%
}

.uk-accordion-title,
.uk-card-default:after {
  background: linear-gradient(90deg, rgba(243, 201, 68, 1), rgba(230, 163, 87, 1))
}

.uk-card-default {
  font-family: museo_slab500;
  text-transform: none;
  font-weight: 400;
  color: #575756;
  font-size: 1rem;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding: 1px;
  min-height: 220px
}

.uk-accordion-title {
  font-family: museo_slab500;
  color: #fff;
  padding: 20px
}

.uk-section-secondary h1 {
  color: #575756 !important
}

.meistertipp {
  position: relative;
  border: 3px solid rgba(243, 201, 68, 1);
  border-radius: 5px;
  padding: 25px 30px 20px
}

.meistertipp h3 {
  font-size: 28px;
  position: absolute;
  top: -39px;
  background: #fff;
  line-height: 1.4;
  margin-bottom: 0 !important;
  display: inline-block;
  padding: 0 5px
}

.uk-card-default>.el-content {
  background: #fff;
  z-index: 1;
  height: 100%;
  align-self: center;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  width: 100%;
  transition: background .3s;
  position: relative
}

.diagrammheadline img {
  height: 30px;
  width: auto
}

.cflexlogoinline {
  position: relative;
  top: -11px;
  width: 130px
}

.whitebox {
  background: #fff;
  padding: 10px;
  font-size: .8rem;
  border-radius: 5px
}

.meistertipp .el-meta,
.wabelinks h3 p,
.waberechts h3 p,
h3.balken p {
  font-family: "Frutiger LT W01_57 Condensed";
  padding: 5px;
  line-height: 105%;
  margin: 2px 0;
  color: #fff
}

.meistertipp .el-meta {
  background: #575756;
  display: inline-block;
  width: auto;
  letter-spacing: 0;
  margin-top: 0 !important
}

.uk-section-secondary .uk-container {
  max-width: 1100px
}

.meistertipp>img {
  position: absolute;
  width: 80px;
  height: auto;
  bottom: 20px;
  right: -45px;
  background: #fff
}

.meistertipp:after,
.uk-card-default>.el-content:after {
  width: 0;
  height: 0;
  border-bottom: 50px solid #fff;
  border-right: 40px solid transparent;
  content: " ";
  display: block;
  position: absolute;
  bottom: -3px;
  right: 20px
}

.uk-card-default>.el-content:after {
  display: none;
}

.meistertipp:before,
.uk-card-default>.el-content:before {
  width: 0;
  height: 0;
  border-bottom: 56px solid #E8C05E;
  border-right: 47px solid transparent;
  content: " ";
  display: block;
  position: absolute;
  bottom: -3px;
  right: 16px
}

.uk-card-default>.el-content:before {
  display: none
}

.uk-accordion>:nth-child(n+1) {
  border: none;
  padding-top: 0
}

.uk-accordion-content {
  padding: 0 40px
}

.uk-card-default>.el-content>* {
  transition: color .3s
}

.uk-card-default:after {
  content: ' ';
  position: absolute;
  top: calc(-1 * 2px);
  left: calc(-1 * 2px);
  height: calc(100% + 2px * 2);
  width: calc(100% + 2px * 2);
  animation: animatedgradient 8s ease alternate infinite;
  background-size: 300% 300%
}

.uk-card-default>.el-content {
  transition: all .2s
}

.uk-card-default>.el-content:hover {
  background: 0 0;
  color: #fff;
  -webkit-box-shadow: 0px 0px 22px -6px rgba(0, 0, 0, 0.56);
  box-shadow: 0px 0px 22px -6px rgba(0, 0, 0, 0.56);
  transform: scale(1.1);
}

.uk-card-default:hover>.el-content * {
  color: #fff
}

.uk-section-secondary:after {
  top: auto;
  bottom: 0;
  margin-bottom: 50px;
  display: none
}

@keyframes animatedgradient {

  0%,
  100% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }
}

.uk-navbar-nav>li {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  height: auto;
  min-height: 1px;
  justify-content: flex-end;
  position: relative
}

.uk-navbar-nav li a {
  align-self: flex-end;
  height: auto;
  min-height: 1px;
  padding-top: 45px
}

.uk-navbar-dropdown::after,
.uk-navbar-nav>li.uk-active:after,
.uk-navbar-nav>li:after,
.uk-navbar-nav>li:hover:after {
  content: " ";
  bottom: 0;
  position: absolute;
  height: 3px
}

.uk-navbar-nav>li:after {
  display: block;
  width: 80%;
  background: 0 0;
  left: 10%
}

.uk-navbar-nav>li.uk-active:after,
.uk-navbar-nav>li:hover:after {
  display: block;
  width: 80%;
  background: #f3c944;
  background: linear-gradient(90deg, rgba(243, 201, 68, 1) 0, rgba(230, 163, 87, 1) 100%);
  left: 10%
}

.wabelinks h3 p,
.waberechts h3 p,
h3.balken p {
  background: #575756;
  display: inline-block;
  align-self: flex-start
}

.uk-button-default {
  background: #f3c944;
  background: linear-gradient(90deg, rgba(243, 201, 68, 1) 0, rgba(230, 163, 87, 1) 100%);
  border: none;
  font-size: 1.5rem;
  padding: 10px 50px;
  letter-spacing: 0;
  font-weight: 100;
  color: #fff
}

.uk-navbar-dropdown {
  padding: 10px 10px 2px;
  width: auto;
  min-width: 300px;
  box-shadow: none;
  background: rgba(255, 255, 255, .8)
}

.uk-navbar-dropdown::after {
  display: block;
  width: 100%;
  left: 0;
  background: #f3c944;
  background: linear-gradient(90deg, rgba(243, 201, 68, 1) 0, rgba(230, 163, 87, 1) 100%)
}

.uk-navbar-dropdown-nav>li,
.uk-navbar-dropdown-nav>li>a,
.uk-navbar-dropdown-nav>li>a:focus,
.uk-navbar-dropdown-nav>li>a:hover {
  color: #575756;
  text-transform: none
}

.uk-navbar-dropdown-nav>li.uk-active>a {
  /* color: #000; */
  font-family: "Frutiger LT W01_65 Bold1475746";
  font-family: "Frutiger LT W01_55 Roma1475738";
}

.uk-navbar-dropdown-nav {
  letter-spacing: 0;
  font-family: 'Frutiger LT W01_45 Ligh1475730';
  font-size: .9rem
}

.uk-h6,
.uk-section-primary strong,
h6 {
  font-family: "Frutiger LT W01_67 Bold Cond"
}

.uk-navbar-dropdown li a {
  padding-top: 0
}

.uk-logo {
  width: 350px
}

.uk-section-muted {
  background: #ECECEC;
  position: relative
}

.uk-section-primary,
.uk-section-primary:not(.uk-preserve-color) {
  background: #7B797A;
  color: #fff
}

.uk-section-primary * {
  color: #fff;
  font-size: .8rem
}

.uk-h6,
h6 {
  text-transform: none;
  margin-bottom: 5px;
  letter-spacing: 0
}

.compareslidersection {
  height: 600px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  margin-bottom: 100px !important
}

.compareslidersection .uk-container {
  padding: 0 !important;
  max-width: 100vw
}

.uk-section-primary ul:first-child {
  padding: 0;
  list-style-type: none;
  margin-top: 10px;
  margin-top: 0
}

input,
textarea {
  padding: 10px 20px;
  border: 1px solid #ccc
}

input[type=email],
textarea,
input[type=text] {
  max-width: 80%;
  width: 500px
}

div.wpcf7-response-output {
  border: 0 !important
}

.grecaptcha-badge {
  visibility: hidden
}

.wpcf7-list-item {
  margin: 0
}

.container {
  display: flex
}

.item {
  width: 50%;
  margin-bottom: 10px
}

.wpcf7 label {
  line-height: 1.75
}

.wpcf7-textarea,
.wpcf7-text {
  width: 100%
}

textarea,
.item .wpcf7-text {
  width: 95%
}

.wpcf7 input[type=tel] {
  width: 80%
}

.wpcf7-submit {
  font-size: 26px
}

.uk-card-primary {
  background: #fff
}

.uk-card-primary.uk-card-body h3 {
  font-family: museo_slab500;
  text-transform: none;
  font-weight: 400;
  color: #575756;
}

table.technische_daten {
  background: #fff
}

table.technische_daten td[colspan] {
  text-align: center
}

table.technische_daten tr.Toggle {
  display: none
}

table.technische_daten tr td {
  font-size: .9rem;
  padding: 8px 6px
}

table.technische_daten tr.section td {
  text-align: left;
  background: rgba(230, 163, 87, 1);
  font-family: museo_slab500;
  text-transform: none;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1rem
}

.uk-table-striped tbody tr:nth-of-type(odd) {
  background: rgba(243, 201, 68, 1)
}

.uk-table-striped tbody tr:nth-of-type(odd) td {
  color: #fff
}

@media (max-width:1024px) {
  ​ .container {
    display: block
  }

  ​ .item {
    width: 100%;
    margin-bottom: 10px
  }
}


@media (max-width: 959px) {
  .uk-logo {
    width: 290px;
    margin-left: -80px
  }

  #herocontent>div:first-of-type h1 {
    font-size: 1.5rem;
    margin-top: 0%;
    left: -10px
  }

  #herocontent>div:first-of-type h1 strong {
    margin-bottom: 5px
  }

  #heroheader {
    height: 60vh
  }

  #herocontent {
    height: 40%
  }

  .wabelinks .wabe {
    clip-path: none;
    margin-left: 0;
    left: 0
  }

  *+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {
    padding-top: 50px
  }

  .uk-h2, h2 {
    font-size: 2.1rem
  }

  .tm-page-container > .tm-page > .uk-section:last-of-type *{
    text-align: center;
    width: 100%;
    margin-top: 5px;
    padding-top: 0px
  }

  .tm-page-container > .tm-page > .uk-section:last-of-type img {
    width: 30%
  }

  .tm-page-container > .tm-page > .uk-section:last-of-type .el-link {
    width: 100%;
    display: block;
    margin-top: 50px
  }
}



@media only screen and (min-width:320px) and (max-width:568px) {

.uk-offcanvas-bar {
  background: linear-gradient(
90deg
, rgba(243, 201, 68, 1), rgba(230, 163, 87, 1));
color: #000
}

.tm-toolbar-default .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-light .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a, .tm-toolbar-default .uk-nav-default>li.uk-active>a, .uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a, .uk-light .uk-nav-default>li.uk-active>a, .uk-offcanvas-bar .uk-nav-default>li.uk-active>a, .uk-overlay-primary .uk-nav-default>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a {
  color: #000

}


.tm-toolbar-default .uk-nav-default>li>a, .uk-card-primary.uk-card-body .uk-nav-default>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-card-secondary.uk-card-body .uk-nav-default>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-light .uk-nav-default>li>a, .uk-offcanvas-bar .uk-nav-default>li>a, .uk-overlay-primary .uk-nav-default>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a, .tm-toolbar-default .uk-nav-default .uk-nav-sub a, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-light .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a, .uk-overlay-primary .uk-nav-default .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a {
  color: rgba(0,0,0,.5)
}

.uk-nav-default {
  letter-spacing: 0;
  font-size: 15px;
  font-family: museo_slab500
}


.compareslidersection .comparecontainer, .compareslidersection {
  height: 250px;
}

  .compareslidersection .comparecontainer .compare img {
    top: 0 !important
  }

  .uk-button-default {
    width: 100%
  }

  #logogrid .uk-first-column{
    /* width: 40% !important */
  }

  .meistertipp {
    padding-bottom: 100px
  }

  #installation > div {
    background: #ECECEC !important
  }

  #installationgrid > div {

    background-size: cover !important
  }

  #installationgrid  h1 {
    display: none
  }

  #installationgrid .uk-position-relative {
    top: 10px !important
  }

  .uk-h1, h1 {
    font-size: 30px
  }

  #anschaffungskosten .uk-grid-item-match {
    height: 320px;
    width: 30%
  }

  .item {
    width: 100%
}
.container {
  flex-direction:column;

}

body.page-id-2 .comparecontainer {
  display: none
}

#anschaffungskostenlegende * {
  text-align: left !important;
  margin-top: 1px !important;
  padding-top: 1px !important;
}

}