/* FORCE MODE */

.cookielawForce {
position: absolute;
width: 100%;
height: 100%;
background: #777777dd; /* Hintergrundfarbe gesamt */
color: #ccc;
font-size: 16px;
line-height: 36px;
text-align: center;
border-bottom: 1px solid #999;
/* padding: 48px 6%; */
/*margin: 50px 50px 50px 50px;*/
/*opacity: 0.9; /* Stärke der Durchsichtigkeit der kompletten Seite */
z-index: 80!important;
}

.cookielawForce a {
color: #fd0;
}

.cookielawForce .cookielawMessage {
animation: einblenden 1.5s;
-moz-animation: einblenden 1.5s; /* Für Firefox */
-webkit-animation: einblenden 1.5s; /* Für Safari und Chrome */
-o-animation: einblenden 1.5s; /* Für Opera */
position: absolute;
top: 5px;
left: 50%;
transform: translate(-50%, -0%);
width: 335px;
height: 420px;
color: #000000; /* Info-Text Farbe */
line-height: 22px;
background: #ffffff; /* Hintergrundfarbe Textzeile, zum Testen */
padding: 12px 12px 12px 12px;
border-radius: 10px;
/*margin: 10px 10px 10px 10px; */
/*opacity: 2; /* Test, ohne Auswirkung im Originalcode */
z-index: 85!important;
}

.cookielawForce .cookielawButtonAllOK {
animation: einblenden 3s;
-moz-animation: einblenden 3s; /* Für Firefox */
-webkit-animation: einblenden 3s; /* Für Safari und Chrome */
-o-animation: einblenden 3s; /* Für Opera */
position: absolute;
display: block;
width: 250px;
background: #66cc66; /* Hintergrundfarbe Buttom "uneingeschränkt nutzen" */
color: #111111; /* Farbe Buttom "uneingeschränkt nutzen" */
text-align: center;
font-weight: 700;
font-size: 18px;
border-radius: 5px;
top: 338px;
left: 50%;
transform: translate(-50%, -0%);
padding: 0 8px;
z-index: 90!important;
}

.cookielawForce .cookielawButton {
animation: einblenden 3s;
-moz-animation: einblenden 3s; /* Für Firefox */
-webkit-animation: einblenden 3s; /* Für Safari und Chrome */
-o-animation: einblenden 3s; /* Für Opera */
position: absolute;
display: block;
width: 250px;
background: #db5856; /* Hintergrundfarbe Buttom "eingeschränkt nutzen" */
color: #ffffff; /* Farbe Buttom "eingeschränkt nutzen" */
text-align: center;
font-size: 18px;
font-weight: 700;
border-radius: 5px;
padding: 0 8px;
top: 390px;
left: 50%;
transform: translate(-50%, -0%);
z-index: 90!important;
}

.cookielawForce .cookielawButtonAllOK a {
background: none;
color: #111111;
font-weight: 700;
border-radius: 3px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.cookielawForce .cookielawMoreInfo {
padding: 0 12px;
margin: 0;
}

/* Einblendtechnik */
p.absatz {

    animation: einblenden 1.5s;
    -moz-animation: einblenden 1.5s; /* Für Firefox */
    -webkit-animation: einblenden 1.5s; /* Für Safari und Chrome */
    -o-animation: einblenden 1.5s; /* Für Opera */
}

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}


/* HINT MODE 

.cookielawHinttop {
display: table;
background: #444444;
font-size: 16px;
line-height: 18px;
color: #eeeeee;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
border-radius: 0 0 7px 0;
padding: 6px 12px;
margin: 0 9px 0 0;
opacity: 1;
}

.cookielawHintbottom {
display: table;
background: #444444;
font-size: 16px;
line-height: 18px;
color: #eeeeee;
border-right: 2px solid #999;
border-top: 2px solid #999;
border-radius: 0 7px 0 0;
padding: 6px 12px;
margin: 0 9px 0 0;
opacity: 1;
}

.cookielawHinttop a, .cookielawHintbottom a {
color: #F9F2FF;
}

.cookielawMessage {

display: inline;
padding: 0 12px 0 0;
margin: 0;
}

.cookielawButton {
background: #eeeeee;
color: #111111;
font-weight: 700;
border-radius: 3px;
padding: 0 18px;
margin: 0 18px 0 0;
}

.cookielawMoreInfo {
display: inline;
white-space: nowrap;
}