/* Template for Hegner Kanalreinigung © admotion */


html 
{
   height:			100%;
}


body
{
    height:         100%;
    margin:			0px;
    padding:		0px;
    font-family:	'Alexandria';
    font-weight:	300;
    font-size:		17px;
    line-height:	170%;
    letter-spacing:	0.03em;
    color:          #878888;
}



body { background: url(../images/kreise.svg) no-repeat scroll center top 500px; background-size: 500px 892px; }



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

header { border-top: 10px solid #a9c937; position: fixed; width: 100%; background: #ffffff; z-index: 9999; }
#header { padding: 30px 20px 0px 20px; }
#logo { width: 210px; }
#kopfzeile { display: none; }
#mailadresse { display: none; }
#telefonnummer { font-weight: 400; font-size: 19px; margin: 20px 0px 0px 0px; }
#telefonnummer a { color: #878888; }
#telefonnummer p { margin: 0px; }

.items-more { display: none; }

#icons { margin: 2px 0px 0px 0px; position: absolute; right: 20px; top: 25px; }
#phone { float: left; cursor: pointer; width: 50px; height: 50px; background: #878888 url(../images/phone.svg) no-repeat scroll center center; background-size: 25px 27px; margin: 0px 15px 0px 0px; transition: .3s ease-out; }
#mail { float: left; cursor: pointer; width: 50px; height: 50px; background: #878888 url(../images/email.svg) no-repeat scroll center center; background-size: 25px 18px; transition: .3s ease-out; }


#phone:hover { background-color: #a9c937; }
#mail:hover { background-color: #a9c937; }

#menu { padding: 20px 0px 0px 0px; }
#showbox { padding: 150px 0px 0px 0px; position: relative; }
#titelbild p { margin: 0px; }

#stoerrer { color: #ffffff; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; font-size: 17px; text-align: center; background: #00A1E5 url(../images/stempel.png) no-repeat scroll right center; padding: 10px; margin: 20px 20px 0px 20px; text-shadow: 1px 1px 1px #147097; }
#stoerrer a { color: #ffffff; background: #00A1E5 url(../images/stempel.png) no-repeat scroll left center; padding: 15px 20px 15px 20px; transition: .3s ease-out; display: block; border: 5px solid #ffffff; box-sizing: border-box; }
#stoerrer p { margin: 0px; }

.items-leading .item-content { width: auto; }
.items-leading .blog-item { padding: 0px !important; }
.items-leading { display: none; }

.downloads { margin: 0px; padding: 0px; }
.downloads li { margin: 0px; padding: 10px 0px 10px 40px !important; list-style: none; border-bottom: 1px solid #bebebe; background: url(../images/pdf.png) no-repeat scroll left center !important; background-size: 24px 30px !important; }

.avPlayerWrapper .avPlayerContainer .avPlayerBlock { padding: 61% 0 0 0 !important; }

#content { padding: 30px 20px; position: relative; }
#text a { color: #a9c937; font-weight: 400; }

#text ul { margin: 0px 0px 10px 0px; padding: 0px; }
#text li { margin: 0px; padding: 0px 0px 0px 25px; line-height: 170%; list-style: none; background: url(../images/list.png) no-repeat scroll 5px 10px; background-size: 8px 8px; }


.inhalt-left h2:first-child { padding: 0px; }
.inhalt-right h3:first-child { padding: 10px 0px 0px 0px; }

#submenu { margin: 40px 0px 0px 0px; }

.kontaktformular { background: #eceff1; padding: 30px 30px 10px 30px; }
.col-form-label { display: none; }
.col-sm-9 { width: 100%; }
.form-control { border: 0px; border-radius: 0px; border-top: 2px solid #a9c937; padding: 15px 10px; font-weight: 300; }
.form-control::placeholder { color: #a9a9a9; opacity: 1; }
.form-control:-ms-input-placeholder { color: #a9a9a9; }
.form-control::-ms-input-placeholder { color: #a9a9a9; }
.btn-primary { background: #a9c937; border-radius: 0px; display: block; border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.08em; transition: .3s ease-out; padding: 15px 0px; width: 100%; }

.formular { margin: 50px 0px 0px 0px; }
.kontaktformular-left { width: 35%; }
.kontaktformular { width: 65% !important; }


.anwendung img { width: 13px; }
.anwendung { margin: 0px 0px 20px 0px; font-size: 11px; line-height: 130%; }

figure { margin: 0px; padding: 0px; }
.blog-item { border-bottom: 1px solid #a9c937; padding: 40px 0px 30px 0px; }
.blog-item:last-child { border-bottom: 0px; padding: 40px 0px 0px 0px; }
.caption_link { margin: 0px 0px 20px 0px; }

.category-desc { border-bottom: 1px solid #a9c937; padding: 0px 0px 20px 0px; }


.is_timeline_vt4 .timeline-content { border-radius: 0px; }
.timeline_128.is_timeline_vt4 .timeline-content { padding: 20px 0px 10px 0px !important; }
.timeline_128.is_timeline_vt4 .timeline-content h2 { margin: 0px 0px 10px 20px !important; padding: 0px !important; }
.timeline_128.is_timeline_vt4 .timeline_dot_square .timeline-img { width: 20px; height: 20px; margin-left: -10px; }



.lead { font-weight: 500; font-size: 20px; }

footer { background: #a9c937; color: #ffffff; }
footer a { color: #ffffff; }

#footer { padding: 30px 20px; }
#footerlogo { width: 210px; margin: 0px 0px 20px 0px; }
#adresse { margin: 0px 0px 30px 0px; }

#sitemap ul { margin: 0px; padding: 0px; border-top: 0px solid #ffffff; }
#sitemap li { margin: 0px; padding: 0px; list-style: none; line-height: 170%; }

#container-copyright { background: #78921f; color: #a9c937; }
#copyright { padding: 10px 20px; }
#copyright-left { margin: 0px 0px 10px 0px; }

#copyright p { margin: 0px; opacity: .8; }
#copyright a { color: #a9c937; transition: .3s ease-out; }
#copyright a:hover { color: #ffffff; }



.back-to-top { font-size: 0; background: url(../images/totop.png) no-repeat scroll 0 0; background-size: 30px 19px; width: 30px; height: 19px; bottom: 20px; right: 15px; position: fixed; left: 50%; margin: 0px 0px 0px -15px; z-index: 9999; }


.eapps-facebook-feed-inner { border-radius: 0px !important; border: 0px !important; background: #eceff1 !important; }
.eapps-facebook-feed-posts-inner { border: 0px !important; }



h1 { margin: 0px 0px 30px 0px; padding: 0px; font-size: 32px; line-height: 120%; font-weight: 700; letter-spacing: 0.08em; color: #a9c937; text-transform: uppercase; } 
h2 { margin: 0px 0px 20px 0px; padding: 20px 0px 0px 0px; font-size: 24px; line-height: 120%; font-weight: 600; letter-spacing: 0.04em; } 
h3 { margin: 0px 0px 30px 0px; padding: 20px 0px 0px 0px; font-size: 20px; line-height: 120%; font-weight: 600; letter-spacing: 0.04em; } 
h4 { margin: 0px 0px 30px 0px; padding: 0px; font-size: 28px; line-height: 120%; font-weight: 700; letter-spacing: 0.08em; color: #a9c937; text-transform: uppercase; } 


h1 + h2 { padding: 0px; } 


#impressum h3 { margin: 0px 0px 10px 0px; padding: 20px 0px 0px 0px; }
#impressum h3:first-child { padding: 0px; }

#datenschutz h3 { margin: 0px 0px 10px 0px; padding: 20px 0px 0px 0px; }

.button { background: #878888; padding: 18px 30px 15px 30px; color: #ffffff !important; text-transform: uppercase; font-weight: 400; font-size: 16px; letter-spacing: 0.08em; display: inline-block; margin: 20px 0px 0px 0px; transition: .3s ease-out; }
.link { color: #a9c937 !important; text-transform: uppercase; font-weight: 600; font-size: 16px; letter-spacing: 0.08em; background: url(../images/link.png) no-repeat scroll 0 3px; background-size: 7px 12px; padding: 0px 0px 0px 20px; }

.readmore a { background: #878888; padding: 18px 30px 15px 30px; color: #ffffff !important; text-transform: uppercase; font-weight: 500; font-size: 16px; letter-spacing: 0.1em; display: inline-block; margin: 20px 0px 0px 0px; transition: .3s ease-out; }

.button:hover { background: #00A1E5; }
.readmore a:hover { background: #00A1E5; }



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


p { margin: 0px 0px 10px 0px; }
strong { font-weight: 700; }

.clear { line-height: 0; }

table { margin: 0px 0px 10px 0px; width: 100%; }
td { border-bottom: 1px solid #a9c937; padding: 10px 0px 10px 0px; }


.googlemap { margin: 80px 0px 0px 0px; }
.responsiveContainer { position: relative; padding-bottom: 46%; height: 0; overflow: hidden; }
.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.uk-scope .uk-h3, .uk-scope h3 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 20px; line-height: 120%; font-weight: 600; letter-spacing: 0.04em; font-family: 'Alexandria'; color: #878888; }
.uk-scope p { margin: 0px 0px 10px 0px; }
.uk-scope * + .uk-margin { margin-top: 0px !important; }


.uk-accordion li { border-bottom: 1px solid #bebebe; padding: 15px 0px !important; background: none !important; }
.uk-scope .uk-accordion-title::before { background: url(../images/plus.png) no-repeat scroll right top 5px; background-size: 18px 18px; }
.uk-scope .uk-open .uk-accordion-title::before { background: url(../images/minus.png) no-repeat scroll right top 5px; background-size: 18px 18px; }



.homezufall { margin: 50px 0px 0px 0px; }
.homezufall .uk-grid { border-bottom: 1px solid #a9c937; }
.homezufall .uk-grid:last-child { border-bottom: 0px solid #a9c937; }

.uk-scope .homezufall .uk-padding { padding: 0px; }

.uk-scope .homezufall .uk-grid { margin-left: 0px !important; padding: 0px 0px 50px 0px !important; }
.uk-scope .homezufall .uk-grid > * { padding-left: 0px !important; }


.uk-scope .homezufall .uk-grid:last-child { padding: 50px 0px 0px 0px !important; }

.homezufall .uk-button { background: #878888; padding: 18px 30px 15px 30px; color: #ffffff !important; text-transform: uppercase; font-weight: 400; font-size: 16px; letter-spacing: 0.08em; display: inline-block; margin: 20px 0px 0px 0px; transition: .3s ease-out; line-height: 170%; border: 0px; }

.uk-scope h2 { margin: 0px 0px 20px 0px; padding: 20px 0px 0px 0px; font-size: 24px; line-height: 120%; font-weight: 600; letter-spacing: 0.04em; font-family: 'Alexandria'; color: #878888; }
.uk-scope .homezufall .uk-grid + .uk-grid { padding: 50px 0px !important; }
.uk-scope .homezufall .uk-grid + .uk-grid { margin: 0px !important; }

.uk-scope .homezufall .uk-grid + .uk-grid:last-child { padding: 50px 0px 0px 0px !important; }

.uk-scope .homezufall .uk-width-1-2\@m { width: 100%; }



.uk-scope h5 { font-family: 'Alexandria'; font-weight: 300; font-size: 17px; line-height: 170%; letter-spacing: 0.03em; }



/* 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: 0px; background: #ffffff; right: 0px; left: 0px; padding: 20px 20px 20px 20px; }
#cookiesck_text { padding: 0px 0px 20px 0px; text-align: left; }
#cookiesck_accept { text-transform: uppercase; font-weight: 400; font-size: 16px; letter-spacing: 0.08em; }
#cookiesck_decline { text-transform: uppercase; font-weight: 400; font-size: 16px; letter-spacing: 0.08em; }
#cookiesck_settings { text-transform: uppercase; font-weight: 400; font-size: 16px; letter-spacing: 0.08em; }
#cookiesck > .inner { text-align: left; }

.cookiesck-main .cookiesck-decline:hover, .cookiesck-main .cookiesck-decline.cookiesck-active { border: 2px solid #9dcc36; 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: 20px; top: auto; left: 20px; bottom: 20px; }

.cookiesck-platform .cookiesck-accept { border: 2px solid #ddd; background: #e5e5e5; color: #666666; }
.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 #ddd; background: #e5e5e5; color: #666666; }

.cookiesck-main-desc { font-size: 19px; 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: 19px; 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: 17px; line-height: 160%; }


#cookiesck_settings { border: 0px; padding: 10px 0px 0px 0px; }
#cookiesck_settings:hover { padding: 10px 0px 0px 0px; }
.cookiesck-platform-name { font-size: 19px; }

.uk-scope .uk-button-default:hover { background: #00A1E5; }









@media(min-width:650px)
{   
    #logo { float: left; }
    #icons { float: right; position: static; }
    #stoerrer { margin: 30px 30px 0px 30px; }
    
    #telefonnummer { float: right; margin: 18px 20px 0px 0px; }

    #showbox { padding: 157px 0px 0px 0px; }
    
    #content { padding: 50px 30px; }
    
    #copyright { padding: 10px 30px; }
    #copyright-left { float: left; margin: 0px; }
    #copyright-right { float: right; }
    #cookiesck { bottom: 40px; right: auto; width: 500px; left: 40px; }
}




@media(min-width:700px)
{
    #telefonnummer { margin: 18px 30px 0px 0px; }
    #showbox { padding: 120px 0px 0px 0px; }

    #cookiesck_interface { width: 600px; }
}




@media(min-width:800px)
{
    body { background: url(../images/kreise.svg) no-repeat scroll center top 560px; background-size: 800px 1427px; }

    #header { margin: 0px auto; width: 700px; padding: 50px 0px 0px 0px; position: relative; }
    #icons { margin: -2px 0px 0px 0px; }
    #menu { padding: 30px 0px 0px 0px; }
    #telefonnummer { float: right; margin: 12px 30px 0px 0px; }
    
    #showbox { padding: 160px 0px 0px 0px; margin: 0px auto; width: 700px; }
    #stoerrer { margin: 20px 0px 0px 0px; }

    #content { margin: 0px auto; width: 700px; padding: 50px 0px; }
    
    .anwendung img { width: 20px; }
    .anwendung { font-size: 17px; line-height: 170%; }

    
    .blog-item { padding: 50px 0px 40px 0px; }
    
    #footer { margin: 0px auto; width: 700px; padding: 30px 0px 80px 0px; position: relative; }
    #footerlogo { float: left; margin: 8px 50px 0px 0px; }
    #adresse { float: left; margin: 0px; }
    #sitemap { float: right; width: 150px; padding: 0px 0px 0px 0px; }
    #copyright { margin: 0px auto; width: 700px; padding: 10px 0px; }

    
    #cookiesck_interface { width: 700px; }
}






@media(min-width:1100px)
{
    body { background: url(../images/kreise.svg) no-repeat scroll center top 600px; background-size: 1100px 1962px; }

    #header { width: 1000px; }
    #kopfzeile { float: left; display: block; font-weight: 400; font-size: 19px; padding: 12px 0px 0px 30px; }
    #kopfzeile a { color: #878888; }
    
    #telefonnummer { margin: 12px 40px 0px 0px; }
    
    #showbox { width: 1000px; }
    #stoerrer { position: absolute; bottom: -10px; right: -50px; transform: rotate(-5deg) scale(1); width: 450px; font-size: 19px; border-radius: 5px; margin: 0px; }
    #stoerrer a { border-radius: 5px; }
    
    
    .downloads { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .downloads li { width: 48%; box-sizing: border-box; }
    
    #content { width: 1000px; }


    #submenu { margin: 80px 0px 0px 0px; }

    
    .homezufall { margin: 100px 0px 0px 0px; }

    .uk-scope .homezufall .uk-grid { display: flex; flex-wrap: wrap; justify-content: space-between; }
    
    .uk-scope .homezufall .uk-width-1-2\@m { width: 45%; }
    
    .uk-scope .homezufall .uk-grid { margin-left: 0px !important; padding: 0px 0px 100px 0px !important; }
    .uk-scope .homezufall .uk-grid > * { padding-left: 0px !important; }

    .uk-scope .homezufall .uk-grid:last-child { padding: 100px 0px 0px 0px !important; }
    .uk-scope .homezufall .uk-grid + .uk-grid { padding: 100px 0px !important; }

    .uk-scope .homezufall .uk-grid + .uk-grid:last-child { padding: 100px 0px 0px 0px !important; }

    .avPlayerWrapper { margin: 0px; width: 800px; }

    .blog-item { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; padding: 50px 0px; }
    .blog-item:last-child { padding: 50px 0px 0px 0px; }

    .caption_link { width: 47%; margin: 0px; }
    .item-content { width: 47%; justify-content: center; flex-direction: column; display: flex; }
    
    .blog-item:nth-child(odd) { flex-direction: row; }

    .inhalt-left { width: 55% !important; margin: 0px 5% 0px 0px; }
    .inhalt-right { width: 40%; }

    .homezufall .uk-button { padding: 18px 70px 15px 70px; margin: 30px 0px 0px 0px; }
    .button { padding: 18px 70px 15px 70px; margin: 50px 0px 0px 0px; }
    .readmore a { padding: 18px 70px 15px 70px; margin: 30px 0px 0px 0px; }
    
    
    
    .box-right { margin: 30px 0px 0px 0px; }
    
    #footer { width: 1000px; padding: 30px 0px 20px 0px; }
    #footerlogo { width: 260px; margin: 8px 60px 0px 0px; }
    
    #sitemap { float: left; margin: 0px 0px 0px 80px; }
    

    #copyright { width: 1000px; }
    
    h1 { margin: 0px 0px 40px 0px; font-size: 42px; line-height: 130%; } 
    h2 { margin: 0px 0px 30px 0px; font-size: 28px; } 
    .uk-scope h2 { margin: 0px 0px 30px 0px; font-size: 28px; } 

}





@media(min-width:1400px)
{
    body { background: url(../images/kreise.svg) no-repeat scroll center top 700px; background-size: 1500px 2675px; }

    header { border-top: 20px solid #a9c937; position: static; }
    #header { width: 1300px; padding: 50px 0px 0px 0px; }
    #logo { padding: 0px 0px 10px 0px; width: 260px; }
    #kopfzeile { padding: 20px 0px 0px 60px; }
    #mailadresse { float: left; display: block; font-weight: 400; font-size: 19px; padding: 20px 0px 0px 35px; }
    #mailadresse a { color: #878888; }
    #icons { margin: 6px 0px 0px 0px; }
    #telefonnummer { margin: 20px 40px 0px 0px; }

    #menu { padding: 0px; }
    
    #showbox { padding: 0px; width: 1300px; }
    #stoerrer { bottom: -30px; right: -35px; }
    
    #content { margin: 0px auto; width: 1300px; padding: 100px 0px; }
    
    .box-right { position: absolute; right: 50px; bottom: 40px; margin: 0px; }
    
    
    .kontaktformular { padding: 40px 50px 30px 50px; }
    .inhalt-left { width: 45% !important; margin: 0px 15% 0px 0px; }
    
    .blog-item { padding: 100px 0px; }
    .blog-item:last-child { padding: 100px 0px 50px 0px; }
    
    .category-desc { padding: 0px 0px 70px 0px; }

    .caption_link { width: 45%; }
    .item-content { width: 45%; }
    
    
    #footer { width: 1300px; }
    #footerlogo { margin: 8px 100px 0px 0px; }
    #sitemap { float: left; margin: 0px 0px 0px 200px; }
    #copyright { width: 1300px; }

    #kontakt h1 { width: 60%; }

}





@media(min-width:1700px)
{
    body { background: url(../images/kreise.svg) no-repeat scroll center top 720px; background-size: 1800px 3210px; }

    #header { width: 1600px; }
    #kopfzeile { padding: 20px 0px 0px 285px; }
    #telefonnummer { margin: 20px 40px 0px 0px; }
    
    #showbox { width: 1600px; }
    
    #footer { width: 1600px; }
    #copyright { width: 1600px; }
}