/* Template for Ervotech AG © admotion*/


html 
{
   height:			100%;
}


body
{
   height:			100%;
   margin:			0px;
   padding:			0px;
   font-family:     'Montserrat', sans-serif;
   font-weight:		400;
   font-size:		16px;
   color:			#000000;
   line-height:		170%;
   letter-spacing:	0.06em;

    min-height: 100vh;
	display: grid;
	grid-template-rows: auto auto 1fr auto;
}


#system-message { margin: 0px; }
img { height: auto; max-width: 100%; vertical-align: middle; border: 0px; }


#container-header { background: #000000; padding: 30px 0px 0px 0px; border-bottom: 5px solid #ff0000; }
#header-inhalt { margin: 0px; position: relative; }


#logo { width: 250px; margin: 0px 0px 30px 20px; }
#menu { display: none; }
#menu-small { }

#container-submenu { background: #444444; padding: 10px 0px; }
#submenu { margin: 0px 20px; }

#icons { margin: 0px 0px 15px 20px; }
#warenkorb-icon { width: 26px; height: 25px; float: left; background: url(../images/warenkorb.png) no-repeat scroll 0 0; background-size: 26px 25px; margin: 0px; }
#telephone { width: 25px; float: left; padding: 0px 0px 0px 0px; margin: 0px 25px 0px 0px; }
#mail { width: 27px; float: left; padding: 0px 0px 0px 0px; margin: 0px 20px 0px 0px; }

.warenkorb-text { font-size: 0; }
#jshop_module_cart { position: relative; }
#jshop_quantity_products { background: #e1e1e1; position: absolute; width: 18px; top: -10px; right: -10px; height: 15px; border-radius: 8px;  text-align: center; color: #000000; font-size: 11px; padding: 3px 0px 14px 1px; line-height: 100%; }

