/*
 Theme Name: Divi-Mastermind-Child-Theme
 Theme URI: https://www.divimastermind.com/
 Description: Dies ist ein <b>ready-to-start</b> Child-Theme f&uuml;r Divi. Entwickelt und bereitgestellt von den Divi Masterminds. Dieses Theme beinhaltet alle notwendigen Dateien, um den schnellen und einfach Start zu erm&ouml;glichen.
 Author: Divi Mastermind - Benny Hozjan und Frank Oschatz
 Author URI: https://divimastermind.com/
 Template: Divi
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*  ==================================================================
	STANDARD CSS =====================================================
	==================================================================  */


/*** MAKE SITE WIDER ON SMALLER SCREENS ***/
@media only screen and (max-width: 980px) {
.row-mobile-width {
width: 100%!important; /*** you might need !important ***/
}
}


/*STICKY BOTTOM RIGHT*/


/*This places the button where we want it*/
#ds-sticky-button {
position: fixed;
right: -152px !important; /*Positions the button to the right of the page*/
bottom: 50vh; /*Sets the distance of the button from the bottom of page*/
width: 192px !important; /*Sets dimensions of the button*/
height: 25px !important; /*Sets dimensions of the button*/
z-index:99999; /*Keeps the button on top*/
}

/*Styles the link text to make it look like a button - You can edit all these values to match your design*/
#ds-sticky-button a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 7px;
  border: 1px solid #fff;
  color: #ffffff;
  font-size: 24px;
  background: #222a6f;
  padding: 7px 7px 7px 7px;
  text-decoration: none;
}

/*Styles the button on hover - You can edit all these values to match your design*/
#ds-sticky-button a:hover {
  background: #aca062;
  text-decoration: none;
}

/*Hides the button on smaller screens*/
@media only screen and (min-width: 767px) { /*adjust the max width value to hide the button on the screen sizes of your choice*/
#ds-sticky-button {
display: none;
}
}


/*Reveal the contents of a Divi text module on click
https://www.tips02.fr/en/backstage/reveal-contents-divi-text-module-click/ */

/* Taste ausklappen */
.hide {
	display:none;
}
.degrade {
	transition:background-color 1300ms ease 0ms,border 1300ms ease 0ms;
}
.degrade.close > *:after {
	content:"";
	position:absolute;
	top:0;
	display:block;
	width:100%;
	height:calc(100% - 32px);
}
/* Style hier Deine Taste */
.button {
	display:block;
	max-width:150px;
	cursor:pointer;
	padding:4px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	text-align:center;
	color:#fff;
	margin-top:20px;
	transition: background-color 300ms ease 0ms,border 300ms ease 0ms;
}
.button:hover {
	box-shadow:1px 1px 10px 0px rgba(0,0,0,0.3);
}

/* Hintergrundfarbe Deiner Taste */
.background-taste {
	background:#2da1db;
}

/* style hier die Hover Farbe Deiner Taste */
.background-taste:hover {
	background:#000;
	color: #2da1db;
	border: solid 1px #2da1db;
}
/* */



/**** Password protected Form ****/

.post-password-required .et_password_protected_form {
   width: 25%;
   margin: 0 auto;
   margin-top: 10%;
   background: #fff;
   padding: 60px 40px 80px 50px;
   border-top: 6px solid #e50450;
   Border-radius: 5px;
   box-shadow: 0 30px 50px -6px rgba(64, 65,72,.2);
}

 .et_password_protected_form p input {
   background: rgb(229,5,80);
   color: white;
   border-radius: 3px!important;
   border: solid black 0px!important;
   box-shadow: 10px 10px 10px -6px rgba(64, 65,72,.3) 
}
 .et_password_protected_form > p {
   color: #e50450;
}
 .et_password_protected_form .et_submit_button {
   color: #fff!important;
   font-family: Ubuntu,Helvetica,Arial,Lucida,sans-serif!important;
   border-width: 0px!important;
   border-radius: 26px;
   letter-spacing: 1px;
   font-size: 13px;
   font-weight: 800!important;
   text-transform: uppercase!important;
   background-color: #7a7a8c;
   padding-top: 15px!important;
   padding-bottom: 15px;
   padding-left: 30px!important;
   padding-right: 30px;
}
 .et_password_protected_form .et_submit_button {
   display: block;
   float: right;
   margin: 8px auto 0;
   font-family: inherit;
   cursor: pointer;
}
 .et_pb_button:hover:after {
   opacity: 0;
}
 .et_password_protected_form .et_submit_button:hover {
   background-color: #e50450;
   color: #fff!important;
   font-family: Ubuntu,Helvetica,Arial,Lucida,sans-serif!important;
   border-width: 0px!important;
   border-radius: 26px;
   letter-spacing: 1px;
   font-weight: 800!important;
   text-transform: uppercase!important;
   padding-top: 15px!important;
   padding-bottom: 15px;
   padding-left: 30px!important;
   padding-right: 30px;
}
 
/* Smartphones im Portrait-Modus zwischen (0-479px) */
@media only screen and ( max-width: 479px ) {
    .post-password-required .et_password_protected_form {
   width: 90%;
   margin: 0 auto;
   margin-top: 10%;
   background: #fff;
   padding: 60px 40px 80px 50px;
   border-top: 6px solid #e50450;
   Border-radius: 5px;
   box-shadow: 0 30px 50px -6px rgba(64, 65,72,.2);
}
}


/* Tablets in Landscape-Modus zwischen (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
    .post-password-required .et_password_protected_form {
   width: 80%;
   margin: 0 auto;
   margin-top: 10%;
   background: #fff;
   padding: 60px 40px 80px 50px;
   border-top: 6px solid #e50450;
   Border-radius: 5px;
   box-shadow: 0 30px 50px -6px rgba(64, 65,72,.2);
}
}

/* Tablets in Portrait-Modus zwischen (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    .post-password-required .et_password_protected_form {
   width: 80%;
   margin: 0 auto;
   margin-top: 10%;
   background: #fff;
   padding: 60px 40px 80px 50px;
   border-top: 6px solid #e50450;
   Border-radius: 5px;
   box-shadow: 0 30px 50px -6px rgba(64, 65,72,.2);
}
}

/* Smartphones in Landscape-Modus zwischen (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    .post-password-required .et_password_protected_form {
   width: 80%;
   margin: 0 auto;
   margin-top: 10%;
   background: #fff;
   padding: 60px 40px 80px 50px;
   border-top: 6px solid #e50450;
   Border-radius: 5px;
   box-shadow: 0 30px 50px -6px rgba(64, 65,72,.2);
}
}