/* Lato (von google fonts local einbinden*/)
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}




/* Cookies*/
.cc_btn.cc_btn_accept_all {
        color: white !important;
        background-color: #e84e0f !important;
        font-family: Lato !important;
        font-weight: bold !important;
}

.cc_banner.cc_container.cc_container--open {
        color: #white !important;
}

/* Logo bzw. Header*/
body {
        margin: 0px;
        overflow-x: hidden;
        font-family: Lato, Arial;
}

h1 {
        font-family: Lato,Arial;
}

p {
        font-family: Lato,Arial;
}

h2 {
        font-size: 48px;
        font-family: Lato,Arial;
}

.h2 {
        font-size: 48px;
        font-family: Lato,Arial;
}

#logoresponsive {
        width: 500px;
        -moz-transition: height 1.5s ease;
        -webkit-transition: height 1.5s ease;
        -o-transition: height 1.5s ease;
        transition: width 1.5s ease;

}

#mod-search-searchword {
        color: #e84e0f;
        /*background-image:url("../images/suche1.png");
        background-repeat: no-repeat;*/
}

#utilities {
        position: absolute;
        right: 0;
        padding: 40px;
        transition: 0.5s;
        height: auto;
        opacity: 1;
        transition-delay: 0.7s;
}

#utilities .text-right > div {
        float: right;
}

.mod-languages {
        float: right;
        padding-top: 60px;
        padding-left: 40px;
}
div.mod-languages ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
div.mod-languages li {
        margin-left: 0;
        margin-right: 4px;
}
div.mod-languages ul.lang-inline li {
        display: inline;
}
div.mod-languages a {
        text-decoration: none;
}
div.mod-languages img {
        border: none;
}

.search .suchbox {
        float: left;
}

.smaller #logoresponsive {
        width: 400px;
        padding-bottom: 10px;
        padding-top: 10px;
}

.smaller .navbar-brand {
        margin-top: 0px;
}

.smaller #mainmenu {
        margin-top: 10px;
        padding-top: 20px;
}

.smaller .navbar {
        min-height: 40px;
}

.smaller #utilities {
        padding: 0 40px;
        padding: 0 40px;
        transition: 0.5s;
        opacity: 0;
}

/*Suchbox*/
.suchbox {
        padding-top: 60px;
}

/*Mehr Info*/
.mehr-info .item-page {
        padding-top: 350px;
        padding-bottom: 100px;
}

.mehr-info #component {
        border-top: 15px solid #e84e0f;
}

.mehr-info ul li {
        font-size: 20px;
}

/*Navitagion*/
#mainmenu {
        /*margin-top:170px*/
  margin-top: 0px;
        transition: 1.5s;
        font-family: Lato,Arial;

}

@media (max-width: 1900px) and (min-width: 1500px) {
        #mainmenu {
               padding-top:100px;
        }
}

#mainmenu ul li a{
        color: black;
}

#mainmenu ul li a:hover {
        color: #e84e0f;
        transition: 0.4s;
        font-weight: bold;
}

.navbar-brand {
        padding-top: 0px;
        max-width: calc(100% - 120px);
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
}

.navbar-toggle {
        margin-bottom: 0px;
        margin-top: 50px;
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
}

.smaller .navbar-toggle {
        margin-top: 10px;
}

.item-149 {
        display: none;
        visibility: hidden;
}

/*Header Slider*/
#slider {
        position: relative;
}

.site #slider {
        background-repeat:no-repeat;
        background-position:center;
        background-size: cover;
        width: 100%;
        height: 40.10416666667vw;
}

.produkte #slider {
        background-image: url("../images/produktebild.jpg");
}

.downloads #slider {
        background-image: url("../images/downloadbild.jpg");
}

@media (min-width: 992px) {
        .site #slider {
                height: 600px;
        }
}

@media (min-width: 1200px) {
        .site #slider {
                height: 800px;
        }
}

@media (max-width: 767px) {
        #slider {
                margin-top: 65px;
        }
}

.carousel-inner .item img {
        width: 100%;
}

#picture {
        position: absolute;
        top: calc(65vw - 600px);
        left: 20px;
}

.airphalt #info .clearfix {
        visibility: hidden;
        height: 20px;
}

#info {
        position: absolute;
}

