/* Anfang Eigenes */ .cc-window { background: white; border-top: 0.5px solid #D9D9D9; } .cc-message { font-family: Menlo, Monaco, monospace; font-size: 14px; } /* Ende Eigenes */ .cc-window { opacity: 1; transition: opacity 1s ease; } .cc-window.cc-invisible { opacity: 0; } .cc-animate.cc-revoke { transition: transform 1s ease; } .cc-animate.cc-revoke.cc-top { transform: translateY(-2em); } .cc-animate.cc-revoke.cc-bottom { transform: translateY(2em); } .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover { transform:translateY(0); } .cc-grower { max-height: 0; overflow: hidden; transition: max-height 1s; } .cc-link, .cc-revoke:hover { text-decoration: underline; } .cc-revoke, .cc-window { position: fixed; overflow: hidden; box-sizing: border-box; line-height:1.2em; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; z-index:9999; } .cc-window.cc-static { position: static } .cc-window.cc-floating { padding: 2em; max-width: 24em; -ms-flex-direction: column; flex-direction: column } .cc-window.cc-banner { padding: 1em 1.8em; width: 100%; -ms-flex-direction: row; flex-direction: row } .cc-revoke { padding: .5em } .cc-header { font-size: 18px; font-weight: 700; } .cc-btn, .cc-close, .cc-link, .cc-revoke { cursor: pointer } .cc-link { opacity: .8; display: inline-block; padding: .2em; } .cc-link:hover { opacity: 1; } .cc-link:active, .cc-link:visited { color: initial; } .cc-btn { display: block; padding:.4em .8em; font-size: .9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap } .cc-highlight .cc-btn:first-child { background-color: transparent; border-color: transparent } .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover { background-color: transparent; text-decoration: underline } .cc-close { display: block; position: absolute; top: .5em; right: .5em; font-size: 1.6em; opacity: .9; line-height: .75 } .cc-close:focus, .cc-close:hover { opacity: 1; } .cc-revoke.cc-top { top: 0; left: 3em; border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; } .cc-revoke.cc-bottom { bottom: 0; left: 3em; border-top-left-radius: .5em; border-top-right-radius: .5em } .cc-revoke.cc-left { left: 3em; right: unset; } .cc-revoke.cc-right { right: 3em; left: unset; } .cc-top { top: 1em; } .cc-left { left: 1em; } .cc-right { right: 1em; } .cc-bottom { bottom: 1em; } .cc-floating>.cc-link { margin-bottom: 1em; } .cc-floating .cc-message { display: block; margin-bottom: 1em; } .cc-window.cc-floating .cc-compliance { -ms-flex: 1 0 auto; flex: 1 0 auto; } .cc-window.cc-banner { -ms-flex-align: center; align-items: center; } .cc-banner.cc-top { left: 0; right: 0; top: 0; } .cc-banner.cc-bottom { left: 0; right: 0; bottom: 0; } .cc-banner .cc-message { display: block; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; margin-right: 1em; } .cc-compliance { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between; } .cc-floating .cc-compliance>.cc-btn { -ms-flex: 1; flex: 1; } .cc-btn+.cc-btn { margin-left: .5em; } @media print { .cc-revoke,.cc-window { display: none;} } @media screen and (max-width:900px) { .cc-btn { white-space: normal; } } @media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) { .cc-window.cc-top { top: 0; } .cc-window.cc-bottom { bottom: 0; } .cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right { left: 0; right: 0; } .cc-window.cc-banner { -ms-flex-direction: column; flex-direction: column; } .cc-window.cc-banner .cc-compliance { -ms-flex:1 1 auto; flex: 1 1 auto; } .cc-window.cc-floating { max-width: none; } .cc-window .cc-message { margin-bottom: 1em; } .cc-window.cc-banner { -ms-flex-align: unset; align-items: unset; } .cc-window.cc-banner .cc-message { margin-right: 0; } } .cc-floating.cc-theme-classic { padding: 1.2em; border-radius: 5px; } .cc-floating.cc-type-info.cc-theme-classic .cc-compliance { text-align: center; display: inline; -ms-flex: none; flex: none; } .cc-theme-classic .cc-btn { border-radius: 5px; } .cc-theme-classic .cc-btn:last-child { min-width: 140px; } .cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block; } .cc-theme-edgeless.cc-window { padding: 0; } .cc-floating.cc-theme-edgeless .cc-message { margin: 2em 2em 1.5em; } .cc-banner.cc-theme-edgeless .cc-btn { margin: 0; padding: .8em 1.8em; height: 100%; } .cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em; } .cc-floating.cc-theme-edgeless .cc-btn+.cc-btn { margin-left:0; }