#startseite_logoshop .infobox{
    margin-top: 10px;
    padding: 0; 
    height: 97px;
    background-color: white;
    float: right;
    border: none;  
}

#startseite_logoshop .infobox dt { width: 35px; }

#startseite_logoshop .infobox dd{ width: 380px;}


.suchmaske{ 
    width: 100%; 
}
.suchmaske .formfield{ 
    width: 175px; 
    height: 25px; 
    margin-bottom: 10px; 
    padding-left: 5px; 
    font-size: 14px;
}
.suchmaske select.formfield{ height: 29px; width: 182px;}
.suchmaske .formfield_breit{ 
    width: 100%; 
    height: 25px; 
    margin-bottom: 10px; 
    font-size: 14px; 
    padding-left: 5px;}
.suchmaske h2{ 
    margin-bottom: 15px;
    padding-left: 20px;
}
.suchmaske .button {margin: 0;}
.suchmaske .float_left, .suchmaske .float_right{ margin-bottom: 10px;}

.suchmaske select, .suchmaske .formfield_breit, .suchmaske .btn,  .suchmaske .formfield{
    margin-left: 20px; 
}

.suchmaske p{
    margin: 15px 0 0 0;
}

.suchmaske_zeile{ 
    margin: 50px 0 20px 0; 
    background-color: #F6F6F6;
    padding: 10px 20px 0 20px;
}
.suchmaske_zeile .formfield{ 
    width: 80%; 
    height: 25px; 
    margin-bottom: 10px; 
    padding-left: 5px;
}
.suchmaske_zeile select.formfield{ 
    height: 29px; 
    width: 80%; 
    margin-bottom: 15px;  
    font-size: 14px;
}
.suchmaske_zeile input.formfield{ 
    width: 80%; 
    font-size: 14px; 
}
.suchmaske_zeile .formfield_breit{ 
    width: 80%; 
    height: 25px; 
    margin-bottom: 10px;  
    font-size: 14px; 
    padding-left: 5px;
}



 
.suchmaske_zeile .button{ width: 150px;}
.suchmaske_zeile h2{ 
    padding-left: 0; 
    margin: 0 0 10px 0;
    font-size: 19px;
    font-size: 1.1875rem;
}
.suchmaske_zeile .button {margin: 0;}
.suchmaske_zeile .float_left, .suchmaske_zeile .float_right{ margin-bottom: 10px;}


.suchbereich{ 
    margin-top: 10px;
    background-color: #F6F6F6;
}
.suchbereich_breit{ width: 830px; height: 140px; border: 1px #D4D0C7 solid; padding: 5px 10px 10px 20px; }
.suchbereich h2{ 
    margin: 20px 0;
    font-size: 19px;
    font-size: 1.1875rem;
}

#liste_kategorien{
    margin-top: 20px;
    float: right;
}

#liste_kategorien ul{ 
  padding: 0; 
  margin: 0 25px 0 0; 
  float: left;  
}

#liste_kategorien ul li{ 
  list-style-type:none; 
  padding: 0 0 3px 0; 
  margin: 0; 
}

.designs .design {
    margin-right: 15px;
    height: 285px;
}
.designs .design:nth-of-type(4n) {
    margin-right: 15px;
}

.designs .design .info {
    height: 32px;
    color: #010101;
    padding-top: 6px;
}


.design .info *{ vertical-align: middle; }
.fav_btn{ position: relative; top: -3px; }
.design .info b{ margin-left: 15px; }
.startseite_designs{ width: 420px; height: 280px; border: none; }
.startseite_designs div{ width: 418px; height: 250px; border: 1px #D4D0C7 solid; overflow: hidden; margin: 0 25px 20px 0; float: left; text-align: center;}
.preis{ margin: 13px 0 0 33px;}

label { width: 210px; }

.vorschlag{
  clear: both; 
  height: 464px;
  background: url(../img/layout/logoshop/vorschlag_hg.jpg) left 40px no-repeat;
  border-top: 1px #D4D0C7 solid;
  padding-top: 20px;
  margin-bottom: 20px;
}

.suchmaske_zeile label{  width: 90px; }

.logo_desc{ 
    margin-bottom: 20px; 
    padding: 20px 0; 
    border-top: 1px #D4D0C7 solid;
    border-bottom: 1px #D4D0C7 solid;
}


.btn_kaufen{ border: 1px #893C66 solid; background-color: #CF4BAC; }
















/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	display:block;
	padding:5px 5px;	
    font-size: 11px;
	text-decoration:none;
	background-color: #0091C0; 
    border: 1px #7CC4DC solid;	
    color: #EDF8FA;
	height:18px;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
    color: #333333;	
}
	
/* selected tab */
ul.css-tabs a.current {
	color: #CF4BAC;	
    background-color: white; 
	cursor:default;
}

	
/* tab pane */
.css-panes div {
	display:none;
	height:350px;
}


#logoshop_favoriten{
    margin-bottom: 30px;   
}    