.info-text{
        color: white;
        font-size: 2.5em;
        min-width: 1010px
}

.bildbeschreibung-icon {
        float: left;
        padding-right: 20px;
        padding-top: 12px;
}

.blattschwarz {
        width: 46px;
        height: 40px;
        margin-right: 20px;
}

#info2 {
        padding: 150px 0 100px;
        border-top: 15px solid #e84e0f;
        width: 100%;
        background-color: black;
}

#info2 p {
        color: white;
        font-size: 40px;
}

.sprite-header_icon6 {
        float: left;
        margin-top: 14px;
        margin-right: 20px;
}

.sprite-header_icon7 {
        float: left;
        margin-top: 15px;
        margin-right: 20px;
}

.sprite-header {
        width: 100px;
        height: 50px;
}

.front #info2 p {
        margin: 0 0 0px;
        padding-bottom: 8px;
}

/*Was ist Airphalt*/
.wasistairphalt{
        background: white;
        padding-top: 80px;
        padding-bottom: 100px;
}

.airphalt .page-header {
         display: none;
         visibility: hidden;

}

.page-header {
        border-bottom: 0px;
}

/*Video*/
.videorahmen {
        background: grey;
        background-image: url("../images/bauarbeiter.jpg");
        background-repeat:no-repeat;
        background-size: cover;
        background-position:center;
        height: 650px;
        width: 100%;
        position: relative;
        margin-bottom: 120px;
  margin-top: 30px;
}

.demo-video .wieverwendetmanairphalt {
        padding-top: 100px;
}

.uberschriftvideo {
        position: absolute;
    margin-top: -80px;
        width: 100%;
        color: black;
}

.playbuttonweiß {
        padding-top: 250px;
        height: 450px;
        width: auto;
}

.fancybox-content {
        min-height: 900px;
}

/*Merkmale & Beschreibung*/
.newsflash {
        padding-top: 50px;
        padding-bottom: 100px;
}

.newsflash-title {
        color: #e84e0f;
        font-size: 22px;
}

.newsflash-title p {
        color: #ffffff;
}

.front .merkmale .row > div {
        margin: 70px 0;
}

@media (min-width: 992px) {
        .front .merkmale > .row {
                margin-left: -95px;
                margin-right: -95px;
        }
        .front .merkmale .row > div {
                padding-left: 95px;
                padding-right: 95px;
        }
}

/*schwarzer Rahmen rund ums Bild*/
.col-md-6.col-xs-12.quadrat .item {
        background-color: #000;
        padding-top: 70px;
        padding-bottom: 30px;
        padding-left: 50px;
        padding-right: 50px;
}

.produkte .blog .item,
.front .newsflash.merkmale {
        color: #fff;
        text-align: center;
}

.merkmale .img-intro .img-responsive {
        margin-top: -150px;
        left: calc(50% - 80px);
        height: 160px;
        width: 160px;
}

.merkmale .img-responsive {
        width: calc(100% - 100px);
        position: absolute;
}



/*Marshallkörper*/
.marshallkörper {
        padding-top: 760px;
        padding-bottom: 150px;
        background-image:url("../images/bg_marshallkoerper.jpg");
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center;
}

.marshallkörper .sprite-header_icon7 {
        background-size: 384px 351px;
        width: 34.5px;
        height: 30px;
        background-position: -60px -176.25px;
        margin-top: 5px;
}

.marshallkörper p {
        font-size: 24px;
        font-weight: bold;
}

/*Umweltverträglichkeit*/
.umwelt {
        padding-top:220px;
        padding-bottom:220px;
        background-image:url("../images/bg-umwelt.jpg");
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center;
        color: #ffffff;
}

/*Du hast Fragen*/
#kontakt {
        padding: 100px 0;
}

.demo-video .modul-anfrage {
        padding-top: 0px;
}

.modul-anfrage form {
        margin-top: 80px;
}

.modul-anfrage form > div {
        margin-bottom: 30px;
}

#nachricht {
        padding-bottom: 300px;
}

.classnachricht {
        margin-bottom: 30px;
}

.chronoforms6_credits {
        display: none;
        visibility:hidden;
}

#button {
        float: left;
        background-color: #e84e0f;
}

.kontakt-bild {
        background-image: url("../images/kontaktbild.jpg");
        background-repeat:no-repeat;
        background-position:center;
        background-size: cover;
        width: 100%;
        height: 650px;
        position: relative;
}

