@media screen and (max-width: 1600px){
    .container_slider::after{
        background: url('/site/templates/img/hoklartherm/Welle Grau/Welle_Grau_1600px.png') no-repeat center;
        height: 55px
    }

    .dunkelgruen .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Dunkelgruen/Welle_dunkelgruen_1600px.png') no-repeat center;
    }

    .orange .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Orange/Welle_orange_1600px.png') no-repeat center;
    }

    .lila .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Violett/Welle_Violett_1600px.png') no-repeat center;
    }

    .rot .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Rot/Welle_Rot_1600px.png') no-repeat center;
    }

    .gelb .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Gelb/Welle_gelb_1600px.png') no-repeat center;
    }

    .site_nav li a {
        background: #fff;
        padding: 5px 5px 5px 5px;
        color: rgba(30, 108, 44, 1);
    }

    .site_nav h3 {
        padding: 5px;
        font-size: 20px;
    }

    .site_nav li {
        font-size: 12px;
        line-height: 12px;
    }

    .site_nav {
        top: 50%;
        left: 5px;
    }



}

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

    .footer_links_container {
        width: 970px;
        position: relative;
        display: block;
        margin: 0 auto;
    }

    .piktogramm li {
        padding: 10px 0 10px 60px;
    }

    h1 {
        font-size: 26px;
    }


    .site_nav {
        top: 18%;
    }

    .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Grau/Welle_Grau_1140px.png') no-repeat center;
        height: 39px
    }

    .dunkelgruen .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Dunkelgruen/Welle_dunkelgruen_1140px.png') no-repeat center;
    }

    .orange .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Orange/Welle_orange_1140px.png') no-repeat center;
    }

    .lila .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Violett/Welle_Violett_1140px.png') no-repeat center;
    }

    .rot .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Rot/Welle_Rot_1140px.png') no-repeat center;
    }

    .gelb .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Gelb/Welle_gelb_1140px.png') no-repeat center;
    }

    #main-nav-collapse ul.navbar-nav li a {
        padding: 18px 0 30px 10px;
        font-size: 17px;
        font-weight: 400;
        font-family: Lato, sans-serif;
    }

    .footer-impressum {
        margin: 0 0 100px 0;
    }

    _::selection,
    .anpreisung-item {
        max-height: 10vh;
        position: relative;
        /*top: -50px;*/
    }

    .newsletter .btn.btn-default-gray.btn-lg {
        margin: 50px 0 15px 0;
    }


}