#logoshop_favoriten .design{ 
    float: left;
    margin-right: 20px;
    border: 1px #D4D0C7 solid;
    padding: 3px;
    height: auto;
}

#logoshop_favoriten .design .bild{ 
    text-align: center;
}

#logoshop_favoriten .float_left,#logoshop_favoriten .float_right { margin-top: 3px; cursor: pointer;}




.logo_details_bild img{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);    
}




/* ----------------------------------------------------------------------------- *
 *                        < 1170px                                               * 
 * ----------------------------------------------------------------------------- */
@media only screen and (max-width: 73.125rem) {

    .suchbereich {
        width: 40%;
        height: auto;
    }
    
    #startseite_logoshop .infobox {
        width: 50%;
        height: auto;
    }
    
    #liste_kategorien {
        width: 50%;
        height: auto;
    }
    
    
    #startseite_logoshop .infobox dd {
        width: auto;
    }
    
    .suchmaske{
        padding-top: 10px;
    }
    
    .suchmaske a.btn {
        width: auto;
    }
    
    .suchmaske .float_left, .suchmaske .float_right {
        float: none;
        clear: both;
    }
    
    .suchmaske input, .suchmaske select{
        width: 80% !important;
    }
    
    .suchbereich .info_links a{
        float: none;
        display: block;
    }
    
    .suchmaske_zeile {
        width: auto;
        height: auto;
    }
    
    
    
    .logo_details_bild img{
        width: 90%; 
        height: auto;
    }
    
    
    .vorschlag {
        display: none;
    }
    
    label {
        width: 50%;
    }

}
/* ----------------------------------------------------------------------------- *
 *                       ENDE < 1170px                                           * 
 * ----------------------------------------------------------------------------- */
 
 
 

/* ----------------------------------------------------------------------------- *
 *                           < 760px                                             *
 * ----------------------------------------------------------------------------- */
 
@media only screen and (max-width: 47.5em) {
    
    #startseite_logoshop .infobox dt {
        width: 0;
    }
    
    #startseite_logoshop .infobox dt{
        display: none;
    }
    
    .suchbereich {
        width: 90%;
    }
    
    #startseite_logoshop .infobox {
        width: 100%;
    }
    
    #liste_kategorien {
        width: 100%;
    }
    
    .logo_details_info .btn{
        float: none;
        margin: 20px 0 0 0;
    }
    .suchmaske_zeile .float_right {
        float: none !important;
        clear: both;
    }
    
     .logo_details_bild{
        width: 100%;
        float: none;
        min-height: 200px;
        border-right: none;
    }
    
    .logo_details_info{
        width: 100%;
        float: none;
    }
    
    .logo_details_bild img{
        width: 100%;
        max-width: 350px;  
    }
    
    .logo_details_info .link_frage, .logo_details_info .link_kaufen{
        clear: both !important;
        float: none;
        margin-top: 10px;
        display: block;                
    }
    
    .logo_details_info .link_kaufen{
        width: 50%;   
    }
    
    .logo_details_links a{
        display: block;
        margin-top: 8px;
    } 
   
}    
/* ----------------------------------------------------------------------------- *
 *                          ENDE < 760px                                         *
 * ----------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------- *
 *                           < 320px                                             *
 * ----------------------------------------------------------------------------- */
@media only screen and (max-width: 20em) {
     
     .suchmaske a.btn {
       font-size: 13px;
       font-size: 0.8125rem; 
       width: 95%;
       letter-spacing: normal;
       padding: 0 5px;
    }
    
    .formfield_550, .formfield, .formfield_breit {
        width: 100%;
    }
    
    .logo_details_info .link_kaufen{
        width: 70%;   
    }
    
}
/* ----------------------------------------------------------------------------- *
 *                          ENDE < 320px                                         *
 * ----------------------------------------------------------------------------- */