.produkte #component {
        border-top: 15px solid #e84e0f;
}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="url"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="time"], .ui.form input[type="text"], .ui.form input[type="file"] {
        border: 1px solid #a5a5a5;
        color: black;
}

.ui.form input {
        height: 55px;
}

.semanticui-body *::-moz-selection {
        background-color: #e84e0f;
        color: rgba(0, 0, 0, 0.87);
}

.ui.attached.error.message, .ui.error.message {
        box-shadow: 0 0 0 1px #e84e0f inset,0 0 0 0 transparent;
}

/* Produkte*/
.produktueberschrift {
        text-align: center;
        padding-bottom: 150px;
}

.produkte .container {
        padding-top: 90px;
        padding-bottom: 170px;
}

.produkte #content .img-responsive {
        margin: 0;
        max-height: 150px;
        position: absolute;
        margin-top: -100px;
        left: 30%;
}

.produkte .col-md-4.col-xs-12 .item {
        background-color: black;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 50px;
        position: relative;
}

.produkte .col-md-4.col-xs-12 .item  .item-image {
        position: absolute;
        left: calc(50% - 75px);
        margin-top: -100px;
}

.readmore {
        text-align: center;
}

.produkte .page-header h2 {
        padding-top: 10px;
        font-size: 20px;
        color: #e84e0f;
        text-align: center;
}

.produkte .btn {
        background-color: #e84e0f;
        color: white;
}

.produkte .ueberschriftopa {
        font-size: 26px;
        font-weight: bold;
}

/*Downloads*/
.downloads .icon-download {
        padding-right: 30px;
        float: left;
        width: 70px;
}

.downloads #component {
        border-top: 15px solid #e84e0f;
}

.downloads .phocadownloadfile32 {
        background: none;
        border: none;
        margin: 5px;
        padding: 10px 10px 10px 40px;
}

.downloads .container {
        padding-bottom: 70px;
}

.downloads .col-lg-6 {
        padding-top: 10px;
        padding-bottom: 10px;
}

.downloads .col-lg-6 a {
        color: black;
        padding-top: 5px;
}

/*Footer*/
footer a {
        color: white;
}
#bottom {
        background-color: #e84e0f;
        padding: 55px 100px;
        color:#ffffff;
}

#bottom > .container-fluid > .row {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
}

@media (max-width: 991px) {
        #bottom > .container-fluid > .row > div {
                padding-bottom: 30px;
        }
}

.adresse-footer {
        float: left;
}

.adresse-footer p:last-child {
        margin-bottom: 0;
}

.telefonundemail {
        float: left;
        padding-top: 13px;
}

#bottom > .container-fluid > .row > div:nth-child(3) {
        margin-bottom: -15px;
}

#nill path {
        fill: white;
}

.sprite-footer1  {
        float: left;
        margin-right: 30px;
}

.sprite-footer2 {
        float: left;
        margin-right: 30px;
}

.item-118 {
        padding-top: 70px;
}

.item-118 a:hover {
        transition: 1s;
}

.item-134 a:hover {
        transition: 1s;
}

#faxnummer {
        padding-top: 25px;
}

.sprite .sprite-footer1 {
        line-height: 30px;
}
.telefonundemail .sprite-footer1 {
        background-size: 384px 351px;
        width: 44.25px;
        height: 22.5px;
        background-position: -142.5px -3.75px;
}

.telefonundemail .sprite-footer2 {
        background-size: 384px 351px;
        width: 37.5px;
        height: 50.25px;
        background-position: -195px -3.75px;
}

.impressumairphalt {
        padding-top: 90px;
}

.impressum p {
        text-align: justify;
}

