/* Template © admotion*/

    @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=d051a1a3-b58b-4d32-b6fb-86e8943755f5&fontids=1475790,1475802,1475826");

    @font-face{
        font-family:"Futura";
        src:url("../fonts/1475802/a3756428-debf-4a86-aed0-a834a3df9bd7.eot?#iefix");
        src:url("../fonts/1475802/a3756428-debf-4a86-aed0-a834a3df9bd7.eot?#iefix") format("eot"),url("../fonts/1475802/5f081b13-e570-4277-9283-091a6f6cab04.woff2") format("woff2"),url("../fonts/1475802/588b3f3a-c193-4962-8e01-d4caef90f58b.woff") format("woff"),url("../fonts/1475802/cdced636-4488-4c04-809c-e6e1379600ec.ttf") format("truetype");
        font-weight:300; font-weight: normal;font-display:swap;
    }
    @font-face{
        font-family:"Futura";
        src:url("../fonts/Futura-Med.woff2") format("woff2"),url("../fonts/Futura-Med.woff") format("woff"),url("../fonts/Futura-Med.otf") format("opentype");
        font-weight:600;font-display:swap;
    }
    @font-face{
        font-family:"Futura";
        src:url("../fonts/1475826/700bd18e-d9e0-45c5-93e2-7c930608c50e.eot?#iefix");
        src:url("../fonts/1475826/700bd18e-d9e0-45c5-93e2-7c930608c50e.eot?#iefix") format("eot"),url("../fonts/1475826/12dbb46a-1b0b-40ee-80a6-4141c349b55f.woff2") format("woff2"),url("../fonts/1475826/2abd55ef-07d0-473e-80e1-0e4066cd01fa.woff") format("woff"),url("../fonts/1475826/c4fa8988-43d1-4a01-96e4-36c5c5a121c9.ttf") format("truetype");
        font-weight: 700; font-weight: bold; font-display:swap;
    }


html 
{
   height:			100%;
}


body
{
   height:			100%;
   margin:			0px;
   padding:			0px;
   font-family:		'Futura', sans-serif;
   font-weight:		400;
   font-size:		16px;
   color:			#034991;
   line-height:		160%;
   letter-spacing:	0.03em;
}



