/* -------------------- Landingpages ANFANG ----------------------- */
.meta {
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30%;
  background-color: rgba(0,0,0,0.3);
  padding: 10px;
  z-index: 9999;
}

.meta h3 {
  text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

.landing-page h1, .landing-page h2, .landing-page h3, .landing-page h4 {
  text-transform: none!important;
}

.bg-light-blue {
  /* background-color:#4b97c6; */
  background-color:rgba(20, 118, 180, .5);
}

.lp-h1 {
  font-size: 1.75rem;
  font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: none; 
}

h1.lp-h1 {
	font-size: 1.9rem;
	margin-bottom: 1.3rem;
}

h3.text-claim {
  font-size: 1.2rem;
  text-transform: none!important;
  color: #1962a9;
}

strong {
  font-weight:500;
}

#texte-stadt a {
  color: #294f9f;
}

#texte-stadt a:hover, #texte-stadt a:visited {
  color: #648ad6;
}

.btn-lpages {
    font-size: 18px;
    border: 1px solid #1a4f68;
    border-radius: 0px;
    background-color: rgba(53, 166, 220,0.75);
    color: #fff;
    font-weight: 300;
    margin: 5px;
    padding: 15px;
}

ul.li-cols {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

ul.meta-list {
  list-style: none;
}

ul.meta-list li {
  font-size: 1.2rem;
  font-weight: 700;
  text-shadow: 2px 2px 2px rgba(0,0,0,.3);
}

.btn-call-to-action {
	background-color: #22226e;
	color: #fff !important;
	padding: 10px 20px;
}

.btn-call-to-action h2 {
  color: #f49400; /*#8abff2; */
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  line-height: 2.3rem;
}

.btn-call-to-action:hover h2 {
  color: #22226e;
  text-shadow: 2px 2px 2px rgba(255,255,255,0,75);
}

.btn-call-to-action:hover {
	background-color: #f49400;
	color: #22226e !important;
	padding: 10px 20px;
}

.btn-action-phone {
  color: #f49400;
  background-color: transparent;
  border-radius: 5px;
  border: 2px inset #22226e;
  --s: 50px; /* the size on the corner */
  --t: 2px;  /* the thickness of the border */
  --g: 25px; /* the gap between the border and image */
  
  padding: calc(var(--g) + var(--t));
  outline: var(--t) solid #f49400; /* the color here */
  outline-offset: calc(-1*var(--t));
  -webkit-mask:
    conic-gradient(at var(--s) var(--s),#0000 75%,#000 0)
    0 0/calc(100% - var(--s)) calc(100% - var(--s)),
    linear-gradient(#000 0 0) content-box;
  cursor: pointer;
}


.btn-action-phone a {
  color: #f49400 !important;
}

.btn-action-phone:hover, .btn-action-phone a:hover, .btn-call-to-action .btn-orange:hover {
	color: #22226e!important;
  border: none;
}

.btn-call-to-action:hover .btn-action-phone a, .btn-call-to-action:hover .btn-action-phone {
  color: #22226e!important;
  border-radius: 5px;
  border: 2px inset #22226e!important;
  --s: 50px; /* the size on the corner */
  --t: 2px;  /* the thickness of the border */
  --g: 0px; /* the gap between the border and image */
  
  padding: calc(var(--g) + var(--t));
  outline: var(--t) solid #22226e!important; /* the color here */
  outline-offset: calc(-1*var(--t));
  -webkit-mask:
    conic-gradient(at var(--s) var(--s),#0000 75%,#000 0)
    0 0/calc(100% - var(--s)) calc(100% - var(--s)),
    linear-gradient(#000 0 0) content-box;
  cursor: pointer;
}

.lp-box-shadow {
    box-shadow: 5px 0px 15px rgb(0 0 0 / 30%);
}

.btn-o-shop {
  padding: 15px;
  color: #fff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,f8b500+55 */
  /* background: #fceabb; /* Old browsers */
  /* background: -moz-linear-gradient(top, #fceabb 0%, #f8b500 55%); /* FF3.6-15 */
  /* background: -webkit-linear-gradient(top, #fceabb 0%,#f8b500 55%); /* Chrome10-25,Safari5.1-6 */
  /* background: linear-gradient(to bottom, #fceabb 0%,#f8b500 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(to bottom, #F9F2B1 0%,#f1da36 100%);
  border-radius: 10px;
  box-shadow: 5px 0px 15px rgb(0 0 0 / 30%)
}

.btn-o-shop:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}

.btn-o-shop:hover{
	background: linear-gradient(#f8b500, #fceabb);
}

.modal-content {
	background-color: #F1E91A;
}

.modal-body {
	background-color: #000;
}


/* -------------------- Landingpages ENDE ----------------------- */