/*Responsive*/
@media only screen and (min-width: 1200px) and (max-width: 1500px) {                /*Laptop*/
        h2 {
                font-size: 34px;
        }
        .h2 {
                font-size: 34px;
        }
        #logoresponsive {
                width: 620px;
        }
        #mainmenu {
                margin-top: 20px;
        }
        .navbar {
                min-height: 10px;
        }
        #picture {
                top: calc(65vw - 378px);
                max-width: 60%;
                padding-top: 0;
        }
        #info {
                padding-left: 0px;
        }
        .info-text {
                font-size: 1.5em;
        }
        .bildbeschreibung-icon img{
                width: 80px;
                height: 56px;
        }
        .airphalt #info .clearfix {
                height: 25px;
        }
        #info2 .sprite-header_icon6 {
                background-size: 384px 351px;
                width: 34.5px;
                height: 30px;
                background-position: -240px -3px;
        }
        #info2 .sprite-header_icon7 {
                background-size: 384px 351px;
                width: 34.5px;
                height: 30px;
                background-position: -60px -176.25px;
        }
        #info2 {
                /*height: 460px; */
                padding-top: 145px;
        }
        #info2 p {
                font-size: 22px;
        }
        .sprite-header_icon6 {
                margin-top: 5px;
        }
        .sprite-header_icon7 {
                margin-top: 5px;
        }
        .playbuttonweiß {
                height: 400px;
        }
        .fancybox-content {
                min-height: 400px;
        }
        .marshallkörper {
                padding-top: 500px;
        }
        .newsflash {
                padding-top: 30px;
                padding-bottom: 60px;
        }
        .modul-anfrage {
                padding-bottom: 20px;
        }
}

