/* be-just-dog Copyright 2023 */
.cc-window {
    opacity: 1;
    transition: opacity 0.3s ease;
    max-width:320px;
    overflow:hidden;
    outline: 2px solid #a7c1a8;
}

.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) **/
    background-color: #7b2b2b00;
    color: #03030354;
    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 {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 16px;
    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
}

/*essenziel Button*/
.cc-btn.cc-deny {
  color: #58F77B;
}

.cc-color-override-1368220918 .cc-btn:hover, .cc-color-override-1368220918 .cc-btn:focus {
  background-color: #F59905;
}





/*essenziel Button*/

.cc-btn.cc-allow:hover {
background-color: #E22124;

}


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

.cc-highlight .cc-btn:first-child {
    /*background-color: rgb(0, 250, 115); /*knallig*/
    /*border-color: rgb(0, 250, 115);*/
    color: white !IMPORTANT;
    margin-right:1.5em;
}

/*Nur essentielle Button*/
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover {
    /*background-color: rgb(0, 250, 115)*/;
    
}

.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: 0;
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: -1em;
    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: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em;
     font-size: 0.9em;
    letter-spacing: 0.06em;
}

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

.skip-link {display:none; }
html {-webkit-text-size-adjust: 104%;  /* Prevent font scaling in landscape while allowing user zoom */}

@media only screen {
	body { 
		/*font-family: 'Marcellus', sans-serif;*/
		font-weight: 300;
		line-height: 1.4;
		margin: 0;
		background: hsl(220,15%,99%);
	}
}



h3 {
	display: inline-block;
}


h4 b { color: hsl(12,80%,45%); font-weight: normal; letter-spacing: 1px; }


figure { margin-left: 0; margin-right: 0}
figcaption { font-size: 90%; font-style: italic; }
img { max-width: 100%; height: auto; }
svg { width: 100%; height: auto; }
dd { margin-left: 20px}
strong {font-weight: 400;}

@media (min-width: 680px) {
	h1{font-size: 1.6em}
	h2{font-size: 1.3em;}
}

@media (min-width:980px) {
	h1{font-size: 2.4em}
	h2{font-size: 1.5em;}
	h2,h3{/*! margin-top: 2.5em */}
}


.top-menu {
	background-color: hsl(220,15%,35%);
	padding-top: 0.5rem;
	padding-bottom: 0;
	margin-bottom: 1em;
	max-width:100vw;
	overflow:hidden;
}

.top-menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	max-width:1440px; 
}

.top-menu li {width:47%;font-size:0.9rem;margin-bottom:0.5em}
.top-menu li:nth-child(odd) {
	margin-right:1rem;
}

@media (min-width: 720px) {
	.top-menu li {
		width:24%;
		max-width: 246px;
	}
	
	.top-menu ul {
		justify-content: flex-start;
	}
}

.top-menu a {
	padding: 1.5em;
	text-transform: uppercase;
	color: white;
	letter-spacing: 1px;
	text-decoration:none;
}




	

@media only screen and (min-width: 340px) {	
.cc-animate.cc-revoke.cc-bottom {
    background-color: #7b2b2b00;
    color: #03030354;
    opacity: 0;
}	
	}