/* Corporate Styles Kosmetik-Wellness */
/* © Kosmetik-Wellness M.V */

.cc-window {
    opacity: 0.9;
    transition: opacity 0.3s ease;
    max-width:320px;
    overflow:hidden;
}

.cc-window.cc-invisible {
    opacity: 0.1;
}

.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) **/
    color: #666;
    opacity: 0;
    
}

.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 {
	/*! font-family: "Poppins",Sans-Serif; */
	/*! letter-spacing: 0.05em; */
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    /*! font-size: 12px; */
    /*! line-height: 1.5em; */
    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: 1.5em;
    max-width: 100%; 
    margin-left:0;
    box-sizing:border-box;
    -ms-flex-direction: column;
    flex-direction: column;
    letter-spacing: 0.05em;
    font-weight: 300;
    font-size: 0.8em;
}

@media (min-width: 480px) {
	.cc-window.cc-floating {
		max-width:450px;
		margin-left:auto;
		margin-right:auto;
	}
}

.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;
    font-size: .9em;
    font-weight: 500;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
	
}

/*Button Nein*/
.cc-highlight .cc-btn:first-child {
    /*! background-color: #FFF; */
    color: black !IMPORTANT;
    margin-right:1.5em;
}

/*Button Nein Hover*/
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover {
    background-color: #fefefe78;
    /*text-decoration: underline;*/
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.5em;
    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 {

}

.cc-right {
    right: 2.5em;
}

.cc-bottom {
    bottom: 3.4em;
}

.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;
/*! font-weight: 200; */
}

.cc-floating .cc-compliance>.cc-btn {
-ms-flex: 1;
flex: 1
}


.cc-btn+.cc-btn {
margin-left: .5em;
background-color: #67D1B3;
}

/*Copy Button Ja, akzeptiert*/
a.cc-btn.cc-allow{
color: #030303;
/*! background-color: #fafafa; */
/*! opacity: 0.9; */
	
}

.cc-color-override-75632549 .cc-btn:hover, .cc-color-override-75632549 .cc-btn:focus {
  /*! background-color: rgb(179, 171, 163); */
}



@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
}




@media (min-width:320px) {

    .cc-animate.cc-revoke.cc-bottom {
    background-color: #dedede;
    color: #666;
    opacity: 0.01;
}
 }

@media (min-width:320px) {
.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    /*! border-top-left-radius: .5em; */
    /*! border-top-right-radius: .5em */
    opacity: 0.01;
}
  }