@media (max-width: 1199px) {
        #picture {
                top: calc(37.5vw - 20px);
                max-width: 50%;
        }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {                /*  Tablet quer */
        h2 {
                font-size: 30px;
        }
        .h2 {
                font-size: 30px;
        }
        h4 {
                font-size: 18px;
        }
        p {
                font-size: 16px;
        }
        .mod-languages {
                padding-top: 20px;
        }
        .search {
                padding-top: 20px;
        }
        #logoresponsive {
                width: 550px;
        }
        #mod-search-searchword {
                font-size: 16px;
        }
        #mainmenu {
                margin-top: 10px;
        }
        #mainmenu ul li a {
                font-size: 17px;
        }
        .bildbeschreibung-icon img{
                width: 75px;
                height: 52.50px;
        }
        .info-text {
                font-size: 18px;
        }
        .bildbeschreibung-icon img{
                width: 50px;
                height: 35px;
        }
        #info2 {
                height: 350px;
                padding-top: 70px;
        }
        #info2 p {
                font-size: 18px;
        }
        #info2 .sprite-header_icon6 {
                background-size: 256px 234px;
                width: 23px;
                height: 20px;
                background-position: -160px -2px;
        }
        #info2 .sprite-header_icon7 {
                background-size: 256px 234px;
                width: 23px;
                height: 20px;
                background-position: -40px -117.5px;
        }
        .marshallkörper .sprite-header_icon7 {
                margin-right: 20px;
        }
        .videorahmen {
                height: 450px;
        }
        .demo-video .wieverwendetmanairphalt {
                padding-top: 50px;
        }
        .uberschriftvideo {
                margin-top: 100px;
        }
        .playbuttonweiß {
                padding-top: 160px;
                height: 300px;
        }
        .fancybox-content {
                min-height: 600px;
        }
        #was-ist-airphalt-container{
                padding-bottom: 40px;
        }
        .marshallkörper {
                padding-top: 400px;
                padding-bottom: 80px;
        }
        .umwelt {
                padding-top:100px;
                padding-bottom:100px;
        }
        .newsflash {
                padding-bottom: 0px;
        }
        .item {
                padding-top: 50px;
        }
        .col-md-6 {
                padding-bottom: 100px;
                padding-left: 20px;
                padding-right: 20px;
        }
        .merkmale .img-intro .img-responsive {
                margin-top: -160px;
                left: 34%;
        }
        .marshallkörper p {
                font-size: 20px;
        }
        .marshallkörper .sprite-header_icon7 {
                background-size: 256px 234px;
                width: 23px;
                height: 20px;
                background-position: -40px -117.5px;
        }
        .umwelt {
                padding-bottom: 50px;
        }
        .modul-anfrage {
                height: 750px;
        }
        #nachricht {
                padding-bottom: 250px;
        }
        .kontakt-bild {
                height: 550px;
        }
        .download-bild {
                height: 550px;
        }
        .produkte-bild {
                height: 550px;
        }
        .produkte .col-md-4.col-xs-12 .item  .item-image {
                left: 25%;
        }
        .produktueberschrift{
                font-size: 30px;
        }
        .produkte .page-header h2 {
                font-size: 16px;
        }
        .produkte #content .img-responsive {
                left: 25%;
        }
        #kontakt {
                padding: 50px 0px;
        }
        #bottom {
                padding-left: 50px;
                padding-right: 50px;
        }
        .telefonundemail {
                border: none;
        }
        .sprite-footer1 {
                text-align: center;
        }
        .item-118 {
                font-size: 14px;
                text-align: center;
                padding-top: 88px;
        }
        #bottom {
                padding: 55px 0;
        }
        .telefonundemail .sprite-footer1 {
                background-size: 256px 234px;
                width: 29.5px;
                height: 15px;
                background-position: -95px -2.5px;
        }
        .telefonundemail .sprite-footer2 {
                background-size: 256px 234px;
                width: 25px;
                height: 33.5px;
                background-position: -130px -2.5px;
        }
        .downloads .moduletable {
                padding-top: 50px;
        }
        .mehr-info ul li {
        font-size: 14px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {                        /* Tablet hoch*/
        h2 {
                font-size: 28px;
        }
        .h2 {
                font-size: 28px;
        }
        #logoresponsive {
                width: 500px;
        }
        .smaller #logoresponsive {
                width: 350px;
        }
        #mod-search-searchword {
                font-size: 12px;
        }
        #mainmenu {
                margin-top: 20px;
        }
        #mainmenu ul li {
                font-size: 15px;
        }
        #picture {
                top: 280px;
        }
        .front .bildbeschreibung-icon img {
                width: 50%;
        }
        .info-text {
                font-size: 16px;
        }
        .airphalt #info .clearfix {
                height: 15px;
        }
        #info2 {
                height: 280px;
                padding-top: 40px;
                padding-left: 45px;
        }
        #info2 p {
                font-size: 16px;
        }
        #info2 .sprite-header_icon6 {
                background-size: 256px 234px;
                width: 23px;
                height: 20px;
                background-position: -160px -2px;
                margin-right: 20px;
        }
        #info2 .sprite-header_icon7 {
                background-size: 256px 234px;
                width: 23px;
                height: 20px;
                background-position: -40px -117.5px;
                margin-right: 20px;
        }
        .demo-video .wieverwendetmanairphalt {
                padding-top: 20px;
        }
        .fancybox-content {
                min-height: 450px;
        }
        .einleitungssatz {
                padding-right: 50px;
        }
        .newsflash {
                padding-bottom: 0px;
        }
        .marshallkörper {
                padding-top: 50px;
        }

        .h2marshall {
                padding-top: 270px;
                font-size: 14.5px;
        }
        .umwelt {
                padding-bottom: 20px;
                padding-top: 20px;
        }
        .item {
                padding-top: 50px;
        }
        .quadrat {
                margin-top: 50px;
        }
        .col-md-6 {
                padding-top: 80px;
                padding-bottom: 80px;
                padding-left: 10px;
                padding-right: 10px;
        }
        .merkmale .img-intro .img-responsive {
                left: 40%;
        }
        .marshallkörper p {
                font-size: 18px;
        }
        .marshallkörper .sprite-header_icon7 {
                background-size: 256px 234px;
                width: 23px;
                height: 20px;
                background-position: -40px -117.5px;
        }
        .marshallkörper p {
                font-size: 14px;
        }
        .marshallkörper .sprite-header_icon7 {
                margin-right: 20px;
        }
        .modul-anfrage {
                height: 300px;
                padding-left: 50px;
                padding-right: 50px;
        }
        .classname {
                margin-top: 5px;
                margin-bottom: 0px;
        }
        .classemail {
                margin-top: 5px;
                margin-bottom: 10px;
        }
        #nachricht {
                padding-bottom: 180px;
        }
        .kontakt-bild {
                height: 450px;
        }
        .download-bild {
                height: 450px;
        }
        .produkte-bild {
                height: 450px;
        }
        .produkte .col-md-4.col-xs-12 .item  .item-image {
                left: 39%;
        }
        .produkte .blog .col-md-4 {
                padding-bottom: 100px;
        }
        .produktueberschrift {
                font-size: 36px;
        }
        .produkte .container {
                padding-bottom: 10px;
        }
        .produkte #content .img-responsive {
                left: 38%;
        }
        #bottom {
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 15px;
                padding-bottom: 25px;
        }
        .col-md-6 {
                padding-top: 20px;
                padding-bottom: 20px;
                padding-left: 20px;
                padding-right: 20px;
        }
        #bottom {
                padding-left: 100px;
                padding-right: 100px;
        }
        .modul-anfrage {
                height: 800px;
        }
        .adresse-footer {
                border-right: solid #e84e0f;
        }
        .telefonundemail {
                border-right: solid #e84e0f;
        }
        #nill a {
                border-right: solid #e84e0f;
        }
        .item-118 {
                left: 0;
                padding-top: 0px;
                text-align: center;
        }
        .table tr td a {
                font-size: 15px;
        }
        #kontakt {
                padding: 0px 0px;
        }
        .demo-video .playbuttonweiß {
                height: 380px;
        }
        .downloads .moduletable {
                padding-top: 50px;
        }
}

