.logo.logo_img {
	display: block;
} 

#header_login {
    margin-top: calc(-1.0 * var(--len-xxs));
}

#menu_darkmode {
    margin-top: var(--len-xxs);
}

.download_button img {
    filter: var(--filter-highlight-bright);
}

	.download_button:hover {
	    color: var(--color-text) !important; 
	}

.card {
    margin-top: unset;
    margin-left: calc(3.5 * var(--len-xxl));
    padding: calc(2 * var(--len-xxl));
    padding-right: calc(3 * var(--len-xxl));
}

.download_button {
    color: var(--color-contrast-light);
    background-color: transparent;
    border: 1px solid var(--color-contrast-light) !important;
}

	.download_button:hover {
	    color: var(--color-contrast-dark);
	    border-color: var(--color-contrast-dark);
	}
     
    .search_area {
	    width: 100%;
	    padding: var(--len-xxl);
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-end;
	} 
     
   #privacy_search {
	    outline: none;
	    font-size: calc(1.2 * var(--len-m));
	    border: none;
	    color: var(--color-contrast-dark);
	    padding: var(--len-s);
	    padding-left: var(--len-m);
	    padding-right: var(--len-xxl);
	    display: inline-block;
	    width: calc(10 * var(--len-xxl));
	    max-width: 100%;
	    background-color: var(--color-overlay);
	    border-radius: var(--len-m);
	    transition: var(--smooth-transition);
	}
    
         #privacy_search:hover,
         #privacy_search:focus {
             color: var(--color-text);
             cursor: text;     
             background: var(--color-prim-bright);
             box-shadow: var(--outer-shadow);
         }
         
         .darkmode--activated #privacy_search {
		    border: none !important;
		    box-shadow: none;
		    
		}
		
			 .darkmode--activated #privacy_search:hover,
	         .darkmode--activated #privacy_search:focus {
				box-shadow: none;
	         }
         
    
    #search_button {
    	position: absolute;
        display: inline-block;
        cursor: pointer;
        font-size: 1.4em;
        color: var(--color-contrast-light);
        border: none;
        margin-top: 0.2em;
        background: transparent;
        float: right;
        top: 90px;
        right: 40px;
        transition: var(--smooth-transition);
    }
    
    	.search_img {
		    display: inline-block;
		    height: calc(1.3 * var(--len-l));
		    margin-top: calc(0.85 * var(--len-m));
		    margin-right: var(--len-s);
		    filter: var(--filter-contrast-dark);
		}
    
        #search_button:hover {
            color: var(--color-highlight-bright);
        }
        
     .title_area {
	    width: 100%;
	    padding-left: var(--len-xxl);
	    padding-right: var(--len-xxl);
	    text-align: center;
	    margin-top: var(--len-m);
	}
     
     	.title img {
		    width: calc(3 * var(--len-xxl));
		    margin-bottom: var(--len-xl);
		}
		
			.darkmode--activated .title_img,
			.darkmode--activated .title img,
			.darkmode--activated .title_link img {
			    filter: var(--filter-prim-bright);
			    opacity: 0.8;
			    transition: var(--smooth-transition);
			}
     
     	.title {
     		font-size: var(--len-xxl);
     		margin-bottom: unset;
     	}
     	
     		.darkmode--activated .title,
     		.darkmode--activated .title_link {
			    color: var(--color-overlay);
			}
     	
    .title_link {
	    width: auto;
	    margin: var(--len-l);
	    padding-bottom: var(--len-m);
	    display: inline-block;
	    text-decoration: none;
	    transition: var(--smooth-transition);
	} 
        
        .title_link:hover {
			text-decoration: none;
		}
		
			.darkmode--activated .title_link:hover {
				text-decoration: none;
				color: var(--color-prim-bright);
			}
		
		.title_link:hover img {
			filter: var(--filter-highlight-bright);
		}
		
			.darkmode--activated .title_link:hover img {
				filter: var(--filter-prim-bright);
				opacity: 1;
			}
		
		.title_link img {
		    width: var(--len-l);
		    height: var(--len-l);
		    margin-left: var(--len-s);
		    margin-right: var(--len-s);
		}
		
		.title_link.back img {
		    transform: rotate(270deg);
		}

    .result_area {
	    display: none;
	    width: 90%;
	    margin-left: 5%;
	    background: var(--color-overlay);
	    padding: var(--len-xxl);
	    border-radius: var(--len-xl);
	    box-shadow: var(--outer-shadow);
	}
    
        .search_result {
            display: inline-block;
        }

		.darkmode--activated .result_area {
			box-shadow: none;
		}	
        
    .privacy_area {
	    padding: var(--len-xxl);
	    padding-top: unset;
	}
    
        .download_area {
            display: inline-block;
            float: right;
        }
        
            .download_button {
            	color: var(--color-text);
            	background: var(--color-prim-bright);
                border: none;
                max-width: none;
            }
                
               .darkmode--activated .download_button {
				  border: none;
				  background: var(--color-overlay);
				  transition: var(--smooth-transition);
			   }
			   		
			   		.darkmode--activated .download_button:hover {
			   			box-shadow: none !important;
			   			background: var(--color-prim-bright);
			   		}
			   	
    
        .ver {
		    color: var(--color-contrast-dark);
		    font-size: var(--len-m);
		    margin-bottom: var(--len-xxl);
		    font-family: var(--font-prim);
		}
        
        .paragraph {
            margin-bottom: 30px;
        }
        
            .pa_p_title, .pa_title {
			    font-size: var(--len-l);
			    margin-right: var(--len-l);
			    float: left;
			    color: var(--color-highlight-bright);
			    margin-top: calc(-1 * var(--len-xs));
			}

        .chapter_title {
		    margin-top: unset;
		    margin-bottom: var(--len-xl);
		    font-family: var(--font-prim-bold);
		    color: var(--color-highlight-bright);
		}
        
        .chapter_title_sec {
            padding-left: 45px;
        }
        
        .chapter_first_order, .pa_1, .pa_p_1 {
		    padding-left: var(--len-xxm);
		    font-family: var(--font-prim);
		    font-size: calc(1.2 * var(--len-m));
		    color: var(--color-highlight-bright);
		    margin-bottom: var(--len-m);
		}
		
		.chapter_first_order {
		    color: var(--color-text);
		}

        
        .chapter_second_order,
        .pa_2, .pa_p_2 {
            margin-left: 45px;
        }
        
        .chapter_third_order,
        .pa_3, .pa_p_3 {
            margin-left: 65px;
        }
        
        	#ch2_0 {
			    color: var(--color-text);
			}
        
        .paragraph a {
		    color: var(--color-highlight-bright);
		    text-decoration: none;
		    font-family: var(--font-prim);
		    cursor: pointer;
		    transition: var(--smooth-transition);
		}
		
			.paragraph a:hover {
				font-family: var(--font-prim-bold);
			}
        
        .adress {
        	display: inline-block;
            padding-left: 2em;
        }
        
        .urgent {
		    display: inline-block;
		    padding: var(--len-m);
		    border-radius: var(--len-m);
		    border: 1px dotted var(--color-highlight-bright);
		    font-weight: var(--font-prim-bold);
		    color: var(--color-highlight-bright);
		}
        
        
        .search_img {
		    display: inline-block;
		    height: var(--len-xl);
		    width: var(--len-xl);
		    margin-top: calc(0.7 * var(--len-m));
		    margin-right: var(--len-s);
		    filter: var(--filter-contrast-dark);
		}
        
        .mark {
            border-bottom: 1px dotted var(--color-error);
            padding-left: 0;
            padding-right: 0;
            background: transparent !important;
        }
        
        .count_res {
		    font-size: var(--len-l);
		    margin-bottom: var(--len-xl);
		    font-family: var(--font-prim-bold);
		}
        
        .result {
		    display: inline-block;
		    width: 100%;
		    padding: var(--len-m);
		    padding-left: var(--len-xxl);
		}
        
            .result .link {
			    display: inline-block;
			    color: var(--color-contrast-dark);
			    margin-top: var(--len-s);
			    text-decoration: none;
			    transition: var(--smooth-transition);
			}
            
                .result .link:hover {
                    cursor: pointer;
                    text-decoration: none;
                    color: var(--color-highlight-bright);
                }
        
        .res_num {
		    margin-left: calc(-1 * var(--len-xl));
		    font-size: var(--len-l);
		    color: var(--color-highlight-bright);
		    float: left;
		    margin-top: var(--len-xs);
		    font-family: var(--font-prim-bold);
		}
        
        .ceo {
		    font-size: .9em;
		    margin-left: 65px;
		    margin-top: -8px;
		}


@media screen and (max-width:450px) and (orientation:portrait) {

		.card {
		    margin-left: calc(-1 * var(--len-l));
		    width: calc(100% + 2 * var(--len-l));
		    padding: var(--len-m);
		}
}