/*
 * 
 * Erweiterte Thematisierungen für den Mentalcoach
 * 
 * 
 * 
 * 
 * 
  */
.bg-primary a{
	color: white;
}

.inline li {
	display: inline;
	margin-left: 4px;
	margin-right: 4px;
}

main {
	background: white;
	padding: 15px;
}
h1, h2, h3, h4, h5, h6 {
	color: #512b52;
}

a {
	text-decoration: underline !important;
}
footer a, 
.site-info a,
.nav-link,
.btn,
#wpadminbar a {
	text-decoration: none !important;
}

.site-info {
	font-size: 80%;
}

.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6 {
	color: white;
}

.btn-whatsapp {
	background-color: #25D366;
	color: white;
}
.btn-whatsapp:hover {
	background-color: #11BF52;
	color:white;
}

.arrow_box {
	position: fixed;
	padding:10px;
	font-size: 80%;
    bottom: 30px;
    left: 10px;
    color: white;
    min-width: 200px;
	background: #86a227;
	border: 5px solid #512b52;
	border-radius: 10px;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(134, 162, 39, 0);
	border-top-color: #86a227;
	border-width: 15px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(81, 43, 82, 0);
	border-top-color: #512b52;
	border-width: 22px;
	margin-left: -37px;
}

.arrow_box a {
	color: white;
	text-decoration: underline;
}

.alert-float {
	display: inline-block;
	float: left;
}

.start-header {
	background-image: url('https://duellings-mentalcoaching.de/wp-content/uploads/2021/02/Josef-Duellings-Mentalcoach-scaled.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	height: calc(100vh - 86px);
	width:100%;
}
.start-header > div {
	background:rgba(255,255,255,0.75);
	border-radius:10px;
	padding: 15px;
    position: absolute;
    bottom: 15%;
    right: 50px;
   width: auto;
}



.z-depth-1 {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.z-depth-2, .btn, .alert {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.z-depth-3 {
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.z-depth-4 {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
          box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}

.z-depth-5, .modal {
  -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
          box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.z-depth-0, footer .btn{
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}