body
{
    margin: auto;
    color: #000;
    background: #fff !important;
    font-family: 'Myriad Pro', Arial, Verdana, sans-serif;
	font-display: fallback;
	font-size: 16px;
    overflow-x: hidden;
    font-weight: normal;
}




*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}



.no-gutters {
  margin-right: 0;
  margin-left: 0;
	padding-right: 0;
    padding-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}


a {
	outline: 0; 
}


h1 {font-family: 'Eurostile', Arial, Verdana; font-weight: bold; font-size: 36px;}
h2 {font-family: 'Eurostile', Arial, Verdana; font-weight: bold; font-size: 32px;}
h3 {font-family: 'Eurostile', Arial, Verdana; font-weight: bold; font-size: 32px;}
h4 {font-family: 'Eurostile', Arial, Verdana; font-weight: bold; font-size: 18px; margin-bottom: 0px !important;}
h5 {font-family: 'Eurostile', Arial, Verdana; font-weight: bold; font-size: 24px; margin-bottom: 10px;}
hr {border-top: 1px solid rgb(0, 0, 0, 1) !important;}

.nav-link {font-family: 'Eurostile', Arial, Verdana, sans-serif; font-size: 24px;}
.logo {width: 300px;}

.bg {
height: auto;
width: 100vw;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}

.bg-teaser {
min-height: 620px;
width: 100vw;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}


.ap-margin {margin-right: 0px;}

.ap-block-blue {
 -webkit-border-radius: 22px;
 -moz-border-radius: 22px;
 border-radius: 22px;
border: 1px solid #ccc;
cursor: pointer;
 transition: box-shadow 0.3s ease-in-out;
}


.ap-block-blue:hover {
  border-radius: 22px;
  box-shadow: -13px -11px 0px -3px rgb(132, 205, 227);

}


.ap-block-red { 
-webkit-border-radius: 22px;
 -moz-border-radius: 22px;
 border-radius: 22px;
border: 1px solid #ccc;

cursor: pointer;
 transition: box-shadow 0.3s ease-in-out;
}

.ap-block-red:hover {
  border-radius: 22px;
 box-shadow: 13px -11px 0px -3px rgb(166,48,62);  

}

