/*
Template Name: Schlüsseldienst Html5 Vorlage
Template URI: //www.schlusseldienst.eu
Author: DERDO
Version: 1.0
*/
/**
* Inhaltsverzeichnis:
* *
* 1. - Css Normalisieren
* 2. - Globale Stile
* *
* 3. - Komponenten
* 3.1 - Preloader
* 3.2 - Tasten
* 3.3 - Box-Symbol 1
* 3.4 - Box-Symbol 2
* 3.5 - Box Image 1
* 3.6 - Box Image 2
* 3.7 - Box Image 3
* 3.8 - Bewertungen
* 3.9 - Box Team 2
* 3.10 - Boxstatistik
* 3.11 - Boxverlauf
* 3.12 - Box-Partner
* 3.13 - Panel Akkordeon
* 3.14 - Faq
* 3.15 - Preistabelle
* 3.16 - Karriere-Registerkarten
* 3.17 - Box News
* 4. - LOGO & NAVIGATION
* 4.1 - Oberleiste
* 4.2 - Navbar
* 5. - Startseite
* 5.1 - Banner
* 5.2 - Texteingabe
* 6. - ABSCHNITT
* 6.1 Abschnitt - Über
* 6.2 Abschnitt - Dienstleistungen
* 6.3 Abschnitt - Projekte
* 6.4 Abschnitt - Nachrichten
* 6.5 Abschnitt - Kontakt
* 6.6 Abschnitt - Funktionen
* 6.7 Abschnitt - CTA
* 6.8 Abschnitt - Preis
* 6.9 Abschnitt - Blog
* 6.10 Abschnitt - Zeitleiste
* 6.11 Abschnitt - Zeugnis
* 6.12 Abschnitt - Kunden
* 6.13 Abschnitt - Video BG
* 6.14 Abschnitt - Kontakt und Karte
* 7. Footer
* 8. - Antwort
* --------------------------------------------- ----------------------------
*/
.bolder{font-weight:600}
.cfix{content:'';display:block;width:100%;clear:both}
/**1. - Normalisieren Css
* 1. Korrigieren Sie die Zeilenhöhe in allen Browsern.
* 2. Verhindern Sie Anpassungen der Schriftgröße nach Änderungen der Ausrichtung in iOS.
*/
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
/* Inhalte gruppieren*/
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
/**2.Globale Stile*/
/*1.1 Allgemeine Stile*/
body,button,input,select,textarea{color:#202E47;font-family:'Roboto Slab';font-weight:400;font-size:15px;line-height:1.5;position:relative}
html,body{width:100%;height:100%}
/* 1.3. Anker*/
a{color:#202E47;text-decoration:none}
a:hover{color:#F6AE2D;text-decoration:none}
/* 1.4.Überschrift und Absatz*/
p{margin:0 0 20px}
h1,h2,h3,h4,h5{font-family:'Roboto Slab';font-weight:700;margin-top:10px;margin-bottom:6px}
h1{font-size:3.571em;line-height:normal}
h2{font-size:2.857em;line-height:normal}
h3{font-size:18px;line-height:normal}
h4{font-size:1.286em;line-height:normal}
h5{font-size:14px;line-height:22px}
h6{font-size:13px}
strong,b{font-weight:700}
/* Benutzerdefiniert Globale*/
.nt16{font-size:16px}
.nt24{font-size:20px}
.abstandshalter-30{height:30px}
.abstandshalter-30::after{display:block;content:"";clear:both}
.abstandshalter-70{height:70px}
.abstandshalter-70::after{display:block;content:"";clear:both}
.bereichsuberschrift{font-size:36px;line-height:1.2em;font-weight:700;color:#F6AE2D;margin-bottom:20px;padding-bottom:5px;position:relative;margin-left:20px}
.bereichsuberschrift h2{margin-left:20px}
.bereichsuberschrift:after{content:'';display:block;vertical-align:bottom;width:30px;height:1px;background:#F6AE2D;margin-bottom:10px;margin-top:20px}
.bereichsuberschrift span{color:#F6AE2D}
.bereichsuberschrift.light{color:#F6AE2D}
.bereichsuberschrift.light span{color:#fff}
.bereichsuberschrift.light:after{background:#fff}
.bereichsuberschrift.white{color:#fff}
.bereichsuberschrift.center{text-align:center}
.bereichsuberschrift.center:after{margin-left:auto;margin-right:auto}
.bereichsuberschrift.no-after:after{display:none}
.unteruberschrift{color:#999}
.unteruberschrift.text-center{width:70%;margin-left:auto;margin-right:auto}
.parallax-1{background-image:url(../img/schlusseldienst-parallax-1.jpg)}
.parallax-2{background-image:url(../img/paralax-2.jpg)}
.parallax-3{background-image:url(../img/schlusseldienst-parallax-2.jpg)}
.parallax-4{background-image:url(../img/schlusseldienst-parallax-1.jpg)}
.bgi-cover-center{background-size:cover;background-position:center}
/* Owl*/
.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;background:#fff}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background-color:#F6AE2D}
.owl-theme .owl-controls{margin-top:50px}
/*Owl ende*/
.bg-primary{background-color:#F6AE2D!important}
.bg-secondary{background-color:#34495E!important}
.bg-gray{background-color:#fbfbfb}
.text-primary{color:#F6AE2D!important}
.text-secondary{color:#34495E!important}
/**3. - Komponenten*/
/*2.1 - Buttons*/
.btn,.btn-primary,.btn-secondary,.btn-light{font-size:14px;color:#fff;padding:10px 20px;border:0;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}
.btn-default{background-color:#F6AE2D;color:#fff;padding:15px 20px;border:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0}
.btn-default:hover{background-color:#F6AE2D}
.btn-primary{background-color:#F6AE2D;color:#333}
.btn-primary:hover{background-color:#34495E;color:#fff}
.fcopy a{color:#F6AE2D}
.fcopy a:hover{color:#fff}
.btn-secondary{background-color:#34495E}
.btn-secondary:hover{background-color:#F6AE2D;color:#fff}
.btn-primary.disabled{background-color:#F6AE2D;border-color:#F6AE2D;color:#333;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100)}
.btn-primary.disabled:hover{color:#F6AE2D;background-color:#34495E}
.btn-secondary.disabled{background-color:#34495E;border-color:#34495E;color:#333}
.btn-secondary.disabled:hover{color:#F6AE2D;background-color:#34495E}
.btn-light{background-color:#fff;color:#F6AE2D;border:1px solid #fff}
.btn-light:hover{background-color:#34495E;color:#fff;border-color:transparent}
/*Social Media Icons*/
.topbar .nt-socmed-icons i{color:#fff;background-color:#111;width:30px;height:30px;font-size:18px;display:flex;justify-content:center;flex-direction:column;text-align:center;margin:0 2px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.dropdown a:hover{color:#fff}
.topbar .nt-socmed-icons i:hover{background-color:#fff;color:#111;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.nt-socmed-icons.bg-round a{width:40px;height:40px;font-size:18px;display:flex;justify-content:center;flex-direction:column;text-align:center;margin:0 2px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;color:#333;background-color:#F6AE2D}
.nt-socmed-icons.bg-round a:hover{color:#F6AE2D;background-color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
/*Box Image*/
.box-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
.box-deck .box-card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}
@media (min-width: 576px) {
.box-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}
.box-deck .box-card{display:flex;flex:1 0 0;flex-direction:column;margin-bottom:0}
}
.nt-lustig-icon .icon{display:block;font-size:60px;line-height:1.5;float:left;color:#F6AE2D;text-align:center}
.nt-lustig-icon .body-content{margin-left:70px}
.nt-lustig-icon h2{margin-left:30px}
.nt-lustig-icon .body-content h1,.nt-lustig-icon .body-content h2,.nt-lustig-icon .body-content h3,.nt-lustig-icon .body-content h4,.nt-lustig-icon .body-content h4,.nt-lustig-icon .body-content h5,.nt-lustig-icon .body-content h6{clear:none;margin-bottom:0}
.nt-lustig-icon.style-2{text-align:center}
.nt-lustig-icon.style-2 .icon{color:#34495E;float:none;background-color:transparent;margin:0 auto;font-size:40px}
.nt-lustig-icon.style-2 .body-content{margin-left:0}
.tn-symbolinfo{margin-bottom:15px}
.tn-symbolinfo .symbolinfo{display:table-cell}
.tn-symbolinfo .nt{width:30px;height:30px;border-radius:50%;text-align:center;padding-top:5px;font-size:16px}
.tn-symbolinfo .info-text{display:table-cell;padding-left:10px;position:relative;vertical-align:middle}
.tn-symbolinfo.center{text-align:center;padding:30px 0;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px}
.tn-symbolinfo.center .symbolinfo{display:block}
.tn-symbolinfo.center .nt{background-color:transparent;font-size:40px}
.tn-symbolinfo.center .nt.bl{background-color:#F6AE2D;color:#fff;width:80px;height:80px}
.tn-symbolinfo.center .info-text{display:block}
.tn-symbolinfo.style-2{text-align:center;padding:30px 0;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px}
.tn-symbolinfo.style-2 .symbolinfo{margin:0 auto;display:inline-flex}
.tn-symbolinfo.style-2 .nt{font-size:80px;padding-top:0;background-color:#F6AE2D;color:#34495E;width:100px;height:100px;display:flex;justify-content:center;flex-direction:column;text-align:center;margin:0 42px;padding-bottom:6px}
.tn-symbolinfo.style-2 .info-text{display:block}
.tn-symbolinfo.style-2:hover .nt{color:#F6AE2D;background-color:#34495E}
.tn-symbolinfo::after{display:block;content:"";clear:both}
.tn-symbolinfo-2{margin-bottom:15px}
.tn-symbolinfo-2 .symbolinfo{display:table-cell;text-align:center}
.tn-symbolinfo-2 .nt{width:60px;height:60px;background-color:#F6AE2D;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;padding-top:15px;font-size:30px}
.tn-symbolinfo-2 .info-text{display:table-cell;padding-left:20px;position:relative;vertical-align:middle}
.tn-symbolinfo-2::after{display:block;content:"";clear:both}
/*Preis*/
.schlusseldienst{padding-top:40px;}
.tn-neu-preis{width:100%;background-color#fff;background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:50px !important;padding-bottom:60px !important;}
.tn-neu-preis .preis-box{box-shadow:0 0 30px rgba(0,0,0,0.1);text-align:center;padding:40px 20px;background:#fff;transition:.5s;margin-bottom:20px}
.tn-neu-preis .preis-box ul{list-style:none;margin:0;padding:5px 0;text-align:left;display:inline-block}
.tn-neu-preis .preis-box ul li{padding-bottom:12px}
.tn-neu-preis .preis-box h1{font-size:45px;padding-bottom:30px;font-weight:700}
.tn-neu-preis .preis-box span.nt-ay{font-size:18px;color:#f1b636;font-weight:400}
.tn-neu-preis .preis-box i{color:#f1b636;padding-right:5px}
.tn-neu-preis .preis-box:hover{transform:translate(0px,-5px)}
.tn-neu-preis h4{padding-bottom:8px;font-size:20px;color:#fff}
.tn-neu-preis li:before{content: "\35EE"; font-family: 'schlusseldienst';color: #f1b636;padding-right: 5px;}
.tn-neu-preis .y-b h5 {position: relative;font-size: 30px !important;font-weight: 700 !important;}
.y-b{font-size: 18px}
.tn-neu-preis h2{text-align: center;}
.preis-box .nt-geld{font-size: 120px}
/*Bewertungen*/
.cn-bewertung{padding:25px;background-color:rgba(255,255,255,0.3);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}
.cn-bewertung .cn-bewertung-footer{margin:0 -25px -25px;padding:10px;border-top:1px solid #fff;font-weight:700;text-align:right;position:relative;color:#F6AE2D}
.cn-bewertung-footer .bewerter{top:-45px;position:relative;float:right}
.cn-bewertung-footer .col-md-5{float:inherit!important}
.cn-bewertung-footer .media img{width:60%;position:relative;left:80%;float:left}
.cn-bewertung .cn-bewertung-footer cite{display:block;font-weight:400}
/*Zurück zum oberen Bereich*/
.oben-bx a:before{font-family:'schlusseldienst';content:"\F022";color:#111;font-size:30px;margin-top:12px;margin-left:8px;cursor: pointer;}
.oben-b{color:#111;display:inline-block;height:50px;width:50px;position:fixed;bottom:50px;right:10px;z-index:999;box-shadow:0 0 10px rgba(0,0,0,0.05);overflow:hidden;white-space:nowrap;background:#f6ae2d;visibility:hidden;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:opacity .3s 0s,visibility 0 .3s;-moz-transition:opacity .3s 0s,visibility 0 .3s;transition:opacity .3s 0s,visibility 0 .3s;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;border-radius:25px}
.oben-b:hover{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-webkit-transition:opacity .3s 0s,visibility 0 0;-moz-transition:opacity .3s 0s,visibility 0 0;transition:opacity .3s 0s,visibility 0 0}
.oben-b.ist-sichtbar{visibility:visible;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100)}
.oben-b.ausblenden{opacity:.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50)}
/**4. - Navigation Und Logo*/
/* 4.1 - navbar*/
.topbar{background-color:#F6AE2D;line-height:35px;z-index:1051;position:static;;}
.topbar a:link{color:#202E47;font-size:16px}
.topbar a:hover{color:#fff;font-size:16px}
.topbar .row{min-height:30px}
.middlebar .row{min-height:90px}
.navbar-brand{padding:0}
.haupt-navbar{-webkit-transition:padding .2s ease-in-out;transition:padding .2s ease-in-out}
.haupt-navbar .navbar{padding:0}
.haupt-navbar ol,.haupt-navbar li{margin:0;font-size:14px;font-weight:700}
.haupt-navbar ul{margin-left:0}
.haupt-navbar .navbar-toggler{color:#F6AE2D;border-color:transparent}
.haupt-navbar .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(246,174,45,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.haupt-navbar .dropdown-toggle::after{margin-left:.6em;color:#F6AE2D}
.haupt-navbar .dropdown:hover > .dropdown-menu{display:block}
.haupt-navbar .dropdown-menu{min-width:200px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;padding:10px;margin-left:30px;margin-top:-5px;border-width:0;background-color:#F6AE2D;color:#fff;font-size:16px}
.haupt-navbar .dropdown-item{color:#fff;background-color:#F6A;padding:.1rem 1.5rem}
.haupt-navbar .dropdown-item:hover,.haupt-navbar .dropdown-item:focus{text-decoration:none;background-color:#222}
.nav-link{font-family:'Roboto Slab';font-weight:700;text-transform:uppercase;text-decoration:none;font-size:16px;line-height:20px;padding:15px;font-weight:bold;font-style:inherit;text-rendering:optimizeLegibility}
.kopfzeile-2 .container-nav{padding:20px 0}
.kopfzeile-2 .haupt-navbar{background-color:#fff}
.kopfzeile-2 .haupt-navbar .container{padding:5px 15px}
.kopfzeile-2 .haupt-navbar .navbar-nav .nav-link.active{color:#F6AE2D}
.nav-link a:hover{color:#F6AE2D}
.kopfzeile-2 .haupt-navbar .nav-link{color:#202E47;padding:10px}
.kopfzeile-2 .haupt-navbar .nav-link:hover,.kopfzeile-2 .haupt-navbar .nav-link:focus{color:#F6AE2D}
.kopfzeile-2 .haupt-navbar.stiky{height:auto;background-color:rgb(255, 255, 255,0.9);position:fixed;top:0;right:0;left:0;z-index:1030;padding-top:40px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;bottom:initial}
.kopfzeile-2 .haupt-navbar.stiky .nav > li > a{color:#34495E}
.kopfzeile-2 .haupt-navbar.stiky .navbar-brand{position:static;margin-left:0}
.kopfzeile-2 .haupt-navbar.stiky .navbar-brand img{width:65%}
.kopfzeile-2 .haupt-navbar.stiky > .container{margin-bottom:0;padding:10px 15px}
@media (max-width: 767px) {
.kopfzeile-2 .navbar-brand{position:static;margin-left:0;margin-right:.5rem}
.kopfzeile-2 .navbar-brand img{width:60%}
.kopfzeile-2 .navbar-brand{width:60%}
.slider.owl-carousel{height:60%!important}
.inhaltsumbruch{padding:20px 0!important}
.slider .slider-position{top:10%!important}
}
/**5. - Abschnitt*/
/* 1.1 - Banner*/
.slider{float:left;padding:0}
.slider.owl-carousel{position:relative;height:80%}
.slider.owl-carousel div:not(.owl-controls){height:100%}
.slider.owl-carousel .owl-controls .owl-nav{height:auto}
.slider.owl-carousel .owl-controls .owl-nav,.slider.owl-carousel .owl-controls .owl-dots{height:auto}
.slider.owl-carousel .owl-item img{display:none}
.slider.owl-carousel .owl-slide{background-repeat:no-repeat;background-size:cover;background-position:center}
.slider .item{position:relative}
.slider .slider-position{position:absolute;top:20%;left:0;width:100%}
.slider h1{color:#fff;font-size:54px;padding:0;margin-bottom:10px}
.slider h1 span{color:#F6AE2D}
.slider h1.bg{background-color:rgba(52,73,94,0.5);padding:20px}
.slider p{font-size:18px;color:#fff;padding:0}
.slider p.bg{background-color:rgba(255,255,255,0.5);padding:20px;color:#34495E}
.slider.owl-theme .owl-controls{margin-top:0}
.slider .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:18px;margin:5px;background:#F6AE2D;display:inline-block;cursor:pointer;width:50px;height:50px;padding-top:11px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.slider .owl-controls .owl-nav [class*=owl-]:hover{background:#34495E;text-decoration:none}
.slider .owl-nav{position:absolute;z-index:2;width:100%;top:40%}
.slider .owl-nav .owl-prev{float:left;margin-left:20px!important}
.slider .owl-nav .owl-next{float:right;margin-right:20px!important}
.slider .owl-dots{position:absolute;z-index:2;width:100%;bottom:4%;display:none!important}
.slider .owl-dots .owl-dot span{background:#fff!important}
.slider .owl-dots .owl-dot.active span{background:#F6AE2D!important}
@media (max-width: 767px) {
.slider h1{font-size:36px}
.slider .owl-nav{display:none}
.slider .owl-dots{display:block!important}
}
.bildunterschrift-einwickeln{width:80%;text-align:center}
.bildunterschrift-einwickeln.center{width:80%;margin:0 auto;text-align:center}
.bildunterschrift-einwickeln.right{width:60%;text-align:right;float:right}
.bildunterschrift-einwickeln .excerpt{margin-bottom:50px;font-size:18px}
.bildunterschrift-einwickeln .btn,.bildunterschrift-einwickeln .btn-primary,.bildunterschrift-einwickeln .btn-secondary,.bildunterschrift-einwickeln .btn-light{margin-right:15px}
@media (max-width: 767px) {
.bildunterschrift-einwickeln{width:100%}
.bildunterschrift-einwickeln.center,.bildunterschrift-einwickeln.right{width:100%}
}
.inhaltsumbruch{padding:70px 0}
#nt-leistungen .inhaltsumbruch{padding:60px 0;background-color:#f5f5f5!important}
.bg-weis{background-color:#fff}
.content-w-100{padding:100px 0}
.img-video{position:relative}
.img-video .play-video{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:65px;height:65px;background-color:transparent;border:3px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;display:table-cell;padding-bottom:0;padding-left:7px;text-align:center;vertical-align:middle;line-height:50px;color:#fff;z-index:2;font-size:42px}
.img-video .play-video:hover{background-color:#fff;color:#F6AE2D}
.img-video:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:100%;background-color:rgba(52,73,94,0.1)}
.ripple{position:absolute;top:50%;left:50%;height:65px;width:65px;transform:translateX(-50%) translateY(-50%);transform-origin:center center;border-radius:50%;-ms-box-shadow:0 0 0 0 rgba(255,255,255,0.3);-o-box-shadow:0 0 0 0 rgba(255,255,255,0.3);box-shadow:0 0 0 0 rgba(255,255,255,0.3);animation:ripple 2s infinite}
.ripple:before{animation-delay:.9s;content:"";position:absolute}
.ripple:after{animation-delay:.9s;content:"";position:absolute}
@keyframes ripple {
70%{box-shadow:0 0 0 70px rgba(255,255,255,0)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
/**6. -Footer*/
.footer{background-color:#202E47;background-size:cover;background-position:center;color:#fff}
.footer .footer-artikel .logo-bottom{margin-bottom:10px}
.footer .footer-artikel .footer-titel{font-size:24px;padding:20px 0 10px;margin-bottom:0;position:relative;font-weight:700}
.footer .footer-artikel .footer-titel:after{content:'';display:block;vertical-align:bottom;width:60px;height:1px;background:#F6AE2D;margin-bottom:10px;margin-top:15px}
.footer .footer-artikel .footer-sosmed{margin-top:50px;margin-bottom:30px;display:inline-block}
.footer .footer-artikel .footer-sosmed a .item{color:#fff;display:table-cell;vertical-align:middle;margin:0 14px;width:40px;height:40px;text-align:center;background-color:#3d566e;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px}
.footer .footer-artikel .footer-sosmed a .item:hover{background-color:#F6AE2D}
.footer .footer-artikel .footer-sosmed a .item .nt{font-size:16px}
.footer .footer-artikel .list{margin:0;padding:0}
.footer .footer-artikel .list li{list-style:none;margin:14px 0}
.footer .footer-artikel .list li a{color:#fff;padding-left:15px;position:relative}
.footer .footer-artikel .list li a:before{content:'\f105';font-family:FontAwesome;left:0;position:absolute}
.footer .footer-artikel .list li a:hover{color:#000;text-decoration:none}
.footer .footer-artikel .footer-subscribe{position:relative}
.footer .footer-artikel .footer-subscribe input[type=email]{width:100%;background:#fff;padding:10px 57px 10px 17px;min-height:38px;max-width:480px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;border:0}
.footer .footer-artikel .footer-subscribe input[type=email]:focus{background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 0 2px #F6AE2D;-moz-box-shadow:0 0 0 2px #F6AE2D;box-shadow:0 0 0 2px #F6AE2D;border-color:transparent}
.footer .footer-artikel .footer-subscribe input[type=submit]{position:absolute;left:0;top:0;visibility:hidden}
.footer .footer-artikel .footer-subscribe label{position:absolute;right:0;top:0;border:0;width:40px;height:38px;line-height:40px;padding:0;cursor:pointer;text-align:center;font-size:13px;background:none;color:#fff;outline:0!important;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;background:#F6AE2D}
.footer .footer-artikel .footer-subscribe .icon{font-size:18px}
.footer .footer-artikel .footer-subscribe p{font-size:13px;margin-top:16px}
.footer .footer-artikel .recent-post{margin:0;padding:0}
.footer .footer-artikel .recent-post li{list-style:none;margin:0 0 30px}
.footer .footer-artikel .recent-post li a{color:#333;line-height:20px;display:inline-block;vertical-align:top;margin:0 0 14px}
.footer .footer-artikel .recent-post li a:hover{color:#F6AE2D}
.footer .footer-artikel .recent-post li .date{display:block;font-size:12px;padding:0;color:rgba(51,51,51,0.4)}
.footer .footer-artikel .recent-post li .date i{margin-right:5px}
.footer .fcopy{padding:15px 0 10px;font-size:14px;border-top:1px solid #F6AE2D;background-color:#34495E}
.list-info{margin:0;padding:0}
.list-info li{margin-bottom:20px;list-style:none;font-size:16px}
.list-info li .symbolinfo{display:table-cell;font-size:35px;color:#F6AE2D}
.list-info li .info-text{padding-left:18px;display:table-cell;vertical-align:top}
.footer .inhaltsumbruch{padding:40px 0}
.haupt-navbar .dropdown-menu li{padding:4px 0!important}
.haupt-navbar .dropdown .cn a:before{content:"\E103";font-family:'schlusseldienst';padding:5px}

@media (max-width: 1024px) {
.kopfzeile-2 .haupt-navbar .nav-link {padding:5px !important}
.slider.owl-carousel {position: relative;height: 65%;}
#nt-uber-uns .inhaltsumbruch{padding-top:50px!important}
}
@media (max-width: 768px) {
.slider.owl-carousel {position: relative;height: 50%;}
#nt-uber-uns .inhaltsumbruch{padding-top:50px!important}
}
@media (max-width: 320px) {
.slider.owl-carousel {position: relative;height: 50%;}
#nt-uber-uns .inhaltsumbruch{padding-top:14px!important}
.slider h1 {font-size: 32px !important}
.btn, .btn-primary, .btn-secondary, .btn-light {padding: 5px 15px;}
h2 {font-size: 26px!important}
}
@media (max-width: 767px) {
.d-md-block{display:block!important}
.d-none{display:none!important}
.media img{width:20%!important;position:relative;left:30%!important;float:left}
.cn-bewertung-footer .col-md-5{float:inherit!important}
.bereichsuberschrift{font-size:28px}
h2{font-size:28px}
.content-w-100{padding:60px 0!important}
.schlusseldienst{padding-top:50px!important}
#nt-uber-uns{padding-top:35px!important}
#nt-leistungen .inhaltsumbruch{padding-top:50px!important}
#nt-bewertungen{padding-top:50px!important}
#nt-kontakt{padding-top:50px!important}
.tn-neu-preis{padding-top:50px!important}
#nt-iletisim-formu textarea{height:100px!important}
.slider h1{font-size:40px}
.parallax-1 {padding:40px 0 40px 0 !important}
.unteruberschrift.text-center{width: 90%;}

}
@media (max-height: 414px) {
.slider h1{font-size:40px!important}
.slider .slider-position{top:10%}
.d-none{display:none!important}
.slider.owl-carousel{height:80%!important}
}
@media (max-height: 375px) {
.slider.owl-carousel{height:80%!important}
}
@media (max-height: 576px) {
#nt-uber-uns .inhaltsumbruch {padding-top: 20px !important;}
}
.parallax-1  .col-sm-12{text-align: center;}
.parallax-1 {padding:120px 0 120px 0}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:400;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYmRjRdE.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:400;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISma2RjRdE.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:400;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmY2RjRdE.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:400;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmbGRjRdE.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:400;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYGRjRdE.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:400;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYWRjRdE.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:400;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmb2Rj.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:700;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OmYmRjRdE.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:700;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4Oma2RjRdE.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:700;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OmY2RjRdE.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:700;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OmbGRjRdE.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:700;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OmYGRjRdE.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:700;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OmYWRjRdE.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto Slab';font-style:normal;font-display:swap;font-weight:700;src:url(//fonts.gstatic.com/s/robotoslab/v11/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4Omb2Rj.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-display:swap;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(//fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Open Sans';font-style:normal;font-display:swap;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(//fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Open Sans';font-style:normal;font-display:swap;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(//fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Open Sans';font-style:normal;font-display:swap;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(//fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Open Sans';font-style:normal;font-display:swap;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(//fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Open Sans';font-style:normal;font-display:swap;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(//fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Open Sans';font-style:normal;font-display:swap;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(//fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/*# sourceMappingURL=style.css.map*/