@media screen and (max-width: 1900px){
    .nhkinfo {
        margin-bottom: 0px !important;
        height: auto !important;
    }
}
@media screen and (max-width: 1706px){
    #label_dsgvo{
        padding-top: 0;
    }
    #l_dsgvo {
        bottom: -28px;
    }
}
@media screen and (max-width: 1650px){
	:root {
		--fs-huge: 40px;
	    --lh-huge: 50px;
	}
}
@media screen and (max-width: 1530px){
	.wecare {
		padding: 15px;
	}
	.wecare .reflink, .defteaser .reflink {
		font-size: 18px;
		line-height: 28px;
	}
    .list_amount {
        width: 50%;
    }
}
@media screen and (max-width: 1400px){
	.teasertxtr, .teasertxtl {
		padding-top:0px;
	}
	.wecarewrapper{
		padding-left: 0px;
		padding-top: var(--m-med);
	}
	.footerbottom a {
		padding-left: 80px !important;
	}
	.deftsr{
		padding-bottom: var(--m-med);
	}
	.companyinfo h1 {
		font-size: 35px;
		line-height: 45px;
	}
	#refdetailcon h1 {
		font-size: 38px;
		line-height: 48px;
	}
	.slick-dots li button::before{
		width: 15px;
		height: 15px;
	}
}
@media screen and (max-width: 1250px){
	.companyinfo h1 {
		font-size: 30px;
		line-height: 40px;
	}
}
@media screen and (max-width: 1200px){
    .topnav{
        right:100px;
    }
	.wctxtshort{
		padding-top: 200px;
	}
	#refdetailcon {
		font-size: 20px;
		line-height: 30px;
	}
	.partnerlink {
		padding-right: 50px;
	}
	.companyinfo {
		font-size: 18px;
		line-height: 28px;
		word-break: break-all;
	}
	.teaser_box h2{
		margin-top: 0;
	}
}
@media screen and (max-width: 1000px){
    #ovcontent {
        width: 80vw;
    }
    .co_ltitem {
        font-size: 13px;
        line-height: 28px;
    }
    #checkout_next {
        background: #c00a28 url(../img/co_next.jpg) center right 10px no-repeat;
    }
}
@media screen and (max-width: 992px){
	:root{
		--fs-huge: 38px;
	    --lh-huge: 48px;

		--fs-std: 18px;
		--lh-std: 28px;
	}
	.homenws{
		padding-bottom: var(--m-med);
	}
    .teasertxtr {
        padding-left:15px;
        margin-top: var(--m-sml);
    }
    .teasertxtl {
        margin-top: var(--m-sml);
    }
	.wctxtshort {
		padding-top: 0px;
	}
	.wecarewrapper {
		padding-left: 15px;
		padding-top: 0;
	}
    .co_ltitem, .cart_item{
        width: 33.334%;
    }
	.blog .simpli_item{
		padding-bottom: var(--m-med);
	}

	.nav {
       padding: 150px 120px;
	}
	.flex-fill {
		flex: inherit !important;
		padding-bottom: var(--m-med);
	}
	#refdetailcon h1 {
		font-size: 34px;
		line-height: 44px;
		margin-top: var(--m-sml);
	}
	.blog .simpli_item {
		padding-bottom: var(--m-sml);
	}
    #select_country, #select_place {
        width: 49%;
    }
    .agenda_filter{
        width: 100%;
    }

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

    ul.topnav {
        display:none;
    }
    .istopnav a{
        margin-left:0;
    }
    .nav .istopnav {
        display:block;
    }
	.footerbottom a{
		padding-left: 20px !important;
	}
    .contactlink {
        font-size: 20px;
    }
}
@media screen and (max-width: 820px){
	.container-fluid {
		margin-top: 0;
	}
    .del_cart {
      padding-left: 10px;
    }
    .cartwrap {
        top: -70px;
    }
}
@media screen and (max-width: 768px){
	:root{
		--fs-huge: 35px;
	    --lh-huge: 45px;

		--fs-big: 33px;
		--lh-big: 43px;

		--fs-std: 18px;
		--lh-std: 28px;
	}
	.istopnav a {
		padding-right: 35px;
		font-size: 20px;
		line-height: 30px;
	}
/*    .nav {
        background-image: url('/img/stier_rot.svg'), url('/img/logo_white.png');
        background-size: 65% auto, 190px auto;
    }*/
    .footerbottom a {
        padding-right: 15px !important;
        padding-left: 0px !important;
    }
	.bottomright {
		padding: 0;
	}
	.bottomright .text_box {
		padding-right: 15px;
	}
	.footericon{
		justify-content: inherit;
		padding-left: 8.334%;
	}
	.bottomright {
		padding: 0;
		width: 100%;
		justify-content: inherit;
		margin-top: 10px;
	}
	.companyinfo h1 {
		font-size: 28px;
		line-height: 38px;
	}
	.flex-fill {
		flex: inherit !important;
		padding-bottom: 0px;
	}
	.wctxtshort {
		padding-top: 0;
	}

	#refdetailcon h1 {
		font-size: 30px;
		line-height: 40px;
	}
	.refdettitle {
		font-size: 20px;
		line-height: 30px;
	}
	#refdetailcon {
		font-size: 19px;
		line-height: 29px;
	}
	.slick-dots li button::before {
		top: 10px;
	}
	.wcinfowrapper  .companyinfo h1 {
		font-size: 24px;
		line-height: 34px;
	}
	.wcinfowrapper .flex-fill {
		padding-bottom: var(--m-big);
	}
	.newscontent img {
		width: 100%;
	}
    .rentov_box{
        font-size: 14px;
    }
    #amount {
      display: block;
    }
    #cart{
        float: inherit;
        margin-top: var(--m-sml);
        margin-bottom: var(--m-sml);
    }
    .co_nav {
     display:none;
    }
    .rent_overlay {
        max-height: 71vh;
    }

    .cart_item{
        height:100px;
        margin-top: 0;
    }
    .cart_row{
        margin-top: 20px;
    }
    .cart_img img{
        width: 50% !important;
    }
    #list_etc, #list_liefer, #list_express {
        width: 66.667%;
    }
    #total_exkl, #liefer, #express {
      width: 33.334%;
    }
    .checkout_button {
      width: 33.334%;
    }
    .agenda_wrapper {
        margin-bottom: 10px;
    }
    .agenda_row {
        height: 60px;
    }
    #select_country, #select_place {
        margin-bottom: 10px;
        width: 100%;
    }
}
@media screen and (max-width: 650px){

	.defteaser .reflink {
		font-size: 17px;
		line-height: 27px;
	}
	#refdetailcon h1 {
		font-size: 27px;
		line-height: 37px;
	}
	.slick-dots li button::before {
		width: 12px;
		height: 12px;
	}
    .contactlink {
        font-size: 17px;
    }
}
@media screen and (max-width: 615px){
    #search_wrapper {
      width: 290px;
    }
    .footeradr {
        width: 100%;
    margin-left: 0;
    margin-top: var(--m-sml);
    }
}
@media screen and (max-width: 576px){
    :root{
        --m-big: 50px;
    }
	#cookie_wrapper{
        top: inherit;
        bottom:0px;
        width:100%;
        padding:20px;
        z-index: 100000;
    }
    #contact_btn{
        display: none;
    }
    #contact_box{
        width:0;
        top: 110px;
        bottom:inherit;
    }
    #contact_box.isopen {
        width: calc(100% - 30px);
        right: 15px;

    }
    #contact_conwrapper{
        flex-wrap:wrap;
        overflow:auto;
        height: calc(100vh - 120px);
    }
    #contact_mob{
        display: block;
        width: 37px;
        cursor: pointer;
        position: absolute;
        right: 82px;
        top: 48px;
    }
    .detimgwrapper{
        padding-bottom: var(--m-sml);
    }
    .cpwrapper {
        margin-top: 100px;
    }
	.slick-dots li button::before {
		width: 12px;
		height: 12px;
	}
    #checkout_address input, #checkout_address select, #checkout_address textarea{
        width:100%;
    }
    #checkout_address h2{
        margin-top: var(--m-sml);
        font-size: 30px;
        line-height: 40px;
    }
    .blogdettxt img {
        width: 100%;
    }
    .agenda_filter {
        width: 97%;
        margin-left: 0;
    }
    #co_listtitle, .cart_row, #cart_footer {
        padding-left: 10px;
        padding-right: 10px;
    }
    .checkout h1{
        padding-left: 0;
    }
    #ivrgsame label, #ivrgsame input {
      width: inherit;
    }
	.hometext, .homenews, .deftxt, .defref, .defteaser, .companyinfowrapper,
	.wcinfowrapper, .wctxtshort, .reftitle, .reference_filter, .ref, .partner, .blog, .shopwwapper, .contactcon, .contact.form, .teaserimg, .teasertxtr, .teasertxtl {
		padding-right: 30px;
		padding-left: 30px;
	}
    .defref .devider_red {
        margin-left:30px;
    }
    .contactlinkwrapper{
        padding-left:30px;
        padding-top: var(--m-med);
    }
    .rent_overlay img {
        width: 50%;
        padding-bottom: var(--m-sml);
    }
	.topleft, .footericon{
		padding-left: 15px !important;
	}
	.footerbottom, .shopnav{
		padding-right: 15px;
		padding-left: 15px;
	}
    .checkout{
        padding-left:30px;
        padding-right: 15px;
    }
	.bottomright{
		padding: 0 !important;
	}
	.footerbottom a{
		padding-right: 15px !important;
	}
	.footericon img {
		width: 40px;
	}
	footer {
		padding: 40px 0;
	}
	footer a {
		padding-right: 15px !important;
	}
	#select_branche {
		margin-right: 0;
	}
    #select_branche, #select_size {
        height: 45px;
        margin-bottom: 10px;
    }
	.deftsr:not(:last-child) {
		padding-bottom: var(--m-big);
	}
	.flex-fill{
		padding-bottom: 0;
		margin-bottom: 85px;
	}
	.wcinfowrapper .companyinfo {
		height: 60%;
	}
	.companyinfowrapper {
		margin-top: 0;
	}
	.dl a{
		width: 100%;
	}
	header {
		padding: 41px 40px 0px 15px;
	}
	#btn_nav {
		right: 15px;
	}
	.istopnav a {
		padding-right: 30px;
	}
	.topnav {
		top: 77px;
        left: 30px;
	}
	.nav {
		width: 105vw;
        background-image: url('/img/stier_rot.svg'), url('/img/logo_white.png');
        background-size: 90% auto, 250px auto;
	}
	.textbox.diabox{
		margin-bottom: var(--m-sml);
		width: 50%;
	}
	.shopnav{
		margin-top: 25px;
	}
    .contact {
        padding-top: var(--m-med);
    }
    .contact.form{
        padding-bottom: var(--m-med);
    }
    .cartwrap{
        right: inherit;
    }
    #data {
        margin-top: var(--m-sml);
        padding-left: 0;
    }
    .agenda_row {
        height: 90px;
    }
    .agenda_wrapper {
        margin-bottom: 15px;
        padding-left: 15px;
    }
    .agenda_box {
        top: -45px;
    }
    .agenda_title{
        margin-bottom: 0;
    }
    .wcinfowrapper .flex-fill {
        margin-bottom:20px;
    }
}
@media screen and (max-width: 550px){
	:root{
		--fs-huge: 30px;
		--lh-huge: 40px;
	}
	#ovcontent {
		position: fixed;
		width: 80vw;
	}
    .langnav {
        right: 60px;
    }
}
@media screen and (max-width: 500px){
	.nav {
        width: 110vw;
		padding: 90px;
        padding-top: 150px;
		font-size: 30px;
		line-height: 40px;
	}
	.footeradr {
		margin-left: auto;
	}

    .co_ltitem, .cart_item, #list_etc, #total_exkl, #list_liefer, #list_express, #liefer, #express {
        width: 50%;
    }
     .checkout_button{
         width:49%;
     }
    .cart_img img {
      width: 45% !important;
    }
    .refdettitle {
        font-size: 18px;
        line-height: 28px;
    }
}
@media screen and (max-width: 460px){
    .wcinfowrapper .flex-fill {
      padding-bottom: 30px;
    }
    .nav {
        padding-left: 70px;
    }
	.nav li {
		padding-bottom: 10px;
	}
	.nav li a{
		font-size: 30px;
		line-height: 40px;
	}
    .checkout_button {
        width: 49%;
    }
    .langnav {
        right: -10px;
        top: 115px;
    }
}
@media screen and (max-width: 400px){
	:root{
		--fs-huge: 23px;
		--lh-huge: 33px;

        --fs-big: 23px;
        --lh-big: 33px;

        --fs-std: 16px;
        --lh-std: 26px;

		--m-med: 50px;
		--m-big: 80px;
	}
    .logo {
      width: 200px;
      margin-top: 6px;
    }
    body{
        font-size: 16px;
        line-height:26px;
    }
	.wcinfowrapper .companyinfo h1 {
		font-size: 21px;
		line-height: 31px;
		word-break: break-word;
	}
    .nhkinfo img{
        width: 100% !important;
    }
    .nhkinfo {
        padding: 0px !important;
    }
	.refdettitle {
		width: 125px;
	}
	#refdetailcon {
		font-size: 17px;
		line-height: 27px;
	}
	.textbox.diabox{
		width: 100%;
	}
	.nav li a{
		font-size: 28px;
		line-height: 18px;
	}
    .rent_overlay img {
        width: 60%;
    }
    .cpwrapper .simpli_item {
        width: 50%;
    }
    .companyinfo{
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .companyinfo img{
        width: 50%;
    }
    .companyinfo h1 {
        font-size: 20px;
        line-height: 30px;
        margin-top:10px;
        margin-bottom: 10px;
    }
}