.ap-blue {background: #7DCAD5;}


.ap-datalist  { text-decoration: none !important;}
.ap-datalist a,
.ap-datalist a:link,
.ap-datalist a:active,
.ap-datalist a:visited,
.ap-datalist a:hover
 { text-decoration: none !important;}


.nav-item > .collapsed {color: black !important;}

.card-header.ap-btn-bestellung {background: none !important; margin-left: -1.5rem; }

.collapsed {color: black;}
.collapsed.ap-white  { color: white !important; }


.link-ia,
.link-ia  a,
.link-ia  a:link,
.link-ia  a:active,
.link-ia  a:visited,
.link-ia  a:hover
 {color: black !important; text-decoration: underline !important;}

.card-body .link-ia {color: black !important; text-decoration: underline !important;}


.ap-white  { color: white; }
.ap-white a,
.ap-white a:link,
.ap-white a:active,
.ap-white a:visited,
.ap-white a:hover
 {  color: white; text-decoration: none; }


.btn-ap {background-color: #A6303E; color: white !important; transition: all 0.25s linear 0s; border-radius: 0px; padding: 7px 11px; text-decoration: none !important; border: 1px #A6303E solid; margin: 0.5em 0.5em 0.5em 0;}
.btn-ap a, .btn-ap a:link, .btn-ap a:visited, .btn-ap a:active {background-color: #A6303E;  padding: 4px; color: white !important; text-decoration: none !important; border: 1px #A6303E solid; }
.btn-ap a:hover, .btn-ap a:focus {background-color: #6e2029; padding: 5px; color: white !important; text-decoration: none !important; border: 1px #A6303E solid; }
.btn-ap:hover {background-color: #6e2029; padding: 7px 11px; color: white !important; text-decoration: none; text-decoration: none !important; border: 1px #A6303E solid;}

.btn-serach {background-color: #A6303E; color: white !important; transition: all 0.25s linear 0s; border-radius: 0px; padding: 7px 11px; text-decoration: none !important; border: 1px #A6303E solid; margin: 0;}
.btn-cookie {background-color: white; color: #A6303E !important; transition: all 0.25s linear 0s; border-radius: 0px; padding: 7px 11px; text-decoration: none !important; margin: 0.5em 0.5em 0.5em 0; font-family: 'Eurostile', Arial, Verdana; font-weight: bold; border-radius: 5px;}


ul {list-style: none;}
.ul-list li::before {content: "•"; color: #000; display: inline-block; width: 0.5em;
  margin-left: -1.5em; font-size: 24px; }

.ul-hacken {list-style-image: url('/upload/CMS/Alpin_Apotheke/templateimages/ul-hacken.png'); padding-bottom: 55px;}


.logo-ia {height: 22px; margin-bottom: 7px;}

.teaser-desktop {display: inline;}
.teaser-mobile {display: none;}


/*MENÜ*/

.navbar {
      box-shadow: 0 0px 0px 0 rgba(0,0,0,.16),0 0px 00px 0 rgba(0,0,0,.12);
      -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
      z-index: 2;
    }
  
.nav-item {padding-top: 10px; padding-bottom: 10px;}

    .text-small {font-size: 24px !important;}
    .megamenu >.nav-item {padding-top: 0px; padding-bottom: 0px;}

    .navlink { color: #000; }
    .service { padding-bottom: 15px; color: #707070; font-size: 22px; font-family: 'Eurostile', Arial, Verdana; font-weight: bold;}

    .service,
    .service  a,
    .service  a:link,
    .service  a:active,
    .service  a:visited,
    .service  a:hover
    { padding-bottom: 30px; color: #707070; font-size: 22px; font-family: 'Eurostile', Arial, Verdana; font-weight: bold;}


    .cookie-link,
    .cookie-link a,
    .cookie-link a:link,
    .cookie-link a:active,
    .cookie-link a:visited,
    .cookie-link a:hover
     {  color: white !important; text-decoration: underline !important; }


    .btn-onlinedienst {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
    border-top: 2px solid #A6303E;
    border-bottom: 2px solid #A6303E;
    border-right: 2px solid #A6303E;
    border-left: 2px solid #A6303E;
    -webkit-border-before: 2px solid #A6303E;
    -moz-border-before:  2px solid #A6303E;
    padding: 5px 10px;
    color: #A6303E;
    font-size: 22px;
    font-weight: bold;
	}


    .ap-red {color: #A6303E;}
    .icon-notdienst { height: 44px; width: 44px; margin-right: 20px; margin-bottom: 5px;}

	.corona-test {display: inline;}
	.corona-test-mobil {display: none;}

    .ap-grey {color: #707070}
    
    button {background-color: white; border: 0px;}

    .px-10 {padding-left: 100px !important; padding-right: 100px !important;}

	.desktop-notdienst {display: inline;}
	.mobil-notdienst { display: none; }
	.menu-text { display: inline;  color: #707070; font-size: 22px;  font-family: 'Eurostile', Arial, Verdana; font-weight: bold;}


    .navbar-nav .nav-link {font-size: 36px;}



@media (max-device-width: 1024px) {

    .px-10 {padding-left: 0px !important; padding-right: 0px !important;}
    .desktop-notdienst {display: none;}
    .mobil-notdienst { display: inline-block; margin-top: 15px; }
    .logo {width: 200px; margin-left: 20px;}
    .navbar-collapse {margin-left: 15px;}
    .service {line-height: 1.7em;}
    button {padding-left: 0px;}
    .menu-text { display: none; }
	.navbar { background: white; z-index: 2000;}
    .ap-margin {margin-right: 25px;}
    .bg { height: auto; width: 100vw;}


  .btn-onlinedienst {
	background: #A6303E;
	border-radius: 5px;
    border: 2px solid #A6303E;
    padding: 5px 10px;
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    width: 210px;
    color: white;
	}

.teaser-desktop {display: none;}
.teaser-mobile {display: inline;}


}




/*MENÜ ENDE*/


/*CONTENT*/

.container a,
.container a:link,
.container a:active,
.container a:visited,
.container a:hover
{color: #000; text-decoration: underline;}


/*CONTENT ENDE*/

/*FOOTER*/


footer {background: #707070; color: #FFF; }
.footer-logo {height: 75px; margin-bottom: 25px;}
.footer-logo2 { height: 75px; margin-top: 0px; margin-bottom: 25px}

.footer-link,
.footer-link a,
.footer-link a:link,
.footer-link a:active,
.footer-link a:visited,
.footer-link a:hover
{color: #FFF !important; text-decoration: underline;}

.social-logo {height: 25px; margin-right: 15px;}


@media (max-device-width: 1023px) {

h1 {font-size: 28px}

.footer-logo { width: 100%; margin-bottom: 25px;}
.footer-logo2 { width: 100%; margin-top: 25px; margin-bottom: 25px}


}

@media (max-device-width: 768px) {
 .bg { height: auto; width: 100vw;}
.footer-logo { width: 50%; margin-bottom: 25px;}
.footer-logo2 { width: 50%; margin-top: 25px; margin-bottom: 25px}

}
@media (max-device-width: 667px) {

.footer-logo { width: 100%; margin-bottom: 25px;}
.footer-logo2 { width: 100%; margin-top: 25px; margin-bottom: 25px}

}


/*FOOTER ENDE*/


/*Service Menü Footer*/


.service-menu {text-decoration: none !important; }

.service-menu  a,
.service-menu  a:link,
.service-menu  a:active,
.service-menu  a:visited,
.service-menu  a:hover
{color: #FFF !important; text-decoration: none !important;}

/*Service Menü Footer ENDE*/



/* Anpassungen Bootstrap */

 .ap-text-right {text-align: right;}

@media (max-device-width: 1024px) {

.ap-text-right { text-align: left;}

.fixed-bottom {
    position: static;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.navbar-nav .nav-link {font-size: 24px;}
.text-small {font-size: 20px !important;}

.navbar .nav-item .nav-link {
    padding-left: 0px !important;
}


}

.popover {
 box-shadow: 0px 2px 6px #00000033;
opacity: 1; border: none; border-radius: 0px; top: 7px !important;}

.popover .arrow{display:none}
.card {border-radius: 22px !important;}


.accordion > .card .card-header {
    margin-bottom: 1px;
}



/* Anpassungen Bootstrap ENDE */






#cookiebar.fixed {

text-align: center;
bottom: 0px;
right: 0px;
position: fixed;
z-index: 99999999;
height: auto;

}

#cookiebar.fixed {

    text-align: center;
    top: 33%;
    bottom: 33%;
    right: 33%;
    left: 33%;
    position: fixed;
    z-index: 99999999;

}


#cookiebar
{
    width: 33%;
    height: 230px;
    border: 2px solid #A6303E;
    border-radius: 5px;
    background: #A6303E;
    padding: 3px 20px 20px 20px;
    color: white;
    border: 1px solid: #ccc;
    margin-right: 20px;
    font-size: 16px;
    line-height: 1.25em;
}



.cb-enable {
   }


.cb-policy {
    color: white;
}

.cb-policy:hover {

}


.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 4px;
    padding-top: 0px;
    background-color: #A6303E;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    z-index:10000;
}

@media (max-device-width: 1024px) {

#cookiebar.fixed {

    top: 25%;
    bottom: 25%;
    right: 25%;
    left: 25%;
}

#cookiebar
{
    width: 50%;
    height: 300px;
}


.ul-list li::before {
  margin-left: 0px !important; font-size: 24px; }

}


@media (max-device-width: 768px) {

#cookiebar.fixed {

    top: 25%;
    bottom: 25%;
    right: 25%;
    left: 25%;
}

#cookiebar
{
    width: 50%;
    height: 350px;
}
}

@media (max-device-width: 668px) {

	.corona-test {display: none;}
	.corona-test-mobil {display: inline;}

}

@media (max-device-width: 414px) {

.bg {height: 230px; 100vw;}

#cookiebar.fixed {

    top: 15%;
    bottom: 15%;
    right: 15%;
    left: 15%;
}

#cookiebar
{
    width: 70%;
    height: 350px;
}
}


@media only screen and (min-width: 442px) and (max-width: 1023px) {
.bg {height: 520px; 100vw;}



}


.arrow{
font-size: 24px;
color: white;
margin-top: 2px;}