@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://apotheken-vogelhuber.de/wp-content/themes/individuell/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://apotheken-vogelhuber.de/wp-content/themes/individuell/slick/fonts/slick.eot);
src: url(https://apotheken-vogelhuber.de/wp-content/themes/individuell/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://apotheken-vogelhuber.de/wp-content/themes/individuell/slick/fonts/slick.woff) format('woff'), url(https://apotheken-vogelhuber.de/wp-content/themes/individuell/slick/fonts/slick.ttf) format('truetype'), url(https://apotheken-vogelhuber.de/wp-content/themes/individuell/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}*{
margin: 0;
padding: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body{
line-height: 1.5em;
}
body,textarea, input{
font-family: 'Open Sans', sans-serif;
font-weight:300;
color:#4d4d4d;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.3em;
font-weight:400;
}
h2, h1{	
color:#567508;
font-style: italic;
font-weight:400;
font-size: 32px;
}
a{
text-decoration:none;
color: #01518b;
display: inline-block;
}
#impressum a{
text-decoration:underline;
}
img{
border:0px;
max-width:100%;
height:auto;
}
menu,
ol,
ul {
padding: 0 0 0 40px;
}
iframe{
border:0px;
}
.spaltenbox {
line-height: 1.7rem;
} .pos, .wrap, .wrap2{
position:relative;
}
.ovhi{
overflow: hidden;
}
.pos{
width:100%;	
}
.wrap{
width:1600px;
margin: 0 auto;
}
.wrap2{
width:1400px;
margin: 0 auto;
}
.spalte1, .spalte2, .spalte3, .spalte4, .spalte23{
width:96%;
margin: 0 2% 40px 2%;
float:left;
}
.spalte2{
width:46%;
}
.spalte23{
width:62.33%;
}
.spalte3{
width:29.33%;
}
.spalte4{
width:21%;
}
.readtxt{
font-size:16px;
line-height:1.8em;
}
[class*="openclose_"]:not(#menu){
height:0;
overflow:hidden;
}
[class*="openclose_"].openclose_tabmenu{
height:auto !important;
width:0;
float:left;
overflow:hidden;
}
.spaltenbox ul li::before {
content: "";
background-color: #207bbb;
border-radius: 4px;
display: block;
height: 4px;
left: -15px;
position: relative;
top: 15px;
width: 4px;
}
.spaltenbox ul {
list-style-type: none;
padding-left: 20px;
}
.plus{
background: #f1f1f1;
border: 1px solid #7fa816;
cursor: pointer;
display: block;
padding: 10px 30px;
position: relative;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin-bottom:20px;
}
.plus.klickopen, .plus:hover {
background: #f1f1f1;
}
.plus:after {
content: "+";
display: block;
font-size: 24px;
height: 20px;
position: absolute;
right: 10px;
top: 10px;
width: 20px;
}
.plus.klickopen:after {
content: "-";
font-size: 30px;
top: -3px;
}
.scrollbtn,
.klickbtn{
cursor:pointer;
}
.mittig{
margin: 0 auto 40px auto;
float: none;
clear: both;
}
.trenner{
background: #7fa816;
background: -moz-linear-gradient(left, #7fa816 0%, #7fa816 50%, #fff 50%, #fff 100%);
background: -webkit-linear-gradient(left, #7fa816 0%,#7fa816 50%,#fff 50%,#fff 100%);
background: linear-gradient(to right, #7fa816 0%,#7fa816 50%,#fff 50%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fa816', endColorstr='#fff',GradientType=1 );
height: 15px;
width: 100%;
border-top: 2px solid #7fa816;
}
.slick-prev::before, .slick-next::before {
color: #61830b;
}
#klickmenue_menue_close{
display: none;
} .l{ text-align:left;}
.c{ text-align:center;}
.r{ text-align:right;}
.bl{position:relative;float:left;margin:0 10px 5px 0;}
.br{position:relative;float:right;margin:0 0 5px 10px;}
.nb{white-space:nowrap}
.maxh{height:100%;}
.rel{position:relative;}
.color{color:#7fa816;}
.bcolor{background:#7fa816;}
.bcolorw{background:#fff;}
.colorw, .colorw a{color:#fff !important;}
.gruen{color:#3a7267;}
.transition{-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
.clear{clear:both;}
.list li{margin-bottom:20px;}
.w80{width:80px;display:inline-block;}
.w120{width:120px;display:inline-block;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml40{margin-left:40px;}
.ml60{margin-left:60px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr40{margin-right:40px;}
.mr60{margin-right:60px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p40{padding:40px;}
.pl40{padding-left:40px;}
.pr40{padding-right:40px;}
.pt20{padding-top:20px;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.flr{float:right;}
.fll{float:left;}
.dib{display:inline-block;}
.db{display:block;}
.hide{display:none;}
.bb1{border-bottom:1px solid #7fa816;}
.s12{font-size:12px;}
.s14{font-size:14px;}
.s16{font-size:16px;}
.s18{font-size:18px;}
.s20{font-size:20px;}
.s24{font-size:24px;}
.vm{vertical-align:middle;}
.alignleft{margin-right:10px;}
.b150{width:150px !important;height:auto !important;margin-bottom:10px;}
hr{
border: none;
background-color: #f1f1f1;
height: 3px;
width: 100%;
} .menu-item ._svg {
width: auto !important;
} #header{
z-index:9;
}
#header::after{
content: '';
height: 10px;
position: absolute;
left: 0;
right: 0;
top: 0; background: #f7e933; background: -moz-linear-gradient(left, #f7e933 0%, #f7e933 32%, #207bbb 32%, #207bbb 100%); background: -webkit-linear-gradient(left, #f7e933 0%,#f7e933 32%,#207bbb 32%,#207bbb 100%); background: linear-gradient(to right, #f7e933 0%,#f7e933 32%,#207bbb 32%,#207bbb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e933', endColorstr='#207bbb',GradientType=1 ); }
#klickmenue img{
margin-right:20px;
float:left;
}
#news button{
width:100%;
}
button{
border: none;
}
.tabselect, .button2 {
color: #fff;
font-size: 16px;
border: 1px solid #fff;
padding: 11px;
position: relative;
cursor: pointer;
text-align: center;
text-transform: uppercase;
background-color: #207bbb;
font-weight: 500;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.tabselect:hover, .button2:hover{
background-color: #207bbb
}
.button2 {
display: inline-block;
color: #fff !important;
}
.tabmenue {
display: none;
position: absolute;
background: #fff;
z-index: 5;
padding: 5px 0;
width: 250px;
margin: 0 auto;
margin-top: 0px;
text-align: center;
margin-top: 5px;
box-shadow:  0px 0px 3px rgb(168, 168, 168);
}
.tabmenue a{
color: rgb(53, 53, 53);
padding: 10px 15px;
display: block;
background-color: rgb(255, 255, 255);
border-bottom: 1px solid #eee;
}
.tabmenue a:hover{
background-color: rgb(209, 209, 209);
}
.tabselect.tabopen + .tabmenue {
display: block;
}
.closeklick{
position:absolute;
right:5px;
top:5px;
margin:0 !important;
width:30px;
height:30px;
background: #7fa816;
color: #fff;
line-height:30px;
font-weight:500;
padding-left: 9px;
font-weight: 600;
} .content{
padding:80px 0;
} .prlx {
height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
.prlx::after, .prlx::before, #slider:before,  #slider:after {
background: rgba(255,255,255,.0);
position: absolute;
left: 0;
right: 0;
z-index: 2;
content: "";
display: block;
height: 30px;
border-style: solid;
border-width: 0px 0 100px 99vw;
border-color: transparent #fff #fff transparent;
margin-left: -5px;
}
.prlx:after, #slider:after{
bottom:0;
}
.prlx:before, #slider:before {
bottom:0px;
border-width: 0px 0 150px 99vw;
border-color: rgba(255, 255, 255,0.5) rgba(255, 255, 255,0.5) rgba(255, 255, 255,0.5) transparent;
margin-left: -5px;
} #leistungen a,
#leistungen h3{
font-weight:500;
color:#666;
}
.button{
background-color: #fff;
color:#000;
padding:2px 5px;
border-radius: 3px;
}
.cookie-notice-container{
font-weight: 500;
}
.medikamentereservieren {
width: 350px;
position: absolute;
z-index: 9;
background-color: rgba(32, 123, 187, 0.95);
padding: 40px 50px;
color: #fff;
margin-top: 50px;
}
.medikamentereservieren strong{
color: #fff;
text-transform: uppercase;
font-style: italic;
font-size: 26px;
line-height: 2rem;
}
.medikamentereservieren strong a{
color: #fff;
}
.medikamentereservieren img{
margin-bottom: -9px;
margin-right: 10px;
}
.auswahl{
color: #207bbb;
font-style: italic;
font-weight: 400;
font-size: 28px;
margin-left: 20px;
line-height: 2rem;
}
#logo img{
width: 350px;
margin-top: 70px;
height: auto;
}
.page-id-1553 #logo img{
margin-top: 15px;
}
.page-id-1489 #kontaktdaten1, .page-id-1553 #kontaktdaten2, .page-id-1575 #kontaktdaten3, .page-id-1169 #kontaktdaten4, .page-id-1593  #kontaktdaten5, .page-id-1605  #kontaktdaten6, .page-id-1967 #kontaktdaten7{
font-weight: 500;
color:#000
} #footer{
background:#fff;
}
#footer::after{
content: '';
height: 10px;
position: absolute;
left: 0;
right: 0;
top: 0; background: #f7e933; background: -moz-linear-gradient(left, #f7e933 0%, #f7e933 32%, #207bbb 32%, #207bbb 100%); background: -webkit-linear-gradient(left, #f7e933 0%,#f7e933 32%,#207bbb 32%,#207bbb 100%); background: linear-gradient(to right, #f7e933 0%,#f7e933 32%,#207bbb 32%,#207bbb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e933', endColorstr='#207bbb',GradientType=1 ); }  .menu-soziale-netzwerke-container{
vertical-align:middle;
}
.menu-soziale-netzwerke-container,
#menu-soziale-netzwerke,
#menu-soziale-netzwerke li{
display:inline-block;
}
#menu-soziale-netzwerke{
list-style:none;
padding-left:10px;
}
#menu-soziale-netzwerke li{
margin-left:5px;
margin-right:5px;
}
#menu-soziale-netzwerke span{
margin-left:5px;
}
.visuallyhidden{
display:none;
} #menu-hauptmenue{
list-style:none;
padding-left:0px;
background:#7fa816;
}
#menu-hauptmenue li.white{
background:#fff;
text-align:center;
width:calc(50% - 450px);
min-width:212px;
font-weight:500;
}
#menu-hauptmenue li.white a{
color:#7fa816;
}
#menu-hauptmenue li{
display:inline-block;
}
#menu-hauptmenue li:not(.white){
margin:10px 0;
}
#menu-hauptmenue li a{
display:block;
color:#fff;
padding:10px 20px;
}
#menu-hauptmenue li.white a{
padding:20px;
}
#menu-hauptmenue li:not(.white):not(:last-child){
border-right:1px dotted #fff;
} #sidemenu {
z-index: 999999999;
width: 100%;
background-color: #207bbb;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
position: sticky;
top: 0;
}
#sidemenu ul{
padding:0;
list-style:none;
}
#sidemenu ul li{
display: inline-block;
}
#sidemenu ul li a{
color:#fff;
padding: 14px 55px;
width: auto;
font-weight: 600;
display:inline-block;
text-align:left;
font-size: 16px;
text-transform: uppercase;
}
#sidemenu ul li a:hover, #apothekenauswahl ul li a:hover{
background-color: #207bbb;
}
#menu-side-menue li a i{
display:none;
}
#sidemenu.fixheader{
top: 0;	
position: fixed;
} .menu-footermenue-container{
display:inline-block;
margin-left:10px;
}
#menu-footermenue{
padding:0;
list-style:none;
}
#menu-footermenue li{
display:inline-block;
}
#menu-footermenue li:not(:last-child){
border-right:1px solid #fff;
padding-right:10px;
margin-right:6px;
}
#menu-footermenue a{
color:#4d4d4d;
} #headersticky {
position: sticky;
top: 0;
z-index: 999;
}
.inhalte{
min-height: 400px;
}
#reservierungsiframe{
width:100%;
height:900px;
text-align: center;
}
#beratungsclips1{
width:100%;
max-width:560px;
height:480px;
margin:0 auto;
display:block;
}
#heilpflanzeniframe{
width:100%;
max-width: 1000px;
height:600px;
margin: 0 auto;
display: block;
}
#kontakt{
background-color:#f5f5f5
}
.googlekarte, .kontakt {
padding: 20px;
background-color: #fff;
width: 100%;
}
.sliderangebote{
max-width: 600px;
margin: 0 auto;
} input{
float:left;
color:#000;
font-size:16px;
}
input, textarea{
background:#f5f5f5;
padding:10px 5px;
margin-bottom:10px;
border: 0px;
}
input[type="text"], input[type="tel"], input[type="email"], textarea{
width:100%;
}
input[type="submit"]{
color: #fff;
font-weight:700;
margin: 20px 0 0 0;
padding:13px 40px;
background: #474747;
cursor: pointer;
-webkit-appearance: none;
}
input[type="checkbox"]{
margin-right:10px;
margin-bottom: 0px;
}  .news_headline {
font-style: italic;
}
.news_box{
clear:right;
padding-bottom:20px;
}
.news_bild{
float: right;	
width:300px;
margin: 0 0 10px 15px;
font-style: italic;
font-size:.8em;
}
.news_ueberschrift{
padding:15px 0 0 0;
font-size:1.3em;
font-weight: 700;
}
.news_content{
text-align:left;
}
.news_author{
font-style: italic;
font-size:.8em;
}
.news_content .bodytext b{
display:block;
line-height:4em;
} #slider .slick-track, #slider {
height: 500px;
height: 80vh;
width: 100%;
}
.slick-initialized .slick-slide{
background-size:cover !important;
}
.slick-slider{
background: rgba(0, 0, 0, 0) url(https://apotheken-vogelhuber.de/wp-content/uploads/header.jpg) no-repeat scroll center center;
background-size: cover;
}
#mobilemenu a{
color:#4d4d4d;
display: inline-block;
}
#mobilemenu a:hover{
color:#207bbb;
}
#kontakt .BorlabsCookie ._brlbs-content-blocker a._brlbs-btn {
background: #207bbb !important;
}
#BorlabsCookieBox a {
color: #01518b;
text-decoration: underline !important;
}   @media (min-width: 1601px) {
.show1600{
display:none
}
#kontaktdaten1,
#kontaktdaten2,
#kontaktdaten3,
#kontaktdaten4,
#kontaktdaten5,
#kontaktdaten6,
#kontaktdaten7{
font-size: 14px;
}
}
@media (min-width: 1281px) {
.show1200{
display:none
}
}
@media (min-width: 981px) {
.show980{
display:none
}
#kontaktdaten1,
#kontaktdaten2,
#kontaktdaten3,
#kontaktdaten4,
#kontaktdaten5,
#kontaktdaten6,
#kontaktdaten7{
height:auto !important;
display:inline-block;
padding-left:4px;
margin-left:20px;
border-left:1px solid #62abdf;
padding-top:5px;
padding-bottom:15px;
}
#menue{
height:auto !important;
text-align: center;
}
#menue li a i{
display:none;
}
#header.showheader ~ #inhaltsbereich{
padding-top:64px;
}
#header.showheader ~ #menue{
position:fixed;
top:0;
z-index:99;
}
#header.showheader{
z-index:101;
} }
@media (min-width: 781px) {
.show780{
display:none
}
}
@media (min-width: 481px) {
.show480{
display:none
}
}
@media (max-width: 1800px) {
.wrap, .wrap2 {
width: 1520px;
}
#sidemenu ul li a {
padding: 14px 60px;
}
}
@media (max-width: 1600px) {
.hide1600{
display:none
}
.wrap, .wrap2 {
width: 1200px;
} #reservierungsiframe{
height:1300px;
}
#logo {
text-align: center;
float: none;
}
#logo img {
margin-top: 10px;
}
.auswahl {
margin: 20px 0;
text-align: center;
}
#kontaktdaten1, #kontaktdaten2, #kontaktdaten3, #kontaktdaten4, #kontaktdaten5, #kontaktdaten6, #kontaktdaten7 {
margin-left: 5px;
}
#sidemenu ul li a{
padding: 14px 34px;
}
}
@media (max-width: 1280px) {
.hide1200{
display:none
} #klickmenue{
display: block;
width: 250px;
position: absolute;
top: 10px;
margin-left:20px;
}
.spalte4{
width:46%;
} .wrap2, .wrap {
width: 900px;
}
#kontaktdaten1, #kontaktdaten2, #kontaktdaten3, #kontaktdaten4, #kontaktdaten5, #kontaktdaten6, #kontaktdaten7 {
margin-left: 15px;
width: 205px;
font-size: 17px;
}
#kontaktdaten1, #kontaktdaten2, #kontaktdaten3, #kontaktdaten4{
margin-bottom: 20px;
}
h2, h1 {
font-size: 28px;
font-weight: 600;
}
#sidemenu ul li a {
padding: 14px 13px;
font-size: 15px;
}
.prlx:before, #slider:before, .prlx::after, .prlx::before, #slider:before,  #slider:after{
margin-left: -10px;
}
#slider .slick-track, #slider {
height: 60vh;
}
#logo img {
margin-top: 0px;
}
}
@media (max-width: 980px) {
#klickmenue_menue_close{
display: block;
}
.hide980{
display:none
}
#slider .slick-track, #slider{
max-height:400px;
}
#sidemenu {
top: 250px;
}
#sidemenu ul li a {
padding: 5px 10px 5px 30px;
width: 130px;
}
#sidemenu ul li a:hover {
width: 150px;
}
#klickmenue {
width: auto;
position: relative;
top: 0;
margin-left: 0;
}
#logo{
margin-top:-28px;
width:220px;
}
#mobilemenu{
float:none;
margin:0;
clear:left;
padding-top:0px;
text-align:center;
}
#klickmenue > div{
display:inline-block !important;
text-align:left;
}
.medikamentereservieren{
margin-top: 30px;
}
#klickmenue_menue {
position: relative;
display: block;
width: 36px;
height: 36px;
vertical-align:bottom;
background-color:#587709;
float: left;
}
#klickmenue_menue span {
background: #fff;
display: block;
height: 2px;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
width: 22px;
left:6px;
position: absolute;
}
.line1 {
top: 9px;
}
.line2 {
top: 17px;
}
.line3 {
top: 25px;
}
.line4 {
top: 31px;
opacity: 0;
}
#klickmenue_menue:hover:not(.klickopen) .line1 {
opacity: 0;
top: 5px;
}
#klickmenue_menue:hover:not(.klickopen) .line2 {
top: 9px;
}
#klickmenue_menue:hover:not(.klickopen) .line3 {
top: 17px;
}
#klickmenue_menue:hover:not(.klickopen) .line4 {
top: 25px;
opacity: 1;
}
#klickmenue_menue.klickopen .line1, 
#klickmenue_menue.klickopen .line2 {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#klickmenue_menue.klickopen .line3, 
#klickmenue_menue.klickopen .line4 {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#klickmenue_menue.klickopen .line1, #klickmenue_menue.klickopen .line4 {
opacity: 0;
}
#klickmenue_menue.klickopen .line2, #klickmenue_menue.klickopen .line3 {
top: 17px;
}
#menue, #apothekenauswahl{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index:99;
margin-top: 0;
background-color: #62abdf;
margin-top: -40px;
}
#apothekenauswahl {
margin-top: 10px;
}
#klickmenue_menue{
margin-right: 10px;
}
#menue ul,  #apothekenauswahl ul{
padding:0;
}
#menue li,  #apothekenauswahl li{
min-width:auto !important;
width:100%;
display:block;
border-right:0px !important;
font-weight: 600;
text-transform: uppercase;
}
#menue li:not(.white) {
margin: 0px 0;
}
#menue li a, #apothekenauswahl li a{
color: #fff;
padding: 10px 20px !important;
display: block;
}
#klickmenue_apothekenauswahl {
font-size: 18px;
background-color: #587709;
color: #fff;
padding: 7px 20px !important;
display: inline-block;
text-align: left;
font-weight: 600;
font-style: italic;
width: 80%;
}
#header.showfix{
padding-bottom:124px;
}
@keyframes slidein {
0%   {-moz-transform: translateY(-50px);
-webkit-transform: translateY(-50px);
-o-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);}
100% {-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);}
}
@keyframes slideout {
0%   {-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);}
100% {-moz-transform: translateY(-50px);
-webkit-transform: translateY(-50px);
-o-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);}
}
.tabmenue{
width: 240px;
}
#reservierungsiframe{
height:1200px;
}
.wrap, .wrap2 {
width: 700px;
}
#logo {
margin-top: 10px;
width: 280px;
margin: 0 auto;
margin-bottom: 20px;
}
h2, h1 {
font-size: 24px;
}
#sidemenu {
top: 35px;
left: 0;
margin: 0 auto;
z-index: 999;
position: relative;
}
#sidemenu ul li a, #sidemenu ul li a:hover {
width: 100%;
}
.plus {
font-size: 16px;
}
.prlx {
height: 450px;
background-attachment: scroll;
}
.prlx::before, #slider::before, .prlx::after, .prlx::before, #slider::before, #slider::after {
margin-left: -15px;
}
.auswahl {
font-size: 24px;
margin: 10px 0;
}
#klickmenue{
line-height: 1.3rem;
}
#header.pt20{
padding-top: 12px;
}
#headersticky {
background-color: #fff;
padding:20px 0;
box-shadow: 0px 3px 3px rgb(207, 207, 207);
}
}
@media (max-width: 780px) {
.hide780{
display:none
}
.wrap, .wrap2{
width:400px;
}
#logo {
margin-top: -20px;
}
.medikamentereservieren strong {
font-size: 22px;
}
#klickmenue img {
width: 20px;
margin-right: 8px;
margin-top: 2px;
}
h1{
font-size:24px;
}
#klickmenue{
text-align: center
}
.spalte4,
.spalte23,
.spalte2,
.spalte3 {
width: 96%;
}
#footer{
text-align:left;
}
.menu-footermenue-container {
margin-left: 0px;
}
#slider .slick-track, #slider {
max-height: 300px;
}
.prlx {
height: 300px;
}
#reservierungsiframe{
height:1450px;
}
.medikamentereservieren {
width: 300px;
padding: 15px 20px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
background-color: rgba(32, 123, 187, 0.95);
line-height: 1.2rem;
}
.auswahl {
font-size: 20px;
}
.menu-item img._before, .rtl .menu-item img._after {
margin-right: 0 !important;
}
#logo {
width: 280px;
margin-top: 5px;
}
#sidemenu{
position: relative;
}
.plus::after {
top: 15px;
}
.medikamentereservieren img{
margin-bottom: -8px;
width: 25px;
}
.tabmenue {
width: 260px;
}
}
@media (max-width: 480px) {
.hide480{
display:none
}
#menue,
.wrap, .wrap2{
width:300px;
}
#logo {
margin-top: 10px;
width:100%;
text-align:center;
}
#logo img{
width:240px;
}
#slider .slick-track, #slider {
max-height: 250px;
}
#klickmenue > div:not(:last-child) {
margin-right: 10px;
}
#klickmenue img {
width: 12px;
margin-right: 5px;
margin-top: 6px;
opacity:.8;
} h1, h2{
font-size:20px;
}
.auswahl {
font-size: 18px;
}
}