/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 09 2022 | 18:12:08 */
/* ----------------------------------------------------------------------------------
	PREPARATIONS
---------------------------------------------------------------------------------- */

#header { padding: 0 10px; }
#logo { margin-left: 2px; }
/* #intro.option1 { padding: 15px 0px; } */
#intro.option1 .wrap-safari { padding: 2px 20px 1px 20px; }


#pre-header-search ::placeholder { color: #888; }
#pre-header-search .search { border: 1px solid #555; }

/* ----------------------------------------------------------------------------------
	STICKY HEADER
---------------------------------------------------------------------------------- */

#site-header.sticky {
	position: fixed;
	width: 100%;
	z-index: 1000;
    box-shadow: 0px 2px 12px -3px rgba(0,0,0,0.26);
}
#site-header.sticky #header {
    /*
    -webkit-box-shadow: 0 0 8px 1px #333;
    -moz-box-shadow: 0 0 8px 1px #333;
    -ms-box-shadow: 0 0 8px 1px #333;
    -o-box-shadow: 0 0 8px 1px #333;
    box-shadow: 0 0 8px 1px #333;
    */
}
#site-header.sticky #header .header-links > ul > li a { padding: 4px 16px; }
#site-header.sticky #logo { margin-top: 5px; }
#site-header.sticky #logo img { max-height: 20px; }
#site-header.sticky #pre-header {
    padding: 1px 0;
    background: none;
}

/* Startseite anders */
.home #site-header.sticky #pre-header {
    background-color: #F6F6F6;
    border: 1px solid #DDD;
}

#site-header.sticky #pre-header .wrap-safari { padding: 0 10px; }
#site-header.sticky #pre-header-search { padding-right: 0; }
#site-header.sticky #pre-header-search ::placeholder { color: #777; }
#site-header.sticky #pre-header-search .search { 
    border: 1px solid #BBB;
    background-color: #F6F6F6;
}
#site-header.sticky #pre-header-social li { font-size: 10px; }
#site-header.sticky #pre-header-social li.social.message {
    color: #888;
    font-size: 12px;
}
#site-header.sticky #pre-header-social li a {
	width: 21px;
	height: 21px;
}

#intro.option1.sticky { 
	padding: 2px 0px 4px 0px; 
	position: fixed;
	margin-top: 30px;
	width: 100%;
	z-index: 999;
}
#intro.option1.sticky .page-title { font-size: 16px; }

#content.sticky { padding-top: 190px; }

/* ----------------------------------------------------------------------------------
	RESPONSIVE LAYOUTS
---------------------------------------------------------------------------------- */

/* Desktop / Laptop */
@media only screen and (max-width: 1140px) {
}
@media only screen and (max-width: 960px) {
}
	
/* iPad & Tablet */
@media only screen and (max-width: 768px) {
    #site-header.sticky #header {
        display: table;
        width: 100%;
        padding: 10px 0;
    }
    #site-header.sticky #header-core {
        display: table-row;
    }
    #site-header.sticky #logo {
        text-align: left;
        display: table-cell;
        padding: 1px 10px 0 10px;
        vertical-align: middle;
    }
    #site-header.sticky #logo a {
        font-size: 24px;
        line-height: 1em;
    }
    #site-header.sticky #header-responsive {
        display: table-cell;
        width: auto;
        padding: 0 10px;
    }
    #site-header.sticky #header-responsive select { height: 27px; }
    #site-header.sticky #pre-header { display: none; } 

    #intro.option1.sticky {
        margin-top: 47px;
        padding: 2px 0px 4px 0px;
    }
    
}


/* Small Tablets & Larger Phones */
@media only screen and (max-width: 685px) {
    #intro.option1.sticky {
        margin-top: 47px !important;
        padding: 2px 0px 4px 0px;
    }
    #intro.option1 #intro-core {
        margin-left: 0 !important;
    }
}

/* iPhone (Landscape) */
@media only screen and (max-width: 568px) {
}

/* iPhone (Portrait) */
@media only screen and (max-width: 320px) {
}