.neutral-weiss { color: #ffffff; }
.neutral-weiss:hover { color: #034991; }

.reparatur img { position: absolute; width: 230px; top: -138px; right: 20px; }

.moduletable.filter { margin: 0px 0px 10px 0px; }
#system-message { margin: 0px; }
/* bootstrap import */

img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none;}
.nav > li > a {display: block;}
li { line-height: 30px;}
.nav {list-style: none; padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}

/* ---------------------------------- */


.light-green { color: #f7f9e5; }
.green { color: #b1c800; }
.grey { color: #57585a; }

    #desktop { display: none; }
    #mobile { display: block; }   
    #left { width: 100%; float: none; position: relative;}
    #right { width: 100%; float: none; margin-top: 4%; position: relative;}



.effect { transition: 0.3s; transform: scale(1.0); z-index: 0; }
.effect:hover { transition: 0.2s; transform: scale(1.1); z-index: 1; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }


#button { position: absolute; right: 5%; top: 150px; width: 300px; transition: 0.4s; }
#button:hover {transform: scale(1.1); transition: 0.2s; }


#container-header { position: fixed; top: 0; width: 100%; z-index: 1; background: #fff; padding: 18px 0; z-index: 999; }
#header { width: 90%; margin: 0 auto; }

#logo { width: 200px; transition: 0.5s ease-in-out; float: left; margin-right: 20px; margin-bottom: 10px;}
.logo { width: 150px !important; }



#container-showbox { width: 100%; position: relative; }
#showbox {  }

#arrow-b { height: 35px; background: #fff url(/images/arrow-down.svg) top center no-repeat; background-size: 57px 23px; margin-top: 10px; }
#arrow-b a { height: 35px; display: block; }

#inhalt { width: 90%; margin: 100px auto 0;}
.blog-item { padding: 0 0 80px; }

.box { background: #b1c800; padding: 20px 30px 25px; color: #fff !important; position: relative; transition: 0.3s ease-in-out;}

.box h2 { color: #fff !important; text-align: left !important; }

.box-blau { background: #034991; padding: 20px 30px; color: #fff !important; position: relative;}
.box-blau h2 { color: #fff !important; text-align: left !important; }
.box-blau h3 { color: #fff !important; }
.box-blau a:hover { color: #fff !important;}

.box-gruen { background: #b1c800; padding: 20px 30px; color: #fff !important; position: relative;}
.box-gruen h2 { color: #fff !important; text-align: left; }

.produktinfos { border:3px solid #b1c800; padding: 30px;  position: relative;}
.produktinfos h2 { color: #034991 !important; text-align: left !important;  }

.sonnenstorenteaser::before {content: 'NEU';position: absolute; background: #b1c800; transform: rotate(-7deg); padding: 32px 20px; color: #fff; font-weight: 700; margin-top: -15px; margin-left: -15px; font-size: 22px; transition: 0.2s; width: 54px; height: 30px; border-radius: 50%;}
.sonnenstorenteaser:hover::before {transform: rotate(-7deg) scale(1.1); }



.team .uk-card-body { padding: 15px; background: #034991; color: #fff; }
.team .uk-card-body a { color: #fff; }




#infos { float: left; margin: 0px 0px 0; transition: 0.5s ease-in-out; }

#rep-button { background: #b1c800; padding: 5px 10px; display: inline-block; transition: 0.2s;}
#rep-button:hover { background: #fff; color: #034991; padding: 5px 10px; display: inline-block; cursor: pointer;}
#rep-form {display: none;}

.maskottchen { position: absolute; right: -15px;top: -65px;width: 70px; z-index: 111;}


.icon { position: absolute; z-index: 11; width: 70px; right: 7px; margin-top: -43px; transition: 0.3s ease-in-out; }
.uk-panel:hover .icon { transform: scale(1.2); }


.icon-outdoor { position: absolute; z-index: 11; width: 70px; right: 7px; margin-top: -43px; transition: 0.3s ease-in-out; }
#left:hover .icon-outdoor, #right:hover .icon-outdoor { transform: scale(1.2); }



#cta { position: absolute; bottom: auto; top: 155px; right: auto; left: 10px;}
.cta-img { width: 60px; float: left;margin: -15px -25px 0 0px;z-index: 111;position: relative; transition: 0.2s ease-in-out;}
.cta-img-2 { width: 60px; float: left;margin: -15px -25px 0 0px;z-index: 111;position: relative; transition: 0.2s ease-in-out;}
.cta-text {/*-moz-transform: skew(-10deg, 0deg);-webkit-transform: skew(-10deg, 0deg);-o-transform: skew(-10deg, 0deg);-ms-transform: skew(-10deg, 0deg);transform: skew(-10deg, 0deg); */ background: #b1c800; padding: 20px 20px; font-weight: 700;font-size: 1em; width: 194px; line-height: 120%;float: left;z-index: 110;position: relative;}
.cta-text a { color: #034991; }
.cta-text a:hover { color: #fff; }
#cta:hover .cta-img { transform: scale(1.05);}
.cta-text h5 { font-weight: 700; font-size: 18px; line-height: 1.4; margin: 0 0 5px;}
.cta-text h6 { font-weight: 300; font-size: 15px; line-height: 1.3; margin: 0;}



#jobcta { position: absolute; bottom: auto; top: 155px; right: auto; left: 10px;}

#jobcta .cta-text {padding: 0px 0px; font-weight: 700;font-size: 1em; width: 194px; line-height: 120%;float: left;}



/* Lamellendach */

ul.listanker { padding: 0; margin: 10px 0 20px; display: block; justify-content: center; flex-wrap: wrap;}
ul.listanker li { list-style: none; padding: 0px 30px; border-left: 1px solid #034991; margin-bottom: 10px;}
ul.listanker li a { color: #034991;}
ul.listanker li a:hover { color: #b1c800;}


.features-switcher h3 { margin: 0px 0px 25px 0 !important; font-size: 35px !important; line-height: 130%; font-weight: 600 !important; color: #034991 !important; text-align: center !important; letter-spacing: 0.01em !important; }

.features-switcher ul.uk-tab { position: relative; width: 100%; left: 0; box-sizing: border-box; padding: 0px 0px; background: #efeded;border:0px; display: block;}
.features-switcher ul.uk-tab li {padding: 0; transition: 0.2s;}
.features-switcher ul.uk-tab li a {border:0px !important; padding: 10px 10px 10px; font-size: 18px; color: #034991; text-transform: none; transition: 0.2s;text-align: left;}
.features-switcher ul.uk-tab li.uk-active {background: #fafafa;}
.features-switcher ul.uk-tab li.uk-active a {font-size: 22px; color: #034991;}
.features-switcher ul.uk-tab li:hover a {font-size: 22px; color: #034991;}

.features-switcher ul.uk-tab li:nth-child(1) a {background: url(/images/Produkte/Lamellendaecher/Icons/schatten-schutz.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li:nth-child(1):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/schatten-schutz.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li.uk-active:nth-child(1) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/schatten-schutz.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li:nth-child(2) a {background: url(/images/Produkte/Lamellendaecher/Icons/beleuchtung.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li:nth-child(2):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/beleuchtung.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li.uk-active:nth-child(2) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/beleuchtung.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li:nth-child(3) a {background: url(/images/Produkte/Lamellendaecher/Icons/material.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li:nth-child(3):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/material.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li.uk-active:nth-child(3) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/material.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li:nth-child(4) a {background: url(/images/Produkte/Lamellendaecher/Icons/stoffe-farben.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li:nth-child(4):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/stoffe-farben.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li.uk-active:nth-child(4) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/stoffe-farben.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li:nth-child(5) a {background: url(/images/Produkte/Lamellendaecher/Icons/steuerung.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li:nth-child(5):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/steuerung.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li.uk-active:nth-child(5) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/steuerung.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li:nth-child(6) a {background: url(/images/Produkte/Lamellendaecher/Icons/wasserablauf.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li:nth-child(6):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/wasserablauf.png) no-repeat 10px 10px; background-size: 30px;}
.features-switcher ul.uk-tab li.uk-active:nth-child(6) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/wasserablauf.png) no-repeat 10px 10px; background-size: 30px;}


/* Sonnenstoren */

.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(1) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_uvbestaendig.svg) no-repeat 10px 10px; background-size: 30px;}
/*
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(1):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_uvbestaendig.svg) no-repeat 10px 10px; background-size: 30px;}
.features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(1) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_uvbestaendig.svg) no-repeat 10px 10px; background-size: 30px;}
*/
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(2) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_wetterfest.svg) no-repeat 10px 10px; background-size: 30px;}
/*
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(2):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_wetterfest.svg) no-repeat 10px 10px; background-size: 30px;}
.features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(2) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_wetterfest.svg) no-repeat 10px 10px; background-size: 30px;}
*/

.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(3) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_durchsicht.svg) no-repeat 10px 10px; background-size: 30px;}
/*
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(3):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_durchsicht.svg) no-repeat 10px 10px; background-size: 30px;}
.features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(3) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_durchsicht.svg) no-repeat 10px 10px; background-size: 30px;}
*/
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(4) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_nachhaltig.svg) no-repeat 10px 10px; background-size: 30px;}
/*
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(4):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_nachhaltig.svg) no-repeat 10px 10px; background-size: 30px;}
.features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(4) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_nachhaltig.svg) no-repeat 10px 10px; background-size: 30px;}
*/
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(5) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_blendschutz.svg) no-repeat 10px 10px; background-size: 30px;}
/*
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(5):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_blendschutz.svg) no-repeat 10px 10px; background-size: 30px;}
.features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(5) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_blendschutz.svg) no-repeat 10px 10px; background-size: 30px;}
*/
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(6) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_sichtschutz.svg) no-repeat 10px 10px; background-size: 30px;}
/*
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(6):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_sichtschutz.svg) no-repeat 10px 10px; background-size: 30px;}
.features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(6) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_sichtschutz.svg) no-repeat 10px 10px; background-size: 30px;}
*/
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(7) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_brandschutz.svg) no-repeat 10px 10px; background-size: 30px;}
/*
.features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(7):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_brandschutz.svg) no-repeat 10px 10px; background-size: 30px;}
.features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(7) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_brandschutz.svg) no-repeat 10px 10px; background-size: 30px;}
*/

.stoffarondolino {width: 100%; margin-bottom: -50px;}
.stoffarondolino img {width: 150px;}
textarea.form-control { padding-bottom: 1px;}
 
/*---------------*/




a.infoblatt { background: #034991; color: #fff; padding: 5px 10px; transition: 0.3s;display: inline-block; margin-bottom: 10px;}
a.infoblatt:hover { background: #fff; transition: 0.3s; color: #034991; text-decoration: none; }

.box-blau a.infoblatt { background: #b1c800; color: #fff; padding: 5px 10px; transition: 0.3s;display: inline-block; margin-bottom: 10px;}
.box-blau a.infoblatt:hover { background: #fff; transition: 0.3s; color: #034991 !important; text-decoration: none; }

.box-gruen a.infoblatt { background: #034991; color: #fff; padding: 5px 10px; transition: 0.3s;display: inline-block; margin-bottom: 10px;}
.box-gruen a.infoblatt:hover { background: #fff; transition: 0.3s; color: #034991 !important; text-decoration: none; }

a.button { background: #b1c800; color: #fff; padding: 5px 10px; transition: 0.3s;display: inline-block; margin-bottom: 10px; text-align: center;}
a.button:hover { background: #034991; transition: 0.3s; color: #fff; text-decoration: none; }

a.button-blau { background: #034991; color: #fff; padding: 5px 10px; transition: 0.3s;display: inline-block; margin-bottom: 10px; text-align: center;}
a.button-blau:hover { background: #b1c800; transition: 0.3s; color: #fff; text-decoration: none; }

a.button-gruen { background: #b1c800; color: #fff; padding: 5px 10px; transition: 0.3s;display: inline-block; margin-bottom: 10px; text-align: center;}
a.button-gruen:hover { background: #ffffff; transition: 0.3s; color: #000000; text-decoration: none; }
.eb-content h1 { color: #b1c800; }

a.button-orange { background: #e47e0b;; color: #fff; padding: 5px 10px; transition: 0.3s;display: inline-block; margin-bottom: 10px; text-align: center;}
a.button-orange:hover { background: #034991; transition: 0.3s; color: #fff; text-decoration: none; }



.eb-content h1 { color: #b1c800; }

#row1 { width: 100%; margin: 0 0 20px 0;}
#row2 { width: 100%; margin: 0 0 0px 0; }

a.reparatur { background: #b1c800; color: #fff; padding: 3px 10px; transition: 0.3s; display: block; }
a.reparatur:hover { background: #034991; transition: 0.3s; color: #fff; }

#container-footer { background: #034991; padding: 40px 0; width: 100%; margin-top: 100px; }
#footer { width: 90%; margin: 0 auto; color: #fff; font-size: 16px; }
#footer a { color: #fff; }
#footer a:hover { color: #b1c800; }

.jLdkKz { background: url(../images/search.png) no-repeat scroll 0 0 !important; background-size: 30px 30px !important; padding: 0px !important; height: 30px !important; width: 30px !important; }
.jLdkKz svg { display: none !important; }

#adresse1 { float: left; width: 50%; margin-right: 0px;}
#adresse2 { float: left; width: 50%; margin-right: 0px; margin-bottom: 40px;}
#impressum-infos { float: left; width: 50%;}
#footerlogo { float: left; width: 50%;}
#social { width: auto; float: left; }


blockquote { margin: 25px 0 40px; padding: 33px; border: 3px solid #b1c800; position: relative;}
blockquote::after {content: ''; width: 30px; height: 30px; border-right: 3px solid #b1c800; border-top: 3px solid #b1c800; position: absolute; right: 50%; bottom: -18px; background: #fff; transform: rotate(135deg); }

.anker { margin-top: -60px;}

h1 { margin: 0px 0px 25px 0; font-size: 35px; line-height: 130%; font-weight: 600; color: #034991; text-align: center; letter-spacing: 0.01em; }
h2 { margin: 5px 0px 20px 0px; padding: 0px; font-size: 22px; line-height: 100%; font-weight: 400; color: #034991; text-align: center; }
.gruen { color: #b1c800 !important;  }
h3 { margin: 0; padding: 0px;  line-height: 100%; font-weight: 600; color: #b1c800; font-size: 20px; }
h4 { margin: 0; padding: 0px;  line-height: 140%; font-size: 20px; font-weight: 600; }
h5 { margin: 0; padding: 0px;  line-height: 120%; font-size: 0.8em; font-weight: 400; }

p { margin: 0; }
a { text-decoration: none; outline: none; color: #b1c800;  }
a:hover { text-decoration: none; color: #034991; }
a:focus { text-decoration: none; outline: none; }


#webdesign  { margin-top: -122px; background: #57585a url(../images/webdesign-admotion.png); position: absolute; right: 0px; width: 25px; height: 91px;}
#webdesign p  { margin: 0px; }
#webdesign a  { width: 25px; height: 91px; display: block; }


.clear { line-height: 0; }




.filter a { background:#034991; padding: 5px 10px; margin:0 10px 10px 0; color: #fff; float: left; }
.filter a:hover { background:#b1c800; padding: 5px 10px; margin:0 10px 10px 0; }
.filter a.active { background:#b1c800; padding: 5px 10px; margin:0 10px 10px 0; }


#scrollup {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #034991;
    color: white;
    cursor: pointer;
    width: 30px;
    padding: 6px 2px; font-family: 'Futura';font-size: 1em;line-height: 1;
}
#scrollup:hover { background-color: #b1c800;}



    #reparaturmeldung { float: left; margin: 0px 20px 0px 0px; }
    #phone { float: left; width: 30px; height: 30px; margin: 0px 20px 0px 0px; }
    #mail { float: left; width: 30px; height: 30px; margin: 0px 25px 0px 0px; }
    #suchen { float: left; transition: 0.5s ease-in-out;
    background: url(../images/search.png) no-repeat scroll 0 0 !important;
        background-size: auto;
    background-size: 30px 30px !important;
    padding: 0px !important;
    height: 30px !important;
    width: 30px !important;}



 /* -------  Widgetkit ----------*/
.uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 {
    margin: 0 0 0px 0;
    font-family: "Futura", sans-serif;
    font-weight: 600;
    line-height: 160%; 
    color: #fff;
    text-transform: none;
    font-size: 18px; 
}
.uk-scope address, .uk-scope dl, .uk-scope fieldset, .uk-scope figure, .uk-scope ol, .uk-scope p, .uk-scope pre, .uk-scope ul {
    margin: 0 0 0px 0 !important;}
div .uk-scope .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
    width: 50px !important;
    height: 50px !important;
    padding: 0px 10px !important;
    margin: 15px 0px !important;

}
div .uk-scope .uk-visible-toggle .uk-hidden-hover {
    width: 50px !important;
    height: 50px !important;
    padding: 0px 10px !important;
    margin: 15px 0px !important;
}

.uk-scope .uk-h2, .uk-scope h2 { margin: 5px 0px 10px 0px; padding: 0px; font-size: 25px; line-height: 100%; font-weight: 400; }

div .uk-scope .uk-visible-toggle .uk-hidden-hover svg { width: 50px; height: 50px;}


.uk-scope .uk-h5, .uk-scope h5 { font-size: 0.8em;  line-height: 1.2; }




.uk-scope .uk-subnav > * { flex: none; padding-left: 0px; padding-right: 10px;  position: relative; margin-bottom: 20px;}

.uk-scope .uk-subnav-pill > .uk-active > a {
    background-color: #b1c800;
    color: #fff;
}

.uk-scope .uk-subnav-pill > * > :first-child {
    padding: 5px 10px; background: #034991; text-transform: none; font-size: 1em;
    color: #fff;
}
.uk-scope .uk-subnav-pill > * > a:focus, .uk-scope .uk-subnav-pill > * > a:hover {
    background-color: #b1c800;
    color: #fff;
}


.only-first.uk-grid.uk-grid-stack div.uk-grid-margin.uk-first-column {display: none; }

.uk-scope .uk-overlay-primary {
    background: rgba(3, 74, 145,.8);
}
.uk-scope .uk-lightbox { background: rgba(255,255,255,0.9);}
.uk-scope .uk-lightbox-toolbar { padding: 10px 10px; background: rgba(0,0,0,.0); color: rgba(0,0,0,.7);}
.uk-scope .uk-lightbox-toolbar-icon {color: rgba(0,0,0,.7);}
.uk-scope .uk-lightbox-toolbar-icon:hover {  color: #000;}

.uk-scope .uk-lightbox-button {
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    background: transparent;
    color: rgba(3, 74, 145,.6);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.uk-scope .uk-lightbox-button:focus, .uk-scope .uk-lightbox-button:hover {
    color: #034991;
}


.partner .uk-panel { border: 3px solid #b1c800; }


.referenzen .uk-grid > * { padding-left: 10px; padding-right: 10px;}


.team .uk-card-default {
    background: #034991;
    color: #fff;
    box-shadow: 0 0px 0px rgba(0,0,0,.08);
}
.team img { width: 100%;}

.item-pageprodukte .uk-subnav {display: none;}





.uk-scope .uk-accordion-title { font-size: 18px;line-height: 1.4; color: #034991; padding: 20px 40px 20px 0; border-top: 1px solid #034991; background: url(/images/Produkte/Lamellendaecher/Icons/arrow-open.svg) no-repeat center right; background-size: 25px;}
.uk-scope .uk-open .uk-accordion-title { background: url(/images/Produkte/Lamellendaecher/Icons/arrow-closed.svg) no-repeat center right; background-size: 25px;}
.uk-scope li:last-child .uk-accordion-title { border-bottom: 1px solid #034991;}
.uk-scope .uk-accordion-title::before {display: none;}

.uk-accordion-title:hover {color: #b1c800 !important;}
.uk-accordion > :nth-child(n+2) {margin-top: 0 !important;}
.uk-accordion-content { margin-top: 0px;margin-bottom: 20px;}


 /* -------  Suche Elfsight ----------*/

.Popup__Container-mpgub-0 {border-radius: 0px !important;}
.hfxfyE {  padding: 2px 16px; }




 /* -------  Timeline ----------*/

#jmz-timeline-nav-next span.jmz-icon, #jmz-timeline-nav-prev span.jmz-icon {
    font-size: 24px;
    color: #034991;
}

#jmz-timeline-dates .selected {
    font-size: 28px;
}
#jmz-timeline-nav-next, #jmz-timeline-nav-prev {
    position: absolute;
    top: 32%;
    overflow: hidden;
}



#jmz-timeline-horizontal-wapper {
    overflow: hidden;
    margin: 30px auto;
    position: relative;
    background: url('../images/dot.gif') left 63px repeat-x;
}

#jmz-timeline-dates li {  background: url('../images/biggerdot.png') center bottom no-repeat; }
#jmz-timeline-dates a { transition: 0.2s;}
#jmz-timeline-dates a:hover, #jmz-timeline-dates a:active, #jmz-timeline-dates a:focus {
    color: #fff !important; transition: 0.2s;
}
#jmz-timeline-nav-next:hover span.jmz-icon, #jmz-timeline-nav-prev:hover span.jmz-icon {
    color: #fff;
}



#jmz-timeline-dates { margin-left: 50px; }
ul#jmz-timeline-issues { padding-left:0px; }
#jmz-timeline-issues li {width:250px; text-align: left;}
.jmz-content { text-align: left; }



/* RS FORM */
.form-control {border-radius: 0 !important;}
.btn {background: #034991; border-radius: 0 !important; border: 0px !important; }
.rsform-submit-button {font-size: 22px;}






 /* ------- PopUp ---------- */

.wf-mediabox-content-item iframe { display: none; }
.wf-mediabox-caption { display: none; }
.wf-mediabox-content .btn{ background: #b1c800; color: #fff; padding: 10px 20px; }
.wf-mediabox-container {
    background-color: #034991;
    border-radius: 0;
    padding: 20px;
}
.wf-mediabox-numbers *, [class^="wf-mediabox"] {  color: #fff;  font-family: 'Futura', sans-serif;}
.wf-mediabox-nav {
    background-color: #034991;
    padding: 1em;
}
.wf-mediabox-close > svg { fill: #fff !important;}
.wf-mediabox-close:hover > svg { fill: #b1c800 !important;}

.wf-mediabox-content .formValidation {display: none;}
.wf-mediabox-content .form-control {  border-radius: 0 !important;  width: 100%; box-sizing: border-box; font-family: 'Futura'; font-size: 1em; border: 0; margin-bottom: 10px; padding: 10px;}




 /* ------- RESPONSIVE ---------- */
 /* ------------------------------------------------------------------ */


@media(min-width:550px){

#infos { float: right; margin: 10px 0px 0 0; }
}
@media(min-width:660px){

#infos { float: right; margin: 10px 30px 0 0; }
#logo { margin: 0; }
}


@media(min-width:768px){
    
   #infos { float: right; margin: 10px 120px 0 0;  }

    .bfQuickMode fieldset.bfInline {  width: 90%; }
    
    #adresse section:nth-of-type(odd) { width: 47% !important; float: left;}
    #adresse section:nth-of-type(even) { width: 47% !important; float: right;}
    
    .maskottchen { position: absolute; right: 5px; top: -75px; width: 100px;}
    #jmz-timeline-nav-next, #jmz-timeline-nav-prev { top: 69%;}
    
    #row1 { width: 100%; margin: 0 0 20px 0;}
    #row2 { width: 50%; margin: 0 0 0px 0; }

    #logo { transition: 0.5s; float: left; margin-right: 20px; }
    #reparaturmeldung { float: left; margin: 0px 20px 0px 0px; }
    #phone { float: left; width: 30px; height: 30px; margin: 0px 20px 0px 0px; }
    #mail { float: left; width: 30px; height: 30px; margin: 0px 25px 0px 0px; }
    #suchen { float: left; transition: 0.5s ease-in-out;}
    
    #jmz-timeline-issues li {width:650px; text-align: left;}
.jmz-content { text-align: left; }
ul#jmz-timeline-issues {
    padding-left: 30px;
}
 

}


@media(min-width:1050px){
 #desktop { display: block; }
#mobile { display: none; }

#left { width: 48%; float: left; margin-right: 4%; }
#right { width: 48%; float: left;margin-top: 0; }
    
    body { font-size: 18px;}
    h1 { font-size: 40px;}
    h2 { font-size: 30px;}
    .uk-scope .uk-h2, .uk-scope h2 {font-size: 30px; }


    h4 { font-size: 25px;}
    
    blockquote::after {content: ''; width: 30px; height: 30px; border-right: 3px solid #b1c800; border-top: 3px solid #b1c800; position: absolute; right: -18px; bottom: 70%; background: #fff; transform: rotate(45deg); }
    
    #row1 { width: 66%; margin: 0; float: left;}
    #row2 { width: 31%; margin: 0 0 0px 0; float: right;}

    .schmal { width: 16% !important; }
    .breit { width: 81% !important; }

    ul.listanker { padding: 0; margin: 10px 0 20px; display: flex; justify-content: center; flex-wrap: wrap;}
    ul.listanker li:first-child { border-left: 0px solid #034991;}
    ul.listanker li { margin: 0;}

    .uk-switcher.uk-text-left.uk-margin-top { padding-top: 300px !important;}

    .features-switcher ul.uk-tab { position: absolute; width: 100%; left: 0; box-sizing: border-box; padding: 0px 0px; background: #efeded;border:0px; display: flex;}

    .features-switcher ul.uk-tab li a {border:0px !important; padding: 200px 10px 30px; font-size: 18px; color: #034991; text-transform: none; transition: 0.2s;text-align: center;}
    .features-switcher ul.uk-tab li.uk-active {background: #fafafa;}
    .features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active {background: #efeded;}
    .features-switcher ul.uk-tab li.uk-active a {font-size: 22px; color: #034991;}
    .features-switcher ul.uk-tab li:hover a {font-size: 22px; color: #034991;}

    .features-switcher ul.uk-tab li:nth-child(1) a {background: url(/images/Produkte/Lamellendaecher/Icons/schatten-schutz.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li:nth-child(1):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/schatten-schutz.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li.uk-active:nth-child(1) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/schatten-schutz.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li:nth-child(2) a {background: url(/images/Produkte/Lamellendaecher/Icons/beleuchtung.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li:nth-child(2):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/beleuchtung.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li.uk-active:nth-child(2) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/beleuchtung.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li:nth-child(3) a {background: url(/images/Produkte/Lamellendaecher/Icons/material.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li:nth-child(3):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/material.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li.uk-active:nth-child(3) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/material.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li:nth-child(4) a {background: url(/images/Produkte/Lamellendaecher/Icons/stoffe-farben.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li:nth-child(4):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/stoffe-farben.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li.uk-active:nth-child(4) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/stoffe-farben.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li:nth-child(5) a {background: url(/images/Produkte/Lamellendaecher/Icons/steuerung.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li:nth-child(5):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/steuerung.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li.uk-active:nth-child(5) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/steuerung.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li:nth-child(6) a {background: url(/images/Produkte/Lamellendaecher/Icons/wasserablauf.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li:nth-child(6):hover a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/wasserablauf.png) no-repeat top 30px center; background-size: 120px;}
    .features-switcher ul.uk-tab li.uk-active:nth-child(6) a {background: url(/images/Produkte/Lamellendaecher/Icons/hvr/wasserablauf.png) no-repeat top 30px center; background-size: 120px;}

    .uk-scope .uk-accordion-title { font-size: 22px; background: url(/images/Produkte/Lamellendaecher/Icons/arrow-open.svg) no-repeat center right; background-size: 45px;}
    .uk-scope .uk-open .uk-accordion-title { background: url(/images/Produkte/Lamellendaecher/Icons/arrow-closed.svg) no-repeat center right; background-size: 45px;}
    
    
    
    .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(1) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_uvbestaendig.svg) no-repeat top 30px center; background-size: 120px;}
   /* .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(1):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_uvbestaendig.svg) no-repeat top 30px center; background-size: 120px;}
    .features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(1) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_uvbestaendig.svg) no-repeat top 30px center; background-size: 120px;}
*/
    .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(2) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_wetterfest.svg) no-repeat top 30px center; background-size: 120px;}
   /* .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(2):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_wetterfest.svg) no-repeat top 30px center; background-size: 120px;}
    .features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(2) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_wetterfest.svg) no-repeat top 30px center; background-size: 120px;}
*/
    .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(3) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_durchsicht.svg) no-repeat top 30px center; background-size: 120px;}
  /*  .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(3):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_durchsicht.svg) no-repeat top 30px center; background-size: 120px;}
    .features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(3) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_durchsicht.svg) no-repeat top 30px center; background-size: 120px;}
*/
    .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(4) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_nachhaltig.svg) no-repeat top 30px center; background-size: 120px;}
 /*   .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(4):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_nachhaltig.svg) no-repeat top 30px center; background-size: 120px;}
    .features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(4) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_nachhaltig.svg) no-repeat top 30px center; background-size: 120px;}
*/
    .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(5) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_blendschutz.svg) no-repeat top 30px center; background-size: 120px;}
/*    .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(5):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_blendschutz.svg) no-repeat top 30px center; background-size: 120px;}
    .features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(5) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_blendschutz.svg) no-repeat top 30px center; background-size: 120px;}
*/
    .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(6) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_sichtschutz.svg) no-repeat top 30px center; background-size: 120px;}
/*    .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(6):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_sichtschutz.svg) no-repeat top 30px center; background-size: 120px;}
    .features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(6) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_sichtschutz.svg) no-repeat top 30px center; background-size: 120px;}
*/
    .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(7) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/arondo_brandschutz.svg) no-repeat top 30px center; background-size: 120px;}
 /*   .features-switcher.sonnenstorenswitcher ul.uk-tab li:nth-child(7):hover a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_brandschutz.svg) no-repeat top 30px center; background-size: 120px;}
    .features-switcher.sonnenstorenswitcher ul.uk-tab li.uk-active:nth-child(7) a {background: url(/images/Sonnenstoren-Landingpage/Sonnenstoren-Icons/hvr/arondo_brandschutz.svg) no-repeat top 30px center; background-size: 120px;}
*/
    
    
}



@media(min-width:1250px){

    h1 { font-size: 60px;}
    h2 { font-size: 35px;}
    h3 { font-size: 22px;}
    .uk-scope .uk-h2, .uk-scope h2 { font-size: 35px; }

    .blog-item { padding: 0 0 80px; }
    #inhalt { width: 1200px; margin: 100px auto 0; }
    #header { width: 1200px; margin: 0 auto; }
    #footer { width: 1200px; margin: 0 auto; }

    .infos { margin-top: 3px !important; }
    
    
    .box-left { float: left; width: 50%; }
    .box-right { float: left; width: 50%; text-align: right; }
    .box-right img { width: 300px; }
    
    .maskottchen { position: absolute; right: -35px; top: -120px; width: 150px;}
    
    #adresse1 { float: left; width: 20%; margin-right: 20px;}
    #adresse2 { float: left; width: 20%; margin-right: 20px; margin-bottom: 0;}
    #impressum-infos { float: left; width: 20%;}
    #footerlogo { float: left; width: 20%;}
    #social { width: auto; float: right; }
    #back_to_top.bottom .cd-top { bottom: 45px !important; transition: 0.2s; }
    
    #jmz-timeline-issues li { width: 1125px;}
    .jmz-content { text-align: center; }

    #jobcta { position: absolute; bottom: 10px; right: 40px; left: auto; top: auto; }
    #jobcta .cta-text {padding: 0px; width: 270px; line-height: 120%;float: left;}
    #cta { position: absolute; bottom: 40px; right: 40px; left: auto; top: auto; }
    .cta-img { width: 200px; float: left;margin: -40px -25px 0 0px;z-index: 111;position: relative;}
    .cta-img-2 { width: 200px; float: left;margin: -150px -80px 0 0px;z-index: 110;position: relative; transform: translateX(100%); animation: popup 1s ease-out;}
    .cta-text {/*-moz-transform: skew(-10deg, 0deg);-webkit-transform: skew(-10deg, 0deg);-o-transform: skew(-10deg, 0deg);-ms-transform: skew(-10deg, 0deg);transform: skew(-10deg, 0deg); */ background: #b1c800; padding: 20px 30px; font-weight: 700;font-size: 2em; width: 270px; line-height: 120%;float: left;}
     
@keyframes popup {
    0% {transform: translateX(100%) translateY(48%);}
    30% {transform: translateX(100%) translateY(48%);}
    100% {transform: translateX(100%) translateY(0%;}
}

    .cta-text h5 { font-weight: 700; font-size: 28px; line-height: 1.4; margin: 0;}
    .cta-text h6 { font-weight: 300; font-size: 19px; line-height: 1.4; margin: 0;}
    
    .features-switcher h3 { font-size: 60px !important; }
    #features-bg { background: #fafafa;margin-left: calc(-100vw / 2 + 1220px / 2);  margin-right: calc(-100vw / 2 + 1220px / 2); padding-bottom: 80px;}
    #features-bg .uk-scope {  width: 1200px; margin: 0 auto; }
    .features-switcher.sonnenstorenswitcher .uk-switcher.uk-text-left.uk-margin-top { padding-top: 181px !important;}

}




@media(min-width:1550px){
    
    nav { margin: 0px 100px 0px 0px; } 
    

    
}