@media (max-width: 1024px) {
    .revolution-slider-wrapper.container_slider, .forcefullwidth_wrapper_tp_banner, #slider-fullwidth {

        width: 100% !important;
        max-height: 380px !important;
        height: 380px !important;
        max-width: 100% !important;

    }
    .container_preview {
        position: relative;
        top: 0;
        border-radius: 0;
        left: 0;
        padding: 0;
        transform: translate(0, 0);
    }

    .container_preview h2 {
        font-size: 20px;
        text-align: center;
        margin-top: 15px;
    }
    .container_preview {
        width: 100%;
    }
    .container_preview .btn.btn-default-gray.btn-lg {

        padding: 7px 20px 7px 20px;
        border-radius: 25px;
        border: none;
        background: #575656;
        color: #fff;
        font-size: 1.5rem;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 15px;
        text-decoration: none;

    }
    .d-block-md{
        display: block!important;
    }

    #contact-widget-bottom {
        min-height: 40px !important;
        bottom: -15px !important;
    }

    .panel-heading,.panel-body{
        display: none;
    }

}

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

    html, body {
        height: 100%;
        width: 100%;
        overflow-x: hidden;
    }
    input[type="checkbox"], #produkt_formular input[type="checkbox"] {
        margin: 7px 10px 0 0;
    }

    .footer_links_container {
        width: calc(100% + 30px);
        left: -15px;
    }

	.mt-xs-2 {
		margin-top: 2rem !important;
	}

	.hintergrund_blaetter_schwarz {

		background-image: none;
		background: #575656;

	}

	.fa-facebook-square {

		font-size: 26px;
		position: absolute;
		top: 12px;
		right: -12px;
		left: 0;

	}

    .offnungszeiten:before {
        width: 100%;
        content: "";
        position: absolute;
        height: 1px;
        border-top: 1px solid;
        top: 0px;
    }

    .offnungszeiten {
        padding: 15px 15px 0px 15px;
    }

    .anpreisung-item span {
        font-size: 6vw;
    }

    .vertical-align {
        display: block;
    }

    .container_slider::after{
        background: url('/site/templates/img/hoklartherm/Welle Grau/Welle_Grau_920px.png') no-repeat center;
        height: 31px
    }

    .dunkelgruen .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Dunkelgruen/Welle_dunkelgruen_920px.png') no-repeat center;
    }

    .orange .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Orange/Welle_orange_920px.png') no-repeat center;
    }

    .lila .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Violett/Welle_Violett_920px.png') no-repeat center;
    }

    .rot .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Rot/Welle_Rot_920px.png') no-repeat center;
    }

    .gelb .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Gelb/Welle_gelb_920px.png') no-repeat center;
    }

    .piktogramm li{
        font-size: 14px;
    }

    .produkt_kontaktbereich > h4{
        font-size: 20px;
    }

    .produkt_kontaktbereich > h5 {
        font-size: 32px;
    }

    .call_me h4 {
        font-size: 30px;
    }

    .call_me h3{
        font-size: 20px;
    }

    .newsletter .form-control {
        margin-bottom: 20px;
    }

    .footer-impressum {
        margin: 0 0 100px 0;
    }

    h1, .h1{
        font-size: 32px;
    }

    h2, .h2{
        font-size: 24px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    .revolution-slider-wrapper.container_slider,.forcefullwidth_wrapper_tp_banner,#slider-fullwidth{
        width: 100% !important;
        max-height: 400px !important;
        height: 400px !important;
    }

    .slider_box {
        width: 280px;
        top: 50px;
    }

    .slider_box h2.heading{
        font-size: 18px;
    }

    #contact-widget-bottom {
        display: none !important;
    }

    .anpreisung-item .svg {
        max-width: 6vw;
    }

    .overlay_nav {
        padding: 5px 15px 15px 15px;
    }

    .overlay_nav li::before {
        padding: 7px 9px;
        margin-left: -4px;
        margin-top: 4px;
    }

    .overlay_nav li {
        margin: 2px 0 0 0;
        font-size: 14px;
    }

    .overlay_nav a {
        color: #000;
        padding: 5px 0;
        margin: 5px 0 5px 20px;
    }

    .nav-topbar .left, .nav-topbar .right {
        float: none;
    }

    .nav-topbar {
        text-align: center;
    }

    .nav-topbar .navbar-right>li, .nav-topbar .navbar-right>li>a {
        display: inline;
        margin-top: 12px;

    }

    ul.nav.navbar-nav.navbar-right {
        width: 100% !important;
    }

}


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

    .teaser-blog img {
        max-width: 300px;
    }

    .tp-tabs, .tp-thumbs, .tp-bullets{
        /*left: calc(50% - 55px) !important;*/
        left: calc(50% - 5px) !important;
    }


    .anpreisung-item .svg {
        max-width: 5rem;
    }

    .anpreisung-item span{
        font-size: 5rem;
    }
    .nav-topbar .nav > li > a {
        font-size: 16px;
        font-size: 14px;
    }

    .navbar-brand > img {
        display: block;
        max-height: 50px;
    }

    .navbar-default .navbar-toggle i {
        font-size: 24px;
    }

    .navbar-default .navbar-toggle {
        margin: 10px 0 0 0;
    }

    #contact-widget-bottom {
        display: none !important;
    }

    #wrapper {
        overflow: hidden;
        width: 100%;
    }

    #content-slider div.owl-next {
        right: 0px;
    }

    #content-slider div.owl-prev {
        left: 0px;
    }

    #content-slider.owl-carousel {
        overflow: hidden;

    }

    .navbar-form {
        padding: 0px;
        margin: 0 0 15px 0;
    }

    #search:focus, #search:hover {
        width: 100%;
    }

    .nav.navbar-nav.main-navbar-nav {
        float: left !important;
        margin: 20px 0 0 0;
        width: 100%;
    }

    .navbar {
        z-index: 9999;
        position: fixed;
    }

    .abstand-xs {
        height: 99px;
    }

    .produkt .btn {
        margin: 10px 0 0 0 !important;
    }

    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        border: none;
        background: #2ca536;
        color: #fff;
        z-index: 99;
    }

    .navbar-toggle i {
        margin: 0;
    }

    #main-nav-collapse {
        padding: 0;
    }

    .hintergrund_abstand {
        padding: 20px 0;
    }

    .piktogramm li::before {
        padding: 12px 16px;
        position: absolute;
        margin-right: 30px;
    }

    .icon_buttons {
        margin: 0px 0 25px 0;
        padding: 10px;
    }

    .vorschau_thumb {
        margin: 15px 0 !important;
    }

    .vorschau_thumb button, .hintergrund_abstand button, .einladung a, .btn.btn-default-gray.btn-lg {
        padding: 6px 10px 6px 10px;
        font-size: 14px;
    }

    section div.row > div {
        margin-bottom: 15px;
    }

    .icon_block h3 {
        font-size: 18px;
    }

    .produktvorschau h3 {
        color: #575656;
        margin: 20px 0;
        font-size: 30px;
    }

    .footer-impressum li {
        width: 50%;
        text-align: left;
        margin: 0 0 5px 0;
        min-height: 50px;
        float: left;
    }

    .footer_nav a, .footer-impressum a, .footer-impressum p {
        padding: 0;
    }

    .newsletter .btn.btn-default-gray.btn-lg {
        display: block;
        margin: 20px 0;
    }

    .footer-impressum p.right {
        float: left;
    }

    .table-responsive {
        border: none;
    }

    .footer_nav ul {
        padding: 0;
    }

    .footer_nav ul li {
        width: 50%;
	    padding-left: 1.5rem;
    }

    h1, .h1 {
        font-size: 24px;
    }

    h2, .h2 {
        font-size: 20px;
    }

    h3, .h3 {
        font-size: 18px;
    }

    body {
        font-size: 14px;
    }

    .video_uebersicht h2 {
        padding: 0 15px;
    }

    .navbar-default .navbar-form {
        box-shadow: none;
    }

    .vorschau_thumb h3 {
        font-size: 18px;
    }

    .piktogramm li {
        width: 100%;
        text-align: left;
        padding: 10px 0 00px 60px;
    }

    .vertical-align {
        display: block;
    }

    .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Grau/Welle_Grau_768px.png') no-repeat center;
        height: 26px
    }

    .dunkelgruen .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Dunkelgruen/Welle_dunkelgruen_768px.png') no-repeat center;
    }

    .orange .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Orange/Welle_orange_768px.png') no-repeat center;
    }

    .lila .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Violett/Welle_Violett_768px.png') no-repeat center;
    }

    .rot .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Rot/Welle_Rot_768px.png') no-repeat center;
    }

    .gelb .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Gelb/Welle_gelb_768px.png') no-repeat center;
    }

    .newsletter .btn.btn-default-gray.btn-lg {
        position: relative;
        top: 0;
        margin: 30px 0 15px 0;

    }

    .icon_buttons i {
        color: #fff;
        font-size: 50px;
    }

    .slider_box {
        left: 0;
        top: 50px;
    }

    #sync1.owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 0 !important;
    }

    #sync1.owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 0 !important;
    }

    #contact-widget-bottom {
        left: 0;
        right: 0;
    }

    .vorschau_thumb h3 {
        min-height: 20px;
    }

    .mediathek_vorschau .video_wrap i {
        margin-top: 0;
    }

    #contact-widget-bottom h4 {
        font-size: 22px;
    }

    .produkt_kontaktbereich > h4 {
        font-size: 18px;
    }

    .produkt_kontaktbereich > h5 {
        font-size: 26px;
    }

    .call_me h4 {
        font-size: 24px;
    }

    .call_me h5 {
        margin: 10px 0 0 0;
    }

    .revolution-slider-wrapper.container_slider, .forcefullwidth_wrapper_tp_banner, #slider-fullwidth {

        width: 100% !important;
        max-height: 430px !important;
        height: 430px !important;
        max-width: 1024px !important;

    }



    .slider_box {
        width: 240px;
        top: -40px;
        left: 25px;
    }

    .slider_box h2.heading {
        font-size: 18px;
    }

    h1.norican strong {
        font-size: 20px !important;
    }

    .infobox {
        background-color: #575656;
        width: 100%;
        height: auto;
        padding: 15px 80px 15px 15px;;
    }

    .teaser-blog h3 {
        margin: 15px 0;
        font-size: 30px;
    }

    .teaser-blog .hintergrund_abstand button {
        margin: 10px 0 0 0;
    }

    .owl-theme .owl-controls .owl-buttons div::before, .owl-theme .owl-controls .owl-buttons div::after {
        font-size: 35px;
        line-height: 35px;
    }

    .produkt {
        margin: 0 0 15px 0;
        padding: 15px 0 15px 0;
    }

    .produkt_section {
        padding: 0 0 0px 0;
    }

    #zusatzinfos_beschreibung li a {
        padding: 15px 10px 15px 0;
        font-size: 16px;
    }

    .leistungserklaerung .btn {
        margin: 0 0 0 0 !important;
    }

    #produkt_kontaktformular, #produkt_formular, #partner_kontaktformular {
        padding: 15px;
        margin: 25px 0 0 0;
    }

    #produkt_kontaktformular h4, #produkt_formular h4, #partner_kontaktformular h4, #bestell_daten h4, #katalog_anfordern h4, #gutschein_formular h4 {
        font-size: 16px;
        margin: 0 0 15px 0;
        padding: 0 15px;
    }

    #produkt_kontaktformular a, #produkt_formular a, #partner_kontaktformular a, #bestell_daten a, #katalog_anfordern a, #gutschein_formular a {
        position: relative;
        top: 10px
    }

    .radio-inline, .checkbox-inline {
        padding-left: 24px;
    }

    footer {
        padding: 30px 0 0 0;
    }

    .footer-impressum {
        margin: 30px 0 0 0;
        padding: 15px 0;
    }

    .kaufbereich {
        margin: 10px 0 0 0;
    }

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

    .kaufbereich button.btn {
        margin-bottom: 0 !important;
    }

    .aktuelles-item .padding-horizontal-30 {
        padding: 0;
        margin: 20px 0 0 0;
    }

    .download-sort ul, .aktuelles-sort ul {
        padding: 0;
        margin: 0 0 10px 0;
    }

    .aktuelles-sort .aktuelles-item a.btn {
        margin: 10px 0 0 0;
    }

    .download-sort table a {
        border-radius: 7px;
        padding: 4px 15px;
    }

    .table-responsive {
        overflow-x: auto;
    }

    .download-sort .table-responsive td, .download-sort .table-responsive th,.padding-job td {
        width: 100%;
        float: left;
        margin: 5px 0;
        padding: 5px 0 5px 0;

    }

    .download-sort .table-responsive h3 {
        margin: 5px 0;
    }

    .bestellbutton, .bestellbutton .btn {
        margin: 0 !important;
    }

    .ausstellungsgarten_head img, .cafe_orange img {
        margin: 10px 0;
    }
    .service_leistungen i {
        font-size: 26px;
    }

    .teaser-blog h3 {
        margin: 5px 0;
        font-size: 3rem;
    }

    .service_leistungen h2 {
        margin: 0;
    }

    .bewerber_info h2 {
       font-size: 24px;
    }

    .tp-bgimg.defaultimg {
        background-position: 50% 50% !important;
    }

    .anpreisung-item p {
        margin: 2vw;
    }

    .modal-dialog {
        position: relative;
        margin: 110px 0 0 0;
    }

    #bestell_daten, #katalog_formular, #gutschein_formular {
        padding: 15px;
    }

    .overlay_nav {
        padding: 5px 15px 15px 15px;
    }

    .overlay_nav li::before {
        padding: 7px 9px;
        margin-left: -4px;
        margin-top: 4px;
    }

    .overlay_nav li {
        margin: 2px 0 0 0;
        font-size: 12px;
    }

    .overlay_nav a {
        color: #000;
        padding: 5px 0;
        margin: 5px 0 5px 20px;
    }

    .hephaistos .tp-bullet {
        width: 12px;
        height: 12px;
    }

    .kein-padding-xs{
        padding: 0 !important;
    }

    .carousel-content.carousel-has-navigation .owl-item{
        padding: 0 !important;
    }

    .owl-theme .owl-controls .owl-buttons {
        width: 100%;
        position: absolute;
        top: 50%;
        margin-top: 0;
        transform: translateY(-50%);
    }
    .mediathek-carousel.owl-theme .owl-controls .owl-buttons {
        width: 100%;
        top: unset;
        margin-top: 0;
        transform: translateY(-50%);
    }
    .mediathek-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
        left: 50px;
        right: unset;
    }
    .mediathek-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -10px;
    }

    .vorschau_thumb .video_wrap i{
        margin-top: 0;
    }

    #main-nav-collapse .dropdown-menu {
        overflow-y: scroll;
        max-height: 200px;
    }

    #main-nav-collapse ul.navbar-nav li a {
        padding: 18px 0 18px 10px;
    }

    .footer_nav ul li:nth-child(2n) {
        margin-bottom: 5px;
        clear: both;
    }

}


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

    .overlay_neu {
        padding: 5px 15px;
        font-size: 20px;
        border-radius: 100px 0px 100px 0px;
    }

    .produkt_detail .produkt_buttons .backbutton {
        margin: 0;
    }

    .teaser-blog img {
        max-width: 100%;
    }


    .slider_box{
        left: 100px;
        top: 25px;
        padding-bottom: 0;
        transform: none;
    }
    .slider_box .btn.btn-default-gray{
        margin-bottom: 10px;
    }
    .tp-bullet,
    .tp-bullets {
        display: none;
    }

    #contact-widget-bottom {
        width: 100%;
    }
    .container_slider::after{
        background: url('/site/templates/img/hoklartherm/Welle Grau/Welle_Grau_368px.png') no-repeat;
        height: 12px;
        background-size: cover;
    }

    .dunkelgruen .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Dunkelgruen/Welle_dunkelgruen_368px.png') no-repeat center;
    }

    .orange .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Orange/Welle_orange_368px.png') no-repeat center;
    }

    .lila .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Violett/Welle_Violett_368px.png') no-repeat center;
    }

    .rot .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Rot/Welle_Rot_368px.png') no-repeat center;
    }

    .gelb .container_slider::after {
        background: url('/site/templates/img/hoklartherm/Welle Gelb/Welle_gelb_368px.png') no-repeat center;
    }

    .revolution-slider-wrapper.container_slider, .forcefullwidth_wrapper_tp_banner, #slider-fullwidth {
        width: 100% !important;
        max-height: 240px !important;
        height: 240px !important;
    }

    .overlay_nav{
        display: none;
    }


}
@media screen and (max-width: 414px) {
    .slider_box{
        left: 85px;
    }
}
@media screen and (max-width: 375px) {
    .mediathek-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
        left: 25px;
    }
    .mediathek-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -25px;
    }
    .slider_box{
        left: 70px;
    }
}
@media screen and (max-width: 360px) {
    .slider_box{
        left: 60px;
    }
}
@media (max-width: 320px) {
    /*Sonderloesung fuer iPhone 5s*/
    .fa-facebook-square {

        font-size: 20px;
        position: absolute;
        top: 15px;
        left: 0px;

    }
}