@media (max-width: 991px) {
        .navbar {
                min-height: 100px;
        }
        .mod-languages,
        .suchbox {
                padding-top: 0;
        }
        .navbar-brand {
                margin-top: 10px;
        }
}

@media only screen and (max-width: 767px) {                        /* Smartphone*/
        html, body {
                overflow-x: hidden !important;
                }
        h2 {
                font-size: 22px;
        }
        .h2 {
                font-size: 22px;
        }
        p {
                font-size: 14px;
        }
        .mod-languages {
        padding-top: 0px;
        }
        #logoresponsive {
                width: 300px;
                padding-bottom: 10px;
        }
        .smaller #logoresponsive {
                width: 180px;
                padding-bottom: 10px;
        }
        #utilities .search {
                display: none;
                visibility: hidden;
        }
        #utilities {
                padding: 5px;
        }
        #mainmenu {
                padding-top: 0px;
        }
        #mainmenu ul li a {
                font-size: 16px;
        }
        #picture {
                top: calc(27.2vw + 20px);
                max-width: 60%;
        }
        #info {
                position: static;
                background: #000;
                padding: 70px 15px 20px;
        }
        .sprite-header_icon6 {
                margin-right: 10px;
        }
        .sprite-header_icon7 {
                margin-right: 10px;
                margin-top: 12px;
        }
        #info2 .sprite-header_icon6 {
                background-size: 170.66667px 156px;
                width: 15.33333px;
                height: 13.33333px;
                background-position: -106.66667px -1.33333px;
        }
        #info2 .sprite-header_icon7 {
                background-size: 170.66667px 156px;
                width: 15.33333px;
                height: 13.33333px;
                background-position: -26.66667px -78.33333px;
        }
        .info-text {
                font-size: 12px;
        }
        .bildbeschreibung-icon img{
                width: 40px;
                height: 28px;
        }
        #info2 {
                padding: 30px 0;
        }
        #info2 p {
                font-size: 12px;
        }
        #was-ist-airphalt-container{
                padding-top: 50px;
                padding-bottom: 0px;
        }
        .wasistairphalt .container h2 {
                font-size: 22px;
        }
        .wasistairphalt p {
                line-height: 2em;
        }
        .uberschriftvideo {

        }
        .front .videorahmen {
                height: 400px;
        }
        .front .newsflash-title {
                font-size: 20px;
        }
        .front .newsflash {
                padding-bottom: 0px;
        }
        .playbuttonweiß {
                padding-top: 130px;
                height: 220px;
        }
        .fancybox-content {
                min-height: 350px;
        }
        .merkmale {
                padding-top: 0px;
        }
        .merkmale .img-intro .img-responsive {
                margin-top: -120px;
                left: calc(50% - 70px);
                height: 140px;
                width: 140px;
        }
        .col-md-6.col-xs-12.quadrat .item {
                padding-top: 40px;
        }
        .btn {
                font-size: 14px;
        }
        .marshallkörper {
                padding-top: 0px;
                padding-bottom: 15px;
                background-size: contain;
        }
        .marshallkörper p {
                font-size: 12px;
        }
        .h2marshall {
                padding-top: 250px;
                font-size: 14px;
        }
        .marshallkörper .sprite-header_icon7 {
                background-size: 170.66667px 156px;
                width: 15.33333px;
                height: 13.33333px;
                background-position: -26.66667px -78.33333px;
        }
        .umwelt {
        padding-top:100px;
        padding-bottom:100px;
}
        #nachricht {
                padding-bottom: 100px;
        }
        .classnachricht {
        margin-bottom: 10px;
        }
        .front #kontakt h2 {
                font-size: 22px;
        }
        .front #kontakt h4 {
                font-size: 16px;
        }
        .front .module-anfrage {
                padding: 0px 0px;
        }
        .telefonundemail {
                border: none;
        }
        .sprite-footer1 {
                text-align: center;
        }
        .item-118 {
                font-size: 14px;
                text-align: center;
                padding-top: 30px;
        }
        #bottom {
                padding: 55px 0;
        }
        .demo-video .uberschriftvideo {
                font-size: 20px;
        }
        .demo-video #kontakt h2 {
                font-size: 22px;
        }
        .demo-video #kontakt h4 {
                font-size: 16px;
        }
        .demo-video .wieverwendetmanairphalt {
                padding-top: 0px;
        }
        .demo-video .videorahmen {
                height: 400px;
                margin-bottom: 0px;
        }
        .kontakt-bild {
                height: 350px;
        }
        .produkte-bild {
                height: 350px;
        }
        .produkte .page-header h2 {
                font-size: 22px;
        }
        .produkte .blog .col-md-4 {
                padding-bottom: 100px;
        }
        .produkte .page-header {
                padding-bottom: 0px;
        }
        .produkte .produktueberschrift {
                font-size: 22px;
                padding-bottom: 110px;
        }
        .produkte .page-header h2 {
                font-size: 16px;
        }
        .produkte .container {
                padding-top: 0px;
                padding-bottom: 0px;
        }
        .produkte .ueberschriftopa {
                padding-top: 40px;
                font-size: 20px;
        }
        .produkte #content .img-responsive {
                left: 28%;
        }
        .mehr-info #textrechteck h2 {
                font-size: 18px;
        }
        .produkte li {
                font-size: 12px;
        }
        .mehr-info .item-page {
                padding-top: 150px;
                padding-bottom: 40px;
        }
        .mehr-info ul li {
                font-size: 12px;
        }
        .mehr-info #kontakt {
                padding-top: 40px;
        }
        .mehr-info #kontakt h2 {
                font-size: 22px;
        }
        .mehr-info #kontakt h4 {
                font-size: 16px;
        }
        .downloads .icon-download {
                padding-right: 10px;
                width: 40px;
        }
        .downloads #kontakt {
                padding: 0px 0px;
        }
        .downloads .page-header h2 {
                font-size: 22px;
                padding-left: 20px;
        }
        .downloads .container {
                padding-left: 20px;
                padding-bottom: 30px;
        }
        .downloads .page-header {
                padding-bottom: 0px;
        }
        .downloads .col-lg-6 a {
                font-size: 14px;
        }
        .downloads #kontakt h2 {
                font-size: 22px;
        }
        .downloads #kontakt h4 {
                font-size: 16px;
        }
        .downloads .modul-anfrage {
                padding-top: 40px;
                padding-bottom: 30px;
        }
        .impressum h1 {
                font-size: 22px;
        }
        .impressum h2 {
                font-size: 22px;
        }
        .impressum h3 {
                font-size: 18px;
        }
        .impressum p {
                font-size: 14px;
        }
        /*Smartphone Navigation*/
        .nav-pills > li {
                float: none;
                position: static;
        }
        .nav.menu.nav-pills {
                width: 100%;
        }
        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
                border-color: #e7e7e7;
                background: #fff;
                height: 250px;
                border-bottom: 1px solid #eee;
        }
        .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
                color: #fff;
                background-color: #e84e0f;
        }
        .nav > li > a {
                position: relative;
                display: block;
                padding: 6px 8px;
        }
        .nav-pills > li + li {
                margin-left: 2px;
        }
        .nav > li > a:hover, .nav > li > a:focus {
                text-decoration: none;
                background-color: #eee;
        }
        #mainmenu ul li {
                padding-top: 5px;
                padding-bottom: 5px;
        }
}



