@charset "UTF-8";

  #desktop-search .dropdown button { width: 1.3em; line-height: 2.05em; padding: .7em 0 0em 0; }

    #desktop-search .dropdown { margin-left: 0; }

    #desktop-search .dropdown-content { margin-left: 0; }
    #desktop-search .desktop_nav_oben_ { margin-left: 50%; }
    #desktop-search .search-formelements  { margin-bottom: 1em; display: flex;/*width: 30vw;padding: 1em 0 4em 0;*/}

    form input[type="text"].suchen_desktop { border: 1px solid rgba(33,33,33,0);}
    form { border-bottom: 0px solid rgba(33,33,33,0.1); }
    form input[type=text].suchen_desktop { background-color: rgba(33,33,33,0);  border-bottom: 1px solid rgba(0,0,0,1); padding: .45em 0em; margin: .85em 0 .85em .7em; font-size: 0.8125em; font-family: 'Nobel Book';border-radius: 0;width: 40vw; }

    :focus-visible {outline: 0px transparent!important;}
    input[type="text"]::placeholder {color: #999; font-family: 'Nobel';font-size: .9em; color: #222;letter-spacing: .01em;text-transform: uppercase;}

    h1.suche-ueber { font-size: 1.5em; padding: 1em 0 0em 0; }
    p.suche-subtext, p.auswahl_eingrenzen, p.fehler_suche_ { font-family: 'Nobel Book'; font-size: .8125em; letter-spacing: .01em; color: #fff;  }
    p.auswahl_eingrenzen { padding: .1em 0 1em 0; }
    p.fehler_suche_ { padding: 2em; }
    p.fehler_suche_ span { font-weight: 500; }

    .search_inhalt { position: relative;width: auto; text-align: center; }

    .search_inner { margin-bottom: 12em; margin-top: 2em; }
    .search_head { font-size: 1em; color: #fff; text-transform: uppercase; }

    #search_submit { color: #E6E2D8; }
    button#search_submit { width: 7em!important; color: #222; font-family: 'Nobel'; background-color: rgba(114,108,89,0); line-height: .9em; border: 2px solid #222; padding: 0em .8em!important; text-transform: uppercase; font-size: .7em; font-weight: 700; letter-spacing: .01em; -webkit-transition: brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out;cursor: pointer; float: right;max-height: 3em;margin-top: 1em;}
    button#search_select_desktop { width: auto!important; color: #222; font-family: 'Nobel'; background-color: rgba(114,108,89,0); line-height: .9em; border: 1px solid #726C59; padding: 0em .8em!important; text-transform: uppercase; font-size: .8125em; font-weight: 700; letter-spacing: .01em; -webkit-transition: brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out;cursor: pointer; }
    button:hover#search_submit, button:hover#search_select_desktop { color:#E6E2D8; background-color: #222;  }



    .btn_showall_box { width: 100%; display: inline-block; }
    .btn_showall { display: inline-block; cursor: pointer; border: 1px #222 solid; padding: .85em.5em; font-size: .7em; margin: 2em 0; }

    #search_showall_mobile { color: black; font-size: inherit; border: none; background-color: #fff; padding: .85em .5em; text-transform: uppercase;}
    #search_showall_desktop { width: inherit !important; padding: 0 !important; }


    .fadeInLeft { left: -330px !important; }
    .searchbox {-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;left:0;position: absolute;z-index: -1; }


    #search_select_mobile { color: #fff; }

    #suchen_mobile,
    .fehler_suche_mobile,
    .suchenach_mobile { color: #fff;  padding-bottom: 0em;}

    form#suchen_mobile input[type=text].suchen_mobile {  border: 3px solid #ececec; padding: .5em .5em; margin: 1em auto; font-size: 1em; font-family: 'Nobel Book'; border-radius: 0; background-color: #ececec;}

    form#suchen_mobile button#search_submit { width: 40%!important; color:#E6E2D8; font-family: 'Nobel'; background-color: rgba(0,0,0,0); line-height: 3.2em; border: 3px solid #E6E2D8; padding: 0 0.8em!important; text-transform: uppercase; font-size: .8em; font-weight:700; letter-spacing: 0.1em; cursor:pointer; margin:1em 1em; float:none; max-height:none; }

    #desktop-search #search_select { color: #222; }
    #suchloader_desktop,
    #suchloader_mobile { display: none; }

    #suchergebnis_mobile { background: #fff; margin: 0 -.5% 0 -.5%; }

    #suchergebnis_desktop_wrap { height: 67vh; overflow-x: scroll; }
    #suchergebnis_desktop_wrap .suchitem { width: 24%; float: left; margin: 0 .5%; margin-bottom: 0px; margin-bottom: 1%; }


    #suchergebnis_mobile_wrap { height: 70vh; overflow-x: scroll; width: 100%; padding: 0px 0%; }
    #suchergebnis_mobile_wrap .suchitem { width: 48%; float: left; margin: 0 1%; color: #fff; }

    .suchitem-meta { font-size: .875em; letter-spacing: .1em; text-transform: uppercase; line-height: 1.3em; font-family: 'Nobel Book'; font-weight: 500; padding: 1.5em 0 0 0; }

    .farbcontainer { padding-top: 4em!important; background: rgba(0, 0, 0, .03); }

    .artikelholder { min-height: 100vh; }

    .artikel-block { padding: 0 .5%;}
    .article-ueber { min-height: 6.2em; }
    hr.border-farbe { height:1px; border:none; color:#222; background-color:rgba(33,33,33,0.1); width: 60%; text-align:center; margin: 0 auto; }

    .bildoverlay { position: absolute; left: 0; background: rgba(0,0,0,.03); width: 100%; height: 100%; }

    .grid-item { width: 24%; float: left; margin:0 .5%; margin-bottom: 1%; }
    .grid-item a { display: inline-block; /*position: relative;*/ }
    .grid-block a { display: inline-block; position: relative; }
    
    .grid-item .item-img a { margin: 2em;}
    .grid-block { position: relative; overflow: hidden; text-align: center; margin: 0;font-family: 'Nobel Book'; background: rgba(0, 0, 0, .03); }
    .grid-block-ohneBG { background: transparent; text-align: left; }
    .grid-block p { font-size: .875em;letter-spacing: .1em;text-transform: uppercase; line-height: 1.3em;font-family: 'Nobel';font-weight:800;padding: 1.5em 0 0 0;}
    .grid-block p#color-name { font-size: .75em;letter-spacing: .1em; text-transform:none; line-height: 2em;font-family: 'Nobel Light';font-weight: 300; text-transform: lowercase; }
    .grid-block p.artikel-short { font-size: .75em; text-transform:none; line-height: 1em; font-family: 'Nobel Light'; font-weight:300; min-height: 2.5em; padding: 0 0 1.5em 0; margin-left: .55em;}

    .grid-block p.desktop-name { margin-top: -2.5em; font-weight: 400; margin-left: .55em; }
    hr.border-desktop { margin: .1em 0 1.4em 0; }



	#suchergebnis_desktop_site_wrap .grid-item .grid-block p { float: none; line-height: 1.5em;}

    #suchergebnis_desktop_site_wrap .grid-item .grid-block p.artikel-short { float: none; line-height: 1em; padding: 0 0 1.5em 0;}
    #suchergebnis_desktop_site_wrap .grid-item .grid-block p.color-name { font-weight: 300; text-transform: none;}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {
	.grid-item {width: 49%; /* margin: 0 0%;margin-bottom: 1%; */ margin: .5%; }
	.grid-item:nth-child(even) {margin-left:none;}
	.artikel-block { padding: 0 0%; width: 100%}
	.grid-item .item-img a { margin: 0 2em;}
	form#suchen_mobile input[type="text"].suchen_mobile { display: block;float: unset;}
	form#suchen_mobile button#search_submit { width: 40% !important;float: none; }
  .search_inner { margin-bottom: 3em; margin-top: 4em; padding: 0 0 4em 0;}
    }
    /* --------- your css rules for ipad landscape ---------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  #page-sizer {width: 2px;}

	}
  @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
    #page-sizer {width: 2px;}
  }

    /* ----------- iPad Pro 10.5" Portrait ----------- */
@media only screen
  and (min-device-width: 834px)
  and (max-device-width: 834px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
  #page-sizer { width: 2px; }
  form#suchen_mobile input[type="text"].suchen_mobile { display: block;float: unset;}
		form#suchen_mobile button#search_submit { width: 40% !important;float: none; }
  
  }
  /* --------- your css rules for ipad portrait ---------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
 #page-sizer { width: 2px; }
 form#suchen_mobile input[type="text"].suchen_mobile { display: block;float: unset;}
		form#suchen_mobile button#search_submit { width: 40% !important;float: none; }

}


    /* --------- Mobile Portrait ---------- */
    @media only screen and (max-width: 479px) {
	.grid-item {width: 49.5%; margin: 0 .25%;margin-bottom: .5%;}
	#suchergebnis_mobile_wrap { height: 50vh;  }
	form#suchen_mobile input[type="text"].suchen_mobile { margin-left: 10%;width: 80%; }
    }