form { margin: 0px; }
input, button, select, textarea { font-family: 'Montserrat', sans-serif; }
input[type="search"] { color: #ffffff; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; }
input.search-query { border-radius: 0px; background: #1e1e1e; border: 1px solid #666666; width: 120px; }
.phrases { display: none; }
.only { display: none; }

.blog-item { border: 1px solid #000000; padding: 30px 30px 0px 30px; box-sizing: border-box; margin: 0px 0px 20px 0px; }
#text li { line-height: 170%; }

#text ul { margin: 0px; padding: 0px; }
#text li { margin: 0px; padding: 0px 0px 0px 25px; list-style: none; background: url(../images/aufzaehlung.jpg) no-repeat scroll 0 12px; background-size: 12px 1px; }


.uk-scope .uk-accordion > :nth-child(n+2) { margin-top: 0px; }
.uk-scope .uk-accordion-title::before { background: none; }
.uk-accordion li a { background: url(../images/plus.png) no-repeat scroll right center; background-size: 15px 15px; }
.uk-scope .uk-accordion-title { padding: 15px 0px; }
.uk-open a { color: #000000 !important; }
.uk-accordion li:hover a { color: #000000 !important; }
.uk-accordion li.uk-open a { background: url(../images/minus.png) no-repeat scroll right center; background-size: 15px 2px; }
.uk-accordion li { background: none !important; padding: 0px !important; }


.button { border: 2px solid #ff0000 !important; color: #ff0000; padding: 10px 30px; font-weight: 600; font-size: 17px; display: inline-block; text-transform: uppercase; letter-spacing: 0.07em; margin: 20px 20px 30px 0px; -webkit-transition: background-color .3s ease-out; -moz-transition: background-color .3s ease-out; -o-transition: background-color .3s ease-out; transition: background-color .3s ease-out; }
.button:hover { background: #ff0000; color: #ffffff !important; }

.readmore a { border: 2px solid #ff0000 !important; color: #ff0000; padding: 10px 30px; font-weight: 600; font-size: 17px; display: inline-block; text-transform: uppercase; letter-spacing: 0.07em; margin: 20px 20px 30px 0px; -webkit-transition: background-color .3s ease-out; -moz-transition: background-color .3s ease-out; -o-transition: background-color .3s ease-out; transition: background-color .3s ease-out; }
.readmore a:hover { background: #ff0000; color: #ffffff !important; }


.pagination { flex-wrap: wrap; }
.pagination li { float: left; padding: 0px 15px 0px 0px !important; }
.active > .page-link, .page-link.active { background: #bebebe; }

#showbox { position: relative; }

#content { background: rgb(255,255,255,.9); margin: 20px; }
#text a { color: #ff0000; border-bottom: 1px solid #ff0000; }

.kontakt-right { padding: 15px 0px 0px 0px; }

.referenzen ul { margin: 0px; padding: 0px; }
.referenzen li { list-style: none; margin: 0px 20px 20px 0px !important; list-style: none; padding: 0 !important; background: none;}
.referenzen img { border: 1px solid #c5c5c7; }

#teaser { }
#teaser p { margin: 0px; }
#teaser a { background: #ff0000; display: block; color: #ffffff; transition: .3s ease-out; padding: 10px 0px; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 600; font-size: 17px; border-top: 1px solid #ffffff; }
#teaser a:hover { background: #ffffff; color: #000000; }
#teaser1 { text-align: center; }
#teaser2 { text-align: center; }
#teaser-3 { text-align: center; display: block;}


#container-footer { background: #000000; }
#footer { margin: 0px 20px; color: #ffffff; padding: 20px 0px 10px 0px; }

#footer a { color: #ffffff; border-bottom: 1px solid #ffffff; }

#footer ul { margin: 0px; padding: 0px; }
#footer li { margin: 0px; padding: 0px; list-style: none; line-height: 160%; }

#adresse { margin: 0px 0px 20px 0px; }


.responsiveContainer { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; }
.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.uk-scope .uk-lightbox { background: rgb(0,0,0,.8); }
.uk-scope .uk-lightbox-button { background: #ffffff; }

h1 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 30px; line-height: 130%; font-weight: 600; text-transform: uppercase; letter-spacing: 0.07em; color: #ff0000; }
h2 { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 22px; line-height: 130%; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 500; }
h3 { margin: 0px 0px 10px 0px; padding: 20px 0px 0px 0px; font-size: 18px; line-height: 140%; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 500; }

.impressum h2 { margin: 0px 0px 10px 0px; padding: 15px 0px 0px 0px; }

p { margin: 0px 0px 10px 0px; }


a { text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; outline: none; }


.clear { line-height: 0; }



div.sigplus-gallery ul>li>img,div.sigplus-gallery ul > li > a > img { margin: 0px 0px 5% 0px !important; width: 95%; }
div.sigplus-gallery > ul > li { width: 50%; margin: 0px; }
.sigplus-gallery a { border: 0px !important; }
.uk-inline-clip a { border: 0px !important; }


/* Cookies */

.cookies h3 { padding: 10px 0px 0px 0px; }

#cookiesck { padding: 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); z-index: 9999; bottom: 40px; background: #ffffff; right: auto; width: 400px; left: 40px; bottom: 40px; }
#cookiesck_text { padding: 0px 0px 20px 0px; }
#cookiesck_accept { font-weight: 500; }
#cookiesck_decline { font-weight: 500; }
#cookiesck_settings { font-weight: 500; }
#cookiesck > .inner { text-align: left; }

.cookiesck-main .cookiesck-decline:hover, .cookiesck-main .cookiesck-decline.cookiesck-active { border: 2px solid #ff0000; color: #000000; }
.cookiesck-main .cookiesck_button, .cookiesck-main-buttons .cookiesck-button { border-radius: 0px; font-weight: 500; }
#cookiesck_interface { margin: 0px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); border: 0px; right: auto; top: auto; width: 800px; left: 40px; bottom: 40px; }

.cookiesck-platform .cookiesck-accept { border: 2px solid #ff0000; background: none; color: #000000; }
.cookiesck-platform .cookiesck-main .cookiesck-decline .cookiesck-active { background: #e5e5e5; border: 2px solid #ddd; color: #666666; }

.cookiesck-main .cookiesck-decline.cookiesck-active { background: #e5e5e5; border: 2px solid #ddd; color: #666666; }
.cookiesck-main .cookiesck-accept { border: 2px solid #ff0000; background: none; color: #000000; }

.cookiesck-main-desc { font-size: 16px; padding: 0px 20px 20px 20px; }
.cookiesck-main-title { text-align: left; font-size: 22px; line-height: 120%; font-weight: 700; letter-spacing: 0em; }
.cookiesck-main-buttons { justify-content: left; padding: 0px 0px 10px 20px;  }

.cookiesck-category-name { font-size: 16px; line-height: 140%; font-weight: 600; letter-spacing: 0em; }

.cookiesck-main-close { padding: 4px 12px 6px 12px; background: #000000; color: #ffffff; }
.cookiesck-category-desc { display: none; }
.cookiesck-main .cookiesck-decline:hover { border: 2px solid #000000; }
#cookiesck_text { font-size: 16px; line-height: 160%; }
#cookiesck_options { width: 30px; height: 30px; border-radius: 50%; margin: 15px; }
#cookiesck_settings { border: 0px; padding: 10px 0px 0px 0px; }
#cookiesck_settings:hover { padding: 10px 0px 0px 0px; }
.cookiesck-platform-name { font-size: 16px; }




#button { text-transform: uppercase; letter-spacing: 0.07em; font-weight: 600; font-size: 17px; background: #ff0000; text-align: center; padding: 10px 0px 15px 0px; }
#button a { color: #ffffff; display: block; }
#button p { margin: 0px; }




/* NEWSLETTER FORMULAR */

.cr_form-input { width: 100% !important;}
.cr_button { margin: 40px 0 !important;}
.wrapper, .cr_page { margin: 0 !important;text-align: left; }
.cr_body {padding-top: 15px; }


@media(min-width:500px)
{
    #logo { margin: 0px 0px 30px 40px; }
    #telephone { width: 25px; float: left; padding: 0px 0px 0px 0px; margin: 0px 25px 0px 0px; }
    #mail { width: 27px; float: left; padding: 0px; margin: 0px 20px 0px 0px; }
    
    #icons { margin: 0px 0px 15px 40px; }
    #content { margin: 40px; }
    .referenzen li { float: left; width: 48.5%; margin: 0px 3% 3% 0px !important; }
    #warenkorb-icon { right: 70px; top: 2px; }
    
    .blog-item { margin: 0px 0px 30px 0px; }
    
    #teaser { margin: 0px 40px; }
    
    #footer { margin: 0px 40px; }
}



@media(min-width:700px)
{
    #container-header { padding: 40px 0px 0px 0px; }
    #header-inhalt { width: 600px; margin: 0px auto; }
    #logo { margin: 0px 0px 30px 0px; }
    #icons { position: absolute; right: 0; top: 0; margin: 0px; }
    
    
    #submenu { width: 600px; margin: 0px auto; }

    #search { float: right; margin: 2px 0px 0px 20px; }
    
    #content { width: 600px; margin: 50px auto; }
    .home-left { margin: 0px 0px 20px 0px; }
    .referenzen li { width: 168px; margin: 0px 18px 18px 0px !important; }


    #teaser { width: 600px; margin: 0px auto 30px; }
    
    #footer { width: 600px; margin: 0px auto; }
    
    h1 { font-size: 35px; }

    div.sigplus-gallery > ul > li { width: 33.333%; margin: 0px; }

}



@media(min-width:900px)
{
    #container-header { padding: 50px 0px 0px 0px; }
    #header-inhalt { width: 800px; }
    
    #icons { margin: 0px 0px 0px 40px; }
    #telephone { padding: 0px 0px 0px 0px; }
    #warenkorb-icon { margin: 2px 0px 0px 0px; }
    
    #submenu { width: 800px; }

    #content { width: 800px; }

    .kontakt-left { float: left; width: 400px; margin: 0px 40px 0px 0px; }
    .kontakt-right { padding: 5px 0px 0px 0px; float: left; }

    .home-left { float: left; width: 48%; padding: 14px 0px 0px 0px; margin: 0px; }
    .home-right { float: right; width: 48%; }

    .referenzen li { width: 173px; margin: 0px 16px 16px 0px !important; }

    #teaser { width: 800px; position: absolute; left: 50%; margin: 0px 0px 0px -400px; bottom: 25px; display: flex; gap: 10px; justify-content: space-between;}
    #teaser a { padding: 20px; border: 0px; }

    
    #footer { width: 800px; }


	#button { position: absolute; right: 50px; top: 50px; width: 140px; height: 140px; border-radius: 50%; z-index: 9999; display: flex; justify-content: center; align-content: center; align-items: center; box-sizing: border-box; transition: .3s ease-out; }
	#button:hover { transform: rotate(10deg); width: 150px; height: 150px; }
}



@media(min-width:1200px)
{
    #logo { width: 340px; }
    #header-inhalt { width: 1100px; }
    #submenu { width: 1100px; }
    #content { width: 1100px; }

    .blog-items { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 30px; }
    .blog-item { margin: 0px; }

    
    .kontakt-left { width: 500px; }
    .referenzen li { width: 223px; }

    #teaser { width: 1100px; margin: 0px 0px 0px -550px; }
    #teaser a { min-height: 0px; }
    #teaser1 { width: 33%; }
    #teaser2 { width: 33%; }
    #teaser-3 { width: 33%; }

    
    #footer { width: 1100px; padding: 23px 0px 23px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; }
    #footer ul { display: flex; flex-wrap: wrap; }
    #footer li { padding: 0px 15px 0px 15px; background: url(../images/list.jpg) no-repeat scroll 0 5px; background-size: 1px 12px; }
    #footer li:first-child { background: none; padding: 0px 15px 0px 0px; }

    #adresse { margin: 0px; }
    
    div.sigplus-gallery > ul > li { width: 20%; margin: 0px; }	
}



@media(min-width:1500px)
{
    #header-inhalt { width: 1400px; }

    #logo { float: left; }
    #menu { display: block; float: right; margin: 23px 0px 0px 0px; }
    #menu-small { display: none; }
    #icons { float: right; margin: 0px 0px 0px 40px; position: static; }
    #telephone { padding: 20px 0px 0px 0px; }
    #warenkorb-icon { margin: 22px 0px 0px 0px; }
    #mail { padding: 20px 0px 0px 0px; }

    
    
    #submenu { width: 1400px; }
    #content { width: 1400px; }

    .button { padding: 10px 40px; }
    .readmore a { padding: 10px 40px; }
    
    #teaser { width: 1400px; margin: 0px 0px 0px -700px; }

    
    .referenzen li { width: 191px; margin: 0px 18px 18px 0px !important; }

    
    #footer { width: 1400px; }
}