/* Header Slider Responsive */

/* @media only screen and (min-width: 1701px) { */
        /* .info-text { */
                /* font-size: 38px; */
        /* } */
        /* #info { */
                /* top: 700px; */
                /* left: 830px; */
        /* } */
/* } */


@media only screen and (max-width: 2600px) {
        #info {
                top: 1050px;
                left: 1050px;
        }
        .info-text {
                font-size: 2em;
        }
}

@media only screen and (max-width: 2270px) {
        #info {
                top: 900px;
                left: 950px;
        }
}

@media only screen and (max-width: 1980px) {
        #info {
                top: 800px;
                left: 850px;
        }

}

@media only screen and (max-width: 1850px) {
        #info {
                top: 700px;
                left: 800px;
        }
}

@media only screen and (max-width: 1701px) {
        #info {
                top: 700px;
                left: 750px;
        }
}

@media only screen and (max-width: 1650px) {
        #info {
                top: 620px;
                left: 750px;
        }
        .info-text {
                font-size: 1.8em;
        }
}

@media only screen and (max-width: 1550px) {
        #info {
                top: 580px;
                left: 720px;
        }
        #info2 {

        }
}


@media only screen and (max-width: 1475px) {
        #info {
                top: 540px;
                left: 660px;
        }

}

@media only screen and (max-width: 1425px) {
        #info {
                top: 535px;
                left: 640px;
        }
        .info-text {
                font-size: 1.6em;
                padding-top: 4px;
        }

}

