/*
Theme Name:     Divi-Child
Description:    A Divi-Child Theme for Divi
Author:         Dieter Hess
Author URI:     http://webdesign-hess.de
Template:       Divi
Version:        1.6
*/


@import url("../Divi/style.css");



/* Menu Effect 2 - bottom border slide in */
#top-menu a {
	padding: 8px 0; /*you may want to adjust this*/
}
#top-menu a::after {
	position: absolute;
	top: 50%; /*you may want to adjust this*/
	left: 0;
	width: 100%;
	height: 4px; /*you may want to adjust this*/
	background: #fcbf00;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
#top-menu a:hover::after,
#top-menu a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


/* ipad menu landscape */
@media only screen and ( max-width:1100px ) {
#et_mobile_nav_menu { display:block !important; margin-bottom:0px; margin-top:0px }
#top-menu-nav { display:none; }
	.et-fixed-header #et_mobile_nav_menu {	
		margin-bottom:0;
	}
	.et_mobile_menu {
		margin-top:0px;
	}
}





/* HOME Seite */

/* ----------- iPad 3 and 4 ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.zumshop_button {
		margin-top:0px !important;
	}
	.zumshop_text {
		margin-top:-12px !important;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	#logo {
    		display: inline-block;
    		float: none;
   		max-height: 72%;
    		margin-bottom: 0;
    		vertical-align: middle;
	}
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	.zumshop_text {
		word-wrap: normal;
	}
}



/* Kontaktform  */

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
	background-color: #fff !important;
	border: 1px #d9d9d9 solid !important;
	width: 100% !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	font-size: 16px;
	color: #333 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wpcf7-submit {
	float:right;
	color: #fcbf00 !important;
	background-color:#2b2c2a !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.2px;
	font-size: 18px;
	font-weight: 500;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 6px 20px;
	line-height: 1.5em;
	border: 2px #2b2c2a solid;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.wpcf7-submit:hover { 
	background-color: #fff !important; 
	border-color:#2b2c2a !important; 
	color:#2b2c2a !important;
	padding: 6px 20px !important; 
}



/*----------- Back to Top Button styling --------------*/

/*This section adds the image*/
.et_pb_scroll_top:before { 
    	content: url(http://star-4-you.info/wp-content/uploads/2016/11/star4yourlogo_40x40.png) !important;
	padding-top:0px !important; 
}

/*This section changes the shape to a rhombus and moves the button in from the edge of the screen*/
.et_pb_scroll_top.et-pb-icon {
    	padding: 6px 20px 3px 3px;
	background-color:rgba(160,160,160,0.4) !important; 
   /* 	-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);         */ 	
}



/* Stargalerie - Seite */


/* Überschrift Stefan Szczesny */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
	.stargalerie_head {
		font-size:40px !important;
		line-height:1.0 !important;
	}

}


/* Partnerseite */

.partnerlogo:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}







/* Footer Link Farbe */

#footer-bottom a  {
        color: #666666 !important;   
	font-size:12px;
}