/* Coockie Hint Styler */
#dsgvo_cookiebox {
font-family: Helvetica, Arial, "sans-serif";
display: block;
z-index: 2147483647;
position: fixed;
top: 0px;
min-height: 30px;
padding: 8px 58px;
box-sizing: border-box;
margin: 0;
width: 100%;
color: #eee;
border: 0px;
background: rgba(12,102,92,1.00);
}
#dsgvo_cookiebox {
opacity:0.95;
top: -400px;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#dsgvo_cookiebox.inview { top: 0px; }
#dsgvo_cookiebox > div.openTrigger { opacity:0.8; cursor: pointer; }
#dsgvo_cookiebox > div.openTrigger:hover { opacity:1; }
#dsgvo_cookiebox > div.openTrigger { display:block; position:fixed; top:12px; right:12px; z-index: 2147483647; width:36px; height:36px; box-sizing: border-box;
background-color: rgba(255,255,255,1.00);
background-image:
url("data:image/svg+xml;utf8,");
background-repeat: no-repeat; background-size:80%; background-position: center;
}
#dsgvo_cookiebox.inview > div.openTrigger {
background-color: rgba(255,255,255,0);
background-image: url("data:image/svg+xml;utf8,");
}
#dsgvo_cookiebox.achtung > div.openTrigger { background-image:
url("data:image/svg+xml;utf8,"); }
#dsgvo_cookiebox.done > div.openTrigger { background-image:
url("data:image/svg+xml;utf8,"); }
#dsgvo_cookiebox p { box-sizing: border-box; padding:20px 8px;line-height: 1.7rem; font-size:1.1rem; color:#rgba(255,255,255,0.6); margin-bottom: 10px; max-width:calc(100% - 400px) }
#dsgvo_cookiebox p a { color:inherit; text-decoration: underline; }
#dsgvo_cookiebox form { margin:0px; padding:0px; border:0px; min-width:0px; max-width: none; width:auto; }
#dsgvo_cookiebox button.dsgvoButton { color:#f7f7f7; font-size:1.1rem; background-color:rgba(0,0,0,0); font-weight:lighter; text-transform:uppercase; float:right; padding:13px 13px 13px 13px; width:320px; border-radius: 24px; letter-spacing: 1px; margin-top:48px; box-shadow: none; }
#dsgvo_cookiebox button.dsgvoButton:hover { color:#fff; }
#dsgvo_cookiebox button.dsgvoButton.ok:hover { background-color: rgba(0,217,106,1.00); }
#dsgvo_cookiebox button.dsgvoButton.no:hover,
#dsgvo_cookiebox button.dsgvoButton.fuck:hover { background-color: rgba(228,9,40,1.00); }
@media only screen and (max-width: 1024px) {
#dsgvo_cookiebox p { max-width:100%; }
#dsgvo_cookiebox { top: -900px; }
#dsgvo_cookiebox button.dsgvoButton {float:none; width:240px;}
#dsgvo_cookiebox button.dsgvoButton { width:100% !important; margin-top: 8px !important; }
#dsgvo_cookiebox { padding: 8px 40px 8px 40px; }
}