@media only screen and (max-width: 1370px) {
        #info {
                top: 520px;
                left: 620px;
        }
}

@media only screen and (max-width: 1350px) {
        #info {
                top: 500px;
                left: 600px;
        }
}

@media only screen and (max-width: 1300px) {
        #info {
                top: 470px;
                left: 580px;
        }
        .info-text {
                font-size: 1.4em;
                padding-top: 4px;
        }

}

@media only screen and (max-width: 1200px) {
        #info {
                top: 520px;
                left: 480px;
        }
        .bildbeschreibung-icon {
                padding-top: 4px;
        }
        .blattschwarz {
                width: 25px;
        }
}

@media only screen and (max-width: 1150px) {
        #info {
                top: 490px;
                left: 450px;
        }
}

@media only screen and (max-width: 1095px) {
        #info {
                top: 460px;
                left: 430px;
        }
        .info-text {
                font-size: 1.2em;
        }
}

@media only screen and (max-width: 1010px) {
        #info {
                top: 430px;
                left: 430px;
        }
}

@media only screen and (max-width: 992px) {
        #info {
                top: 460px;
                left: 430px;
        }
        .info-text {
                font-size: 1em;
        }
}

@media only screen and (max-width: 960px) {
        #info {
                top: 430px;
                left: 400px;
        }
}

@media only screen and (max-width: 900px) {
        #info {
                top: 380px;
                left: 380px;
        }
        #info2 {
                padding-left: 10px;
        }
}

@media only screen and (max-width: 850px) {
        #info {
                top: 370px;
                left: 350px;
        }
        #info2 {
                padding-left: 10px;
        }
        .info-text {
                font-size: 0.8em;
                padding-top: 4px;
        }
}

@media only screen and (max-width: 825px) {
        #info {
                top: 360px;
                left: 340px;
        }
}

@media only screen and (max-width: 810px) {
        #info {
                top: 350px;
                left: 340px;
                border-top: 15px solid #e84e0f;
        }
        #info2 {
                border-top: 0px solid;
        }
}

@media only screen and (min-width: 768px) and (max-width: 810px) {
        #info {
                border-top: 0px solid;
        }
        #info2 {
                border-top: 15px solid #e84e0f;
        }

}

@media only screen and (min-width: 585px) and (max-width: 767px) {
        .produkte #content .img-responsive {
                left: 38%;
        }
        .blattschwarz {
                width: 6px;
        }
}

@media only screen and (min-width: 445px) and (max-width: 585px) {
        .produkte #content .img-responsive {
                left: 34%;
        }
        .blattschwarz {
                margin-right: 0px;
        }
}

@media only screen and (min-width: 365px) and (max-width: 445px) {
        .produkte #content .img-responsive {
                left: 30%;
        }
        .blattschwarz {
                margin-right: 0px;
        }
}

@media only screen and (max-width: 440px) {

        #bottom .moduletable {
        min-height: 0px;
        }

        #bottom {
        padding: 10px 0;
        }

        .item-118 {
        padding-top: 10px;
        }

        #bottom {
        overflow-x: hidden;
        }
        .blattschwarz {
                margin-right: 0px;
        }
}