.container-header .mod-list li.active>a{text-decoration:none}.mod-list li .mod-menu__sub{padding-left:1em}.element-invisible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.hidden{display:none;visibility:hidden}.table-row{display:table-row}joomla-alert{display:none}.editor-xtd-buttons .btn{margin-bottom:5px}.left.item-image{float:left}.right.item-image{float:right}.tags .list-inline-item{margin-bottom:.5rem}.tags a.btn{font-weight:700}.tag{display:inline-block;padding:.5rem 0}@supports (display:grid){.site-grid{display:grid;grid-template-areas:". head head head head ." ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". footer footer footer footer ." ". debug debug debug debug .";grid-template-columns:[full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,23.875rem)) [main-end] minmax(0,1fr) [full-end];grid-gap:0 1em}.site-grid>[class*=" container-"],.site-grid>[class^=container-]{width:100%;max-width:none}.site-grid:not(.has-sidebar-left) .container-component{grid-column-start:main-start}.site-grid:not(.has-sidebar-right) .container-component{grid-column-end:main-end}.site-grid>.full-width{grid-column:full-start/full-end}@media (min-width:768px){.site-grid{grid-template-areas:". head head head head ." ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". footer footer footer footer ." ". debug debug debug debug ."}}



.chzn-container-multi{width:100%!important;max-width:240px}

div#mod-custom159 {bottom: 7893px;}
div#mod-custom159 {top: 100%;}



.Amazonbanner {
      
      top: 600px;
}





.site-grid>[class*=" container-"], .site-grid>[class^=container-] {
    width: 100.1%;
    max-width: none;
    margin-botton: 0px;
    
}


 /* Hintergrundfarbe Artikel Container  */
.container-component {
    margin-right: 0px;
    margin-top: 16px; 
    background-color: #ffffff;
    padding-right: 16px;
    padding-left: 16px;
    border: 3px solid #0a0a0a;
  
}

.container-footer {
    background-image: linear-gradient(1000deg,#1a431e,#12cf22);
    grid-area: footer;
    margin-top: 120px;
    margin-bottom: auto;
}



/*strich unter Copyright */
.card {
   
    background-color: #bf1818;
    border: 1px solid #fff;
    height: 15px;
}


/* Menue Button oben im Kopfteip */
.container-header .mod-menu li a {
    box-shadow: 0 0 4px rgba(10,10,10,.5);
    border: 1px solid #999;
    background-color: rgb(0 0 0 / 15%);
    position: relative;
    display: block;
    padding-right: 8px;
    padding-left: 8px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    font-family: Bahnschrift Light SemiCondensed;
}




/* Umrandung vom Iframe */
/* .videosuffix {
  border-color: #fff;
  border-width: 3px;
  border-style: solid;
  padding: 3px;
 
} */

/*für iframe Wrapper */

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

/* für Beitrag mit iframe wrapper */
.video {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.7;
    z-index: 0 !important;
    /*   object-fit: fill; */
}


.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

 /* Haupttexthintergrund Anpassen  */
/*.grid-child.container-component {
    width: 0px;
    margin-right: 0px;
}*/

body {
	margin-left: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	/* font-size: 13px; */
	line-height: 18px;
	color: #000000;
	background-color: #fff;
}





@media (min-width: 1024px) {
	.site-title {
	       font-size: 60px;
             /*font-size: 40px; */
	}
}

a {
        /* color: #005e8d; */
	 color: #0a0a0a;
        /* font-weight hinzugefügt */
        font-weight: 700;
	text-decoration: none;
}

.header {
    background: linear-gradient(to bottom left, #12cf22 70%, transparent 51%) bottom left no-repeat, linear-gradient(to bottom right, #12cf22 50%, transparent 51%) bottom right no-repeat, linear-gradient(to left, #10901e ,#03f717) top no-repeat;
    background-size: 50.1% 30%, 50.1% 30%, 100% 100%;
    /* height: 200px; */
    /* padding-top: 65px; */
    /* display: flex; */
}


  /* Hintergrundbild von der Website Koniks  */
body.site {
	border-top: 3px solid #0088cc;
	padding: 0px;
    padding-top: 0px;
	background-color: #f4f6f7;
    Background: url(/images/pictures/greensleeves_noten.webp);
	Background-repeat: round;
    background-attachment:fixed;
	-webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
     background-size: 100%;
}



  /* Namen unterm Websitetitel Susan Maik */
.container-header .site-description {
    font-size: 1.5rem;
    color: #fefefe;
    font-family: Roundhand Bd Bt;
}

li {
	line-height: 36px;
	/* line-height: 18px; */
}



.brand:hover {
	color: #0a0a0a;
	/* color: #005e8d; */
	text-decoration: none;
}


@font-face {
     /* font-display: swap; selbst eingetragen */
        font-display: swap;
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.container {
   
	      width: 1020px;
           /* width: 940px; */
	}

.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    Font-size: 14px;
    line-height: 1;
}


   /* Websitetitel Überschrift Cuxhaven im Herzen der Stsadt  */
.container-header .navbar-brand a {
    color: #fff;
    font-size: 45px;
    line-height: 1.5;
    font-family: Times;
}


 /* Beitrag Details unter Artikel in #000000 */
dd {
    color: #000000;
    margin-bottom: .5rem;
    margin-left: 0;
}

dt {
    color: #000000;
    font-weight: 700;
}

 /* Weiße Verzierung unter Webseitentitel */

element.style {
    border-bottom-width: 55px;
}

  /* Websuche Leiste mit Google linke Spalte */
button, input, optgroup, select, textarea {
    margin: 0;
    width: 150px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}


  /* Button Websuche vom Search modul */
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    color: #000000;
    background-color: #FFC107;
    width: 100px;
}




   /* Menue Artikel im Header vom Menue Modul  */
.container-header .mod-menu li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}