/* Large desktop */ @media (min-width: 1200px) and (max-width: 1281px) { .third-row{margin-top:12%;} #login-form .login-input{width:64%;border:1px solid black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;box-shadow: none;border-top-left-radius:0;border-top-right-radius:0;margin-bottom:20px;} #article_reset_page #textareaLabel {height:auto;padding-bottom:3%;} #pass-retrieving-form label{font-size:0.9em;} #register-info h1{ font-size: 2em;} #searchbutton{ width:6%; } .res-social-icons{ width:25%!important;height:25%!important; margin-bottom: 1%!important;padding-bottom:1%;} #actiondropdown span { margin-top: 6%; } #actiondropdown ul{ font-size:0.9em;margin-left:0; margin-top:30%;} .item2{margin-top:-40px!important;} .labelcustom{padding:5px 11px;} /*------------------ melden ------------------*/ #melden-form #textareaLabel{padding:10px;font-weight: bold;font-size: 1.1em;margin-bottom: 15px;} } @media (min-width: 980px) and (max-width: 1199px) { .third-row{ margin-top:12%;} .res-social-icons{ width:32%!important;height:32%!important; margin-bottom: 1%!important;padding-bottom:1%;} #actiondropdown span { margin-top: 6%; } #searchbutton{ width:6%; } #actiondropdown ul{ font-size:0.9em;margin-left:0; margin-top:30%;} .item2{margin-top:-40px!important;} .item{margin-top: 10px!important} .labelcustom{padding:5px 11px;} /*------------------ about,agb ------------------*/ #impressum_left{width:100%;} #impressum_left h1{font-size:2em;} #impressum_right{width:100%; margin-left:0;} /*------------------ Kontakt ------------------*/ #kontaktright h1{font-size: 2em;} #kontakt-form label{margin-right:5%;} #kontakt-form #textareaLabel{height: 105px;padding-top:10%;margin-right:5%;} #kontakt-form input{margin-right:0;} #kontakt-form .formButton{ margin-right:0;border:none; } #kontakt-form{width:100%;} #kontaktright{width:100%; margin-left:0; margin-top:40px;} /*------------------ Login ------------------*/ /* Login Form */ /*#login-form{width:100%;}*/ #login-form label{width: 32%;margin-right: 0;font-size:0.9em;} #login-form .login-input{width:68%;} #login-form p{margin-right:0;} #login-form .loginFormButton{width:25%;margin-right:2%;padding:6px;} /*------------------ Register } ------------------*/ /* register-form */ #register-form{width: 100%;} #register-form input{margin-top:4px;} #hnr{margin-left:0;} #hnr,#stock,#tuere{margin-right: 0;} #register-form p{margin-left:22%;} #land{} .registerFormButton{margin-top: 15px!important} #inlineCheckbox1,#inlineCheckbox2{width:20%!important;margin-right:0;} /* register-info */ #register-info{width:100%;margin-left:0;} #register-info h1{ font-size: 1.8em;} /*-------------------------------- Datenschutz,grundsaetze --------------------------------*/ #left-column{width:100%;} #right-column{width:100%;margin-left: 0;} /*------------------ passwort_vergessen ------------------*/ /* pass retrieving form */ #pass-retrieving-form{width:100%;} #pass-retrieving-form label{width:100%;margin-bottom:15px;} #pass-retrieving-form input{width:100%;margin-bottom:25px;} #pass-retrieving-form .retrieveButton{width:46%;} /* pass retrieving form right*/ #passRetrieving{width:100%;height:auto;} /*------------------ Hilfe ------------------*/ /* hilfewrapper */ #left-list-hilfe,#right-list-hilfe{width:100%;border-right:none;} #hilfewrapper li{padding-left: 30px;margin-left:0px;font-size:1.1em;} #hilfewrapper h1{font-size: 1.8em;} #hilfewrapper h2{font-size: 1.6em;} #hilfewrapper h3{font-size: 1.4em;} #hilfewrapper p{font-size: 1.1em;} /* fixed-header and sidebars */ .fixed-header{position:fixed;top:0;width:100%;background:white;z-index:10000;} #leftnavsidebar{position:fixed;height:100%;} #rightsidebar{position:fixed;height:100%;right:0;} #maincontent{margin-left:17%;} #socialmedia{display:none;} #searchfield{width:60%;} /*------------------ melden ------------------*/ #melden-form #textareaLabel{padding:10px;font-weight: bold;font-size: 0.8em;margin-bottom: 15px;} /* melden-info */ #melden-info h3{margin:0;padding:0;font-size: 1.3em;} #melden-info p{font-size: 0.9em;} #melden-info{height:auto;} /*------------------ Archive ------------------*/ /*archive-main-content*/ #archive-main-content {width:100%;} #archive-main-content .table{font-size: 0.9em;} #archive-main-content .img-action{width:20px;padding-top:5px;} #archive-main-content td a{display:inline-block;} #archive-main-content .table{vertical-align: middle;} /*archive-info*/ #archiv-info{width:100%;margin-left:0;} /*------------------ Article OP ------------------*/ /*article openend page left*/ #article_openend_page,#article_reset_page{ width:100%; } #article_openend_page .aop-back-btn,#article_reset_page .aop-back-btn{ margin-left:0%; font-size: 1em; width:50%; } #article_openend_page .aop-submit-btn,#article_reset_page .aop-submit-btn{ margin-left:1%; font-size: 1em; width:47%;} #article_reset_page #textareaLabel {width: 100%;height:auto;padding-bottom:10px;} #article_reset_page #abbruchgrund{width:100%;margin:20px 0;} /*article openend page info*/ #article-openend-page-info,#article-reset-page-info{ width:100%; margin-left:0; } #upozorenje { float:none; margin:5% auto; } #wishlist-add-form{ width:100%; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { body{line-height: 17px;} #footer{padding-top: 60px;margin-bottom:20px;} #searchbutton{ width:40px; } #responsivenav{ margin-top:2%; padding:10px;} #mainlogo{margin-top:5%;} /*------------------ Header ------------------*/ #bndiv p{font-size:18px;font-family: Helvetica,Tahoma,Arial;padding:8px 0 0 0;position: fixed;top:0;background-color: black;} #bnbtn{position: absolute;top:0;height:40px;} #header-nav{} #header-nav nav{margin-right:0;} #header-nav nav ul{background-color: black;float: none;left: 0;padding: 10px;position: fixed;text-align: center;top: 0;width: 100%;padding-left:3px;} #header-nav nav ul li a{color:white;font-size: 1em;font-family: "continuum_light";} #mainlogo img{margin:-40px 0 0 !important; margin-top:5%;} /*------------------ Kontakt ------------------*/ #kontaktright h1{font-size: 2em;} #kontakt-form label{margin-right:5%;} #kontakt-form #textareaLabel{height: 105px;padding-top:10%;margin-right:5%;} #kontakt-form input{margin-right:0;} #kontakt-form .formButton{ margin-right:0;border:none; } #kontakt-form{width:100%;margin-top:5%;margin-left:0;} #kontaktright{width:100%; margin-left:0; margin-top:40px;} /*------------------ Login ------------------*/ /* Login Form */ #login-form{width:100%;margin-bottom:25px;} #login-form .login-input{border:1px solid black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;box-shadow: none;border-top-left-radius:0;border-top-right-radius:0;width:100%;margin-bottom:20px;} #login-form .loginFormButton{margin-right:2%} #login-form p{margin-right:0;} /*Login Info*/ #login-info{width:100%;margin-left:0;} /*------------------ Register ------------------*/ /* register-form */ #register-form{width: 100%;} .registerFormButton{margin-top: 15px!important} /* register-info */ #register-info{width:100%;margin-left:0;} /*------------------ passwort_vergessen ------------------*/ /* pass retrieving form */ #pass-retrieving-form{width:100%;} #pass-retrieving-form label{width:100%;margin-bottom:15px;} #pass-retrieving-form input{width:100%;margin-bottom:25px;} #pass-retrieving-form .retrieveButton{width:46%;} /* pass retrieving form right*/ #passRetrieving{width:100%;height:auto;} /*------------------ about,agb ------------------*/ /* impressum_left */ #impressum_left{width:100%;} #impressum_right{margin-left:0;width:100%} /* fixed-header and sidebars */ .fixed-header{position: relative;} .third-row{margin-top:0;} #maincontent{margin-left:5%;} #socialmedia{position:fixed;bottom:0;padding-left:25px; display:none;} .hilfe-container{margin-left:5%!important;} /*-------------------------------- Datenschutz,grundsaetze --------------------------------*/ #left-column{width:100%;} #right-column{width:100%;margin-left: 0;margin-top:20px;} #footer{padding-top: 60px;} #footer img{width:100%!important;} /*------------------ melden ------------------*/ /* melden-form */ #melden-form #textareaLabel{padding:10px;font-weight: bold;font-size: 1em;margin-bottom: 15px;} /* melden-info */ #melden-info h3{margin:0;padding:0;} #melden-info p{font-size: 1em;} #melden-info{height:auto;} /*------------------ Archive ------------------*/ /*archive-main-content*/ #archive-main-content {width:100%;} #archive-main-content .table{font-size: 0.9em;} #archive-main-content .img-action{width:20px;padding-top:5px;} #archive-main-content td a{display:inline-block;} #archive-main-content .table{vertical-align: middle;} /*archive-info*/ #archiv-info{width:100%;margin-left:0;} #archiv-info h1{font-size: 2em;} /*------------------ Article OP ------------------*/ /*article openend page left*/ #article_openend_page,#article_reset_page{ width:100%; } #article_openend_page h3{ font-size:1.7em;} #article_openend_page .aop-back-btn,#article_reset_page .aop-back-btn{ margin-left:0%; font-size: 1em; width:50%; } #article_openend_page .aop-submit-btn,#article_reset_page .aop-submit-btn{ margin-left:1%; font-size: 1em; width:47%;} #article_reset_page #textareaLabel {width: 100%;height:auto;padding-bottom:10px;} #article_reset_page #abbruchgrund{width:100%;margin:20px 0;} /*article openend page info*/ #article-openend-page-info,#article-reset-page-info{ width:100%; margin-left:0; } /*------------------ Aufdecker ------------------*/ /*Audecker left side*/ #aufdecker-left-side{ width:100%; margin-left:0; } /*-------------------- bieten --------------------*/ #bieten-left-side{ margin-left:0; } #bieten-btn-erstgebot{width:45%;} #bieten-btn-zuruk{ width:45%; } #kaufen-form-zuruk{ float:right;} #kaufen-btn-zuruk { margin-right:5%; } #kaufen-form{ margin-top:5%; } #upozorenje { float:none; margin:5% auto; } #wishlist-add-form{width:100%;} } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { /*------------------ Header ------------------*/ #bndiv p{font-size:18px;font-family: Helvetica,Tahoma,Arial;padding:8px 0 0 0;position: fixed;top:0;background-color: black;} #bnbtn{position: absolute;top:0;height:40px;} #header-nav{} #header-nav nav{margin-right:0;} #header-nav nav ul{float:none;text-align: center;} #header-nav nav ul li a{color:white;font-size: 18px;font-family: "continuum_light";} .customsearch{ font-size: 0.9em!important; } #dropdownlist{ margin-left:0;} #dropdownlist select{ font-size:0.9em;width:100%; } #searchbutton{ width:100%; } #mainlogo img{margin:-40px 0 0 !important; } #responsivenav{ margin-top:2%; margin-bottom: 5%;padding:10px;} .mobile-notification-bar{ text-align: center;} .mobile-notification-bar li{ width:16%; } #mainlogo{margin-top:5%;} /*------------------ Kontakt ------------------*/ #kontaktright{width:100%; margin-left:0; margin-top:40px;margin-bottom:5%;} #kontaktright h1{font-size: 2em;} #kontakt-form{ width:100%;} /*------------------ Login ------------------*/ /* Login Form */ #login-form{width:100%;margin-bottom:25px;} #login-form .login-input{border:1px solid black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;box-shadow: none;border-top-left-radius:0;border-top-right-radius:0;width:100%;margin-bottom:20px;} #login-form .loginFormButton{margin-right:2%;} #login-form p{margin-right:0;} /*Login Info*/ #login-info{width:100%;margin-left:0;} .login-fix{ width:90% !important; } /*------------------ Register ------------------*/ /* register-form */ #register-form{width: 100%;} .registerFormButton{margin-top: 15px!important} /* register-info */ #register-info{width:100%;margin-left:0;} /*------------------ passwort_vergessen ------------------*/ /* pass retrieving form */ #pass-retrieving-form{width:100%;} #pass-retrieving-form label{width:100%;margin-bottom:15px;} #pass-retrieving-form input{width:100%;margin-bottom:25px;} #pass-retrieving-form .retrieveButton{width:45%;} /* pass retrieving form right*/ #passRetrieving{width:100%;height:auto;} /*------------------ about,agb ------------------*/ /* impressum_left */ #impressum_left{width:100%;} #impressum_left h1{font-size:1.3em;} #impressum_right{margin-left:0;width:100%} /* fixed-header and sidebars */ .fixed-header{position: relative;} .third-row{margin-top:0;} #maincontent{margin-left:0; padding-left: 5%;width:95%;} #socialmedia{position:fixed;bottom:0;padding-left:25px; display:none;} /*------------------ melden ------------------*/ /* melden-form */ #melden-form #textareaLabel{width:100%;padding:10px;font-weight: bold;font-size: 1em;margin-bottom: 15px;} #melden-form {width:99%;margin-left: 0;} /* melden-info */ #melden-info h3{margin:0;padding:0;} #melden-info p{font-size: 1em;} #melden-info{height:auto; width:100%;margin-left: 0;} /*------------------ Archive ------------------*/ /*archive-main-content*/ #archive-main-content {width:100%;} #archive-main-content .table{font-size: 0.9em;} #archive-main-content .img-action{width:20px;padding-top:5px;} #archive-main-content td a{display:inline-block;} #archive-main-content .table{vertical-align: middle;} /*archive-info*/ #archiv-info{width:100%;margin-left:0;} #archiv-info h1{font-size: 1.8em;} /*------------------ Article_view ------------------*/ /*Article_view-info*/ #article_view-info{width:100%;margin-left:0;} #article_view-info h1{font-size: 1.8em;} /*Article_view-main-content*/ #article_view-main-content {width:100%;} #article_view-info-bottom1, #article_view-info-bottom2, #article_view-info-bottom3, #article_view-info-bottom4 {margin-top:0px!important;margin-left:0px!important;margin-right:0px!important;} #article_view-four-btns div { margin-bottom: 5px!important; } /*------------------ Article OP ------------------*/ /*article openend page left*/ #article_openend_page,#article_reset_page{ width:100%; } #article_openend_page h3{ font-size:1.5em;} #article_openend_page .aop-back-btn,#article_reset_page .aop-back-btn{ margin-left:0%; font-size: 1em; width:50%; } #article_openend_page .aop-submit-btn,#article_reset_page .aop-submit-btn{ margin-left:1%; font-size: 1em; width:46%;} #article_reset_page #textareaLabel {width: 100%;height:auto;padding-bottom:10px;} #article_reset_page #abbruchgrund{width:100%;margin:20px 0;} /*article openend page info*/ #article-openend-page-info,#article-reset-page-info{ width:100%; margin-left:0; } /*------------------ Aufdecker ------------------*/ /*Audecker left side*/ #aufdecker-left-side{ width:100%; margin-left:0;} /*-------------------- bieten --------------------*/ #bieten-left-side{ margin-left:0; } #bieten-btn-erstgebot{width:45%;} #bieten-btn-zuruk{ width:45%; } #upozorenje { float:none; margin:5% auto; } } /* Landscape phones and down */ @media (max-width: 480px) { /*------------------ Header ------------------*/ #bndiv p{font-size:18px;font-family: Helvetica,Tahoma,Arial;padding:8px 0 0 0;position: fixed;top:0;background-color: black;} #bnbtn{position: absolute;top:0;height:40px;} #header-nav{ padding-left:0;position:fixed; } #header-nav nav{margin-right:0;} #header-nav nav ul{float:right;text-align: center;} #header-nav nav ul li a{color:white;font-size: 0.8em;font-family: "continuum_bold";/*margin-left:-6px;*/} /*#mainlogo{ margin-left: 0!important; width:100%!important; }*/ #mainlogo img{margin:0 0 0 !important; margin-top:5%;} #responsivenav{ margin-top:4%;padding:5px; margin-bottom:15px;} .topNavBtn, .topNavBtn:hover, .topNavBtn:focus, .topNavBtn:active{ padding-right:20px; } .topNavContainer li{padding-right:20px;} #dropdownlist select{ font-size:0.8em!important; } .customsearch{ font-size:0.8em!important; } #filter{min-width: 40%!important;} #order{min-width: 20%!important;} /*-------------------------------- Datenschutz,grundsaetze --------------------------------*/ #left-column{width:100%;} #right-column{width:100%;margin-left: 0;margin-bottom:5%;} #footer{padding-top: 60px;} #footer img{width:100%!important;} /*------------------ Kontakt ------------------*/ /*Kontakt Form*/ #kontakt-form{width:100%;} #kontakt-form label{font-size:0.9em;background-color: black;height:40px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color:white;text-align: left;padding-left:5px;vertical-align: middle;margin-right: 2%; width: 20%;padding-top: 8px;} #kontakt-form #textareaLabel{height: 105px;padding-top:10%;} #kontakt-form .formButton{width:100%;} /*Kontakt info*/ #kontaktright{width:100%; margin-left:0; margin-top:40px;margin-bottom:5%;} /*------------------ Login ------------------*/ /* Login Form */ #login-form{width:100%;margin-bottom:25px;} #login-form .login-input{border:1px solid black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;box-shadow: none;border-top-left-radius:0;border-top-right-radius:0;width:100%;margin-bottom:20px;} #login-form .loginFormButton{margin-right:2%;} #login-form p{margin-right:0;} /*Login Info*/ #login-info{width:100%;margin-left:0;} /*------------------ passwort_vergessen ------------------*/ /* pass retrieving form */ #pass-retrieving-form{width:100%;} #pass-retrieving-form label{width:100%;margin-bottom:15px;} #pass-retrieving-form input{width:100%;margin-bottom:25px;} #pass-retrieving-form .retrieveButton{width:45%;} /* pass retrieving form right*/ #passRetrieving{width:100%;height:auto;} /*------------------ Register ------------------*/ /* register-form */ #register-form{width: 100%;} .registerFormButton{margin-top: 15px!important} /* register-info */ #register-info{width:100%;margin-left:0;} /*------------------ Hilfe ------------------*/ /* hilfewrapper */ #left-list-hilfe,#right-list-hilfe{width:100%;border-right:none;} #hilfewrapper li{padding-left: 30px;margin-left:0px;font-size:1.1em;} #hilfewrapper h1{font-size: 1.8em;} #hilfewrapper h2{font-size: 1.6em;} #hilfewrapper h3{font-size: 1.4em;} #hilfewrapper p{font-size: 1.1em;} .hilfe-container{margin-left:0!important;} /*------------------ about,agb ------------------*/ /* impressum_left */ #impressum_left{width:100%;} #impressum_left h1{font-size:1.6em;} #impressum_right{margin-left:0;width:100%} #impressum_right h1{font-size:2.2em;} /* fixed-header and sidebars */ .fixed-header{position: relative;} .third-row{margin-top:0;padding-left:5%;} #maincontent{margin-right:auto; padding-left: 0; float:none;width:90%;} #socialmedia{display:none;} /*------------------ melden ------------------*/ /* melden-form */ #melden-form #textareaLabel{width:100%;padding:10px;font-weight: bold;font-size: 1em;margin-bottom: 15px;} #melden-form {width:99%;margin-left: 0;} /* melden-info */ #melden-info h3{margin:0;padding:0;} #melden-info p{font-size: 1em;} #melden-info{height:auto; width:100%;margin-left: 0;} /*------------------ Archive ------------------*/ /*archive-main-content*/ #archive-main-content {width:100%;} #archive-main-content .table{font-size: 0.9em;} #archive-main-content .img-action{width:20px;padding-top:5px;} #archive-main-content td a{display:inline-block;} #archive-main-content .table{vertical-align: middle;} /*archive-info*/ #archiv-info{width:100%;margin-left:0;} #archiv-info h1{font-size: 1.8em;} /*----------------------- Article Reset and OP -----------------------*/ /*article reset and openend page left*/ #article_openend_page,#article_reset_page{ width:100%; } #article_openend_page h3{ font-size:1.5em;} #article_openend_page .aop-back-btn,#article_reset_page .aop-back-btn{ margin-left:0%; font-size: 1em; width:50%; } #article_openend_page .aop-submit-btn,#article_reset_page .aop-submit-btn{ margin-left:1%; font-size: 1em; width:46%;} #article_reset_page #textareaLabel {width: 100%;height:auto;padding-bottom:10px;} #article_reset_page #abbruchgrund{width:100%;margin:20px 0;} /*article reset and openend page info*/ #article-openend-page-info,#article-reset-page-info{ width:100%; margin-left:0; } .mobile-notification-bar{ text-align: center; } .mobile-notification-bar li{ width:11%; } /*------------------ Aufdecker ------------------*/ /*Audecker left side*/ #aufdecker-left-side{ width:100%; margin-left:0; } /*-------------------- bieten --------------------*/ #bieten-left-side{ margin-left:0; } #bieten-btn-erstgebot{width:45%;} #bieten-btn-zuruk{ width:45%; } #upozorenje { float:none; margin:5% auto; } #reg-btn-left{ margin-left:0; } #reg-btn-right{margin-left:0!important;} #auf-right-form{ margin-right:0!important;} .profil_bearbeiten_labels{ font-size: 0.7em!important;} #checkbox-div-two #checkboxTwoTextareaLabel{ font-size: 0.7em!important; padding-left:1px!important;} #register-form label{ font-size:0.8em; padding-left:1px; } #wishlist-add-form label{ font-size:1em; width:30%; } } /* Landscape phones and down */ @media (max-width: 280px) { .mobile-notification-bar{ text-align: center; } .mobile-notification-bar li{ width:13%; } #mainlogo{margin-top:5%;} #auf-right-form{ margin-right:0!important;} #checkbox-div-two #checkboxTwoTextareaLabel{ font-size: 0.7em!important; padding-left:1px!important;} #dropdownlist select{ font-size:0.8em!important; } }