/* Farbsetup
Bürgerservice: #ff8800
Leben & Lernen: #e30613
Politik & Verwaltung: #c38d22
Kultur & Tourismus: #fccb00
Wirtschaft: #005198
Link: #009999
Link visited: #000000
Navi: #f2f2f3
Footer (Adressen): #3b4445
Footer (Sitemap): #273031
Schriftfarben: #000000 oder #ffffff
*/


/***********/
/* CONTENT */
/***********/

/* Generell */
@media all {
body {overflow-y: scroll;}
.frame:first-child {padding-top: 0.5rem;}
/*
@media (min-width: 1200px) { .frame { padding-bottom: 1.5rem;}}
@media (min-width: 992px)  { .frame { padding-bottom: 1.5rem;}}
@media (min-width: 768px)  { .frame { padding-bottom: 1.5rem;}}
@media (min-width: 576px)  { .frame { padding-bottom: 1.5rem;}}
*/
.external-link {font-size: 0.7rem; margin: 0 0 0 5px;}
.dropdownnav li a i.external-link {font-size: 0.7rem; margin: 0 0 0 5px; vertical-align: 2px;}
}

/* Impressum */
@media all {
.impressum {color: #ffffff; background-color: #3b4445; padding: 40px 0 20px 0; margin: 0;}
.impressum td {color: #ffffff; padding: 0 20px 0 0;}
.impressum h4 {font-size: 1.2rem;}
.impressum h5 {font-size: 0.9rem; font-weight: 700;}
.impressum p {font-size: 0.9rem;}
.impressum a {color: #ffffff;}
}

/* Sitemap */
@media all {
.sidemap {color: #ffffff; background-color: #273031; padding: 0 0 20px 0; margin: 0 0 0 0;}
.sidemap ul {list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0;}
.sidemap h4 {font-size: 1.2rem;}
.sidemap h5 {font-size: 0.9rem; font-weight: 700;}
.sidemap p {font-size: 0.9rem;}
.sidemap li {font-size: 0.9rem;}
.sidemap a {color: #ffffff;}
.sidemap .col {margin: 40px 0 0 0;}
}

/* Infoboxen */
@media all {
.infobox .frame {padding-top: 0;}
.infobox .frame-header *:last-child {margin: 0 0 0.5rem 0;}
.infobox ul.button-style-standard {padding: 0;}
/* .frame-background-none {margin-bottom: 3rem; padding-bottom: 1.0rem;}
*/
.frame-background-allgemein {color:#000000; background-color:#f2f2f3; margin-bottom: 3rem; padding-bottom: 1.0rem;}
.frame-background-allgemein header {color:#ffffff; background: #3b4445; padding: 0.5rem 0 0.1rem 1rem; margin: -1.0rem 0rem 1rem -0.0rem; border-bottom: 2px solid #a0a0a0;}
.frame-background-allgemein h2 {font-size: 1.0rem;}
.frame-background-allgemein a {color: #009999;}
.frame-background-allgemein a:visited {color: #009999;}
.frame-background-allgemein p {margin: 0.875rem; color: #000000;}
.frame-background-allgemein img {padding: 0 0.875rem;}
.frame-background-allgemein ul {margin: 0.875rem; padding: 0 0.875rem; list-style: none;}

.frame-background-kein-rand {color:#000000; background-color:#f2f2f3; margin-bottom: 3rem; padding-bottom: 1.0rem;}
.frame-background-kein-rand {margin-top: -3rem; padding-top: 0; padding-left: 1.5rem; padding-right: 1.5rem;}
.frame-background-kein-rand img {padding: 0 0.875rem;}

.frame-background-buergerservice {color:#000000; background-color:#f2f2f3; margin-bottom: 3rem; padding-bottom: 1.0rem;}
.frame-background-buergerservice header {color:#ffffff; background: #ff8800; padding: 0.5rem 0 0.1rem 1rem; margin: -1.0rem 0rem 1rem -0.0rem; border-bottom: 2px solid #a0a0a0;}
.frame-background-buergerservice h2 {font-size: 1.0rem;}
.frame-background-buergerservice a {color: #009999;}
.frame-background-buergerservice a:visited {color: #009999;}
.frame-background-buergerservice p {margin: 0.875rem;}
.frame-background-buergerservice img {padding: 0 0.875rem;}
.frame-background-buergerservice ul {padding: 0 0.875rem; list-style: none;}

.frame-background-leben-lernen {color:#000000; background-color:#f2f2f3; margin-bottom: 3rem; padding-bottom: 1.0rem;}
.frame-background-leben-lernen header {color:#ffffff; background: #e30613; padding: 0.5rem 0 0.1rem 1rem; margin: -1.0rem 0rem 1rem -0.0rem; border-bottom: 2px solid #a0a0a0;}
.frame-background-leben-lernen h2 {font-size: 1.0rem;}
.frame-background-leben-lernen a {color: #009999;}
.frame-background-leben-lernen a:visited {color: #009999;}
.frame-background-leben-lernen p {margin: 0.875rem; color: #000000;}
.frame-background-leben-lernen img {padding: 0 0.875rem;}
.frame-background-leben-lernen ul {margin: 0.875rem; padding: 0 0.875rem; list-style: none;}

.frame-background-politik-verwaltung {color:#000000; background-color:#f2f2f3; margin-bottom: 3rem; padding-bottom: 1.0rem;}
.frame-background-politik-verwaltung header {color:#ffffff; background: #c38d22; padding: 0.5rem 0 0.1rem 1rem; margin: -1.0rem 0rem 1rem -0.0rem; border-bottom: 2px solid #a0a0a0;}
.frame-background-politik-verwaltung h2 {font-size: 1.0rem;}
.frame-background-politik-verwaltung a {color: #009999;}
.frame-background-politik-verwaltung a:visited {color: #009999;}
.frame-background-politik-verwaltung p {margin: 0.875rem; color: #000000;}
.frame-background-politik-verwaltung img {padding: 0 0.875rem;}
.frame-background-politik-verwaltung ul {padding: 0 0.875rem; list-style: none;}

.frame-background-kultur-tourismus {color:#000000; background-color:#f2f2f3; margin-bottom: 3rem; padding-bottom: 1.0rem;}
.frame-background-kultur-tourismus header {color:#000000; background: #fccb00; padding: 0.5rem 0 0.1rem 1rem; margin: -1.0rem 0rem 1rem -0.0rem; border-bottom: 2px solid #a0a0a0;}
.frame-background-kultur-tourismus h2 {font-size: 1.0rem;}
.frame-background-kultur-tourismus a {color: #009999;}
.frame-background-kultur-tourismus a:visited {color: #009999;}
.frame-background-kultur-tourismus p {margin: 0.875rem; color: #000000;}
.frame-background-kultur-tourismus img {padding: 0 0.875rem;}
.frame-background-kultur-tourismus ul {padding: 0 0.875rem; list-style: none;}

.frame-background-wirtschaft {color:#000000; background-color:#f2f2f3; margin-bottom: 3rem; padding-bottom: 1.0rem;}
.frame-background-wirtschaft header {color:#ffffff; background: #005198; padding: 0.5rem 0 0.1rem 1rem; margin: -1.0rem 0rem 1rem -0.0rem; border-bottom: 2px solid #a0a0a0;}
.frame-background-wirtschaft h2 {font-size: 1.0rem;}
.frame-background-wirtschaft a {color: #009999;}
.frame-background-wirtschaft a:visited {color: #009999;}
.frame-background-wirtschaft p {margin: 0.875rem; color: #000000;}
.frame-background-wirtschaft img {padding: 0 0.875rem;}
.frame-background-wirtschaft ul {padding: 0 0.875rem; list-style: none;}

@media (min-width: 992px){
  .infobox {order: 3 !important; margin: 0.5rem 0 0 0;}
	/*.infobox > *:first-child {padding: 1rem;}*/
  .infobox {padding: 1rem;}
}
}

/* Webcam */
@media all {
.webcam-img {width: 100%;	height: auto;	display: block; height: auto; max-width: 100%; margin: 0 auto; vertical-align: middle; border-style: none;}
}

/* Button */
@media all {
.btn-default {color: #009999; background-color: #f2f2f3; border-color: #f2f2f3; font-weight: 500;}
.btn-default:active {color: #009999; background-color: #e2e2e3; border-color: #e2e2e3; font-weight: 500;}
.btn-default:hover {color: #009999; background-color: #e2e2e3; border-color: #e2e2e3;}
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show>.btn-default.dropdown-toggle {color: #009999; background-color: #e2e2e3; border-color: #e2e2e3;}
}

/* Media List */
@media all {
.media-list h4 {font-size: 1.0rem; margin: 0;}
}

/* Headline */
@media all {
h1 {font-size: 1.500rem; font-weight: 700; line-height: 1.2; margin-bottom: 0.5rem;}
h2 {font-size: 1.250rem; font-weight: 700; line-height: 1.2; margin-bottom: 0.5rem;}
h3 {font-size: 1.100rem; font-weight: 700; line-height: 1.2; margin-bottom: 0.5rem;}
h4 {font-size: 1.030rem; font-weight: 700; line-height: 1.2; margin-bottom: 0.5rem;}
h5 {font-size: 1.0rem; font-weight: bolder; margin: 0;}
pre {font-size: 87.5%;}
.element-subheader {font-weight: 400;}
}

/***********/
/* LAYOUTS */
/***********/

/* Backendlayout: alfeld_zweispaltig 
@media all {
.backendlayout-alfeld_zweispaltig .subnav-wrap {display: none;}
@media (min-width: 992px){
	.backendlayout-alfeld_zweispaltig .subnav-wrap {display: block;	width: calc(100% / 12 * 3);}
	.backendlayout-alfeld_zweispaltig .maincontent-wrap	{width: calc(100% / 12 * 6);}
	.backendlayout-alfeld_zweispaltig .subcontent-wrap {width: calc(100% / 12 * 3);}
	.backendlayout-alfeld_zweispaltig .subnav-wrap {order: 1;}
	.backendlayout-alfeld_zweispaltig .maincontent-wrap {order: 3;}
	.backendlayout-alfeld_zweispaltig .subcontent-wrap {order: 2;}
}
}
*/

/****************/
/* NAVIGATIONEN */
/****************/

/* Generell */
@media all {
.nav-link-icon {margin: 0 10px 0 0;}
.navbar-nav {margin: 20px 0 0 0;}
}

/* Pfadnavigation */
@media all {
.breadcrumb {background-color: #ffffff;}
.breadcrumb-section {background-color: #ffffff; font-size: 13px;}
.breadcrumb-item+.breadcrumb-item::before {content: ">";}
}

/* Mainnavigation */
@media all {
.mainnavigationLink{height: 42px;}
.navbar-mainnavigation {box-shadow: none;}
@media (max-width: 991px) {
.navbar-collapse {background-color: #f2f2f2;border-bottom: 1px solid #999999;}
.navbar-mainnavigation .dropdown-menu {margin: -14px -16px 0 14px;}
#page-header .mobileheader {background-color: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
#page-header .mobileheadershow {background-color: #dddddd; border-left: 1px solid #999999; border-right: 1px solid #999999;}
}



#teilnav{background-color: #f2f2f3; padding: 10px 0 0 0;}
.teilnavContainer {display: flex;}
.teilnavContainer .row {width: 100%;}
.teilnavContainer img {margin: 0 20px 0 0;}
}

/* Dropdownnav */
@media all {
.dropdownnav {position: absolute; top: 52px; width: 1280px; height: 396px; padding: 25px; z-index: 100; display: none;}
@media (min-width: 992px){.dropdownnav {width: 920px; height: 338px;} .col-lg {padding-right: 0px; padding-left: 18px;}}
@media (min-width: 1200px){.dropdownnav {width: 1280px; height: 390px;} .col-lg {padding-right: 20px; padding-left: 20px;}}

.dropdownnav ul {list-style: none; padding: 0; margin: 0;}
.dropdownnav li {margin: 2px 0 5px 0; padding: 0 10px 3px 3px; height: 24px;}
.dropdownnav li:hover {color: #333333; background-color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid; border-bottom-color: rgba(255,255,255,0.5);}
.dropdownnav h3 {display: block;}
.dropdownnav a {color: #ffffff; text-decoration: none; width: 100%; height: 100%; display: block;}
.dropdownnav a:hover {color:#333333; text-decoration: none;}

.dropdown_buergerservice {color: #ffffff; background: #FF8800; opacity: 0.94;}
.dropdown_buergerservice ul {column-count: 2;}
.dropdown_buergerservice li {border-bottom: 1px solid #eeeeee;}
.dropdown_buergerservice h3 {color: #ffffff;}
.dropdown_buergerservice a {color: #ffffff;}

.dropdown_leben_lernen {color: #ffffff; background: #e30613; opacity: 0.90;}
.dropdown_leben_lernen ul {column-count: 3;}
.dropdown_leben_lernen li {border-bottom: 1px solid #eeeeee;}
.dropdown_leben_lernen h3 {color: #ffffff;}
.dropdown_leben_lernen a {color: #ffffff;}

.dropdown_politik_verwaltung {color: #ffffff; background: #c38d22; opacity: 0.95;}
.dropdown_politik_verwaltung ul {column-count: 3;}
.dropdown_politik_verwaltung li {border-bottom: 1px solid #eeeeee;}
.dropdown_politik_verwaltung h3 {color: #ffffff;}
.dropdown_politik_verwaltung a {color: #ffffff;}

.dropdown_kultur_tourismus {color: #000000; background: #fccb00; opacity: 0.95;}
.dropdown_kultur_tourismus ul {column-count: 3;}
.dropdown_kultur_tourismus li {border-bottom: 1px solid #333333;}
.dropdown_kultur_tourismus h3 {color: #333333;}
.dropdown_kultur_tourismus a {color: #333333;}

.dropdown_wirtschaft {color: #000000; background: #005198; opacity: 0.95;}
.dropdown_wirtschaft ul {column-count: 2;}
.dropdown_wirtschaft li {border-bottom: 1px solid #eeeeee;}
.dropdown_wirtschaft h3 {color: #ffffff;}
.dropdown_wirtschaft a {color: #ffffff;}
}

/* Seitennavigation */
@media all {
.subnav-link-text {font-weight: 500; white-space: nowrap;}
.active>.category-buergerservice {color: #ffffff!important; background-color: #ff8800;}
.active>.category-leben-lernen {color: #ffffff!important; background-color: #e30613;}
.active>.category-politik-verwaltung {color: #ffffff!important; background-color: #c38d22;}
.active>.category-kultur-tourismus {color: #333333!important; background-color: #fccb00;}
.active>.category-wirtschaft {color: #ffffff!important; background-color: #005198;}
.subnav-link {padding: 0.5rem 0.5rem; overflow-x: hidden;}
.subnav-nav .subnav-nav {border-left: 0.5rem solid #f8f8f8;}

/*t3s-hh
.active .category-leben-lernen {color: #ffffff!important; background-color: #e30613;}
*/

/*
ul.subnav-first {font-weight: 900;}
ul.subnav-first li li {font-weight: 400;}
*/
}


/*****************/
/* ERWEITERUNGEN */
/*****************/

/* Suche Xapian*/
@media all {
.sucheForm {width: 100%; margin: 0 0 0 30%;}
.sucheForm2 {width: 100%;}
.sucheForm .form-control {height: unset;}
@media (max-width: 991px){.sucheForm {margin: 10px 0 0 0;}}
.sucheForm .btn, .sucheForm2 .btn {background-color: #3b4445; color: #fff;}
.results-highlight {background-color: #f4ff00;}

.input-group select {height: 35px; margin: 0 30px 20px 0; padding: 0 2px 0 2px; border: 1px solid #ced4da;}
.radio-group {padding: 5px 0 0 0;}
.radio-group input {margin: 0 0 0 12px;}
.sucheSuggested {margin: 10px 0 0 0;}
.sucheSuggested input {margin: 0 10px 0;}
.sucheResultTitel {font-size: 1.2rem;}
.suchePrevButton {margin: 0 10px 0 0;}
.sucheNextButton {margin: 0 0 0 10px;}
}

/* Carousel Startseite */
@media all {
#c2 a {color:#ffbc00;}
#c2 a:hover {text-decoration: underline;}
#c2 ul {list-style-type: none;}
#c2 ul li:before {font-family: 'Font Awesome 5 Pro'; content: '\f08e'; margin:0 5px 0 -22px; color: #ffffff;}
#c2 {padding: 0; padding-top: 5px;}
#c2 .carousel-small .item {height: auto;}
#c2 .carousel-text {padding: 5%;}
#c2 .carousel-indicators {margin: 0 0 10px 475px;}

@media (max-width: 991px){
#c2 .carousel-small .item {height: auto;}
#c2 .carousel-text {padding: 0 5%;}
#c2 .carousel-text h3 {font-size: 1.3rem; padding: 3% 0 0 0;}
#c2 .carousel-text p {font-size: 0.8rem;}
#c2 .carousel-indicators {margin: 0 0 0 0;}
}
@media (max-width: 767px){
#c2 .carousel-small .item {height: auto;}
#c2 .carousel-text {padding: 0 5%;}
#c2 .carousel-text h3 {font-size: 1.0rem; padding: 3% 0 0 0;}
#c2 .carousel-text p {font-size: 0.7rem;}
#c2 .carousel-indicators {margin: 0 0 0 0;}
}
@media (max-width: 575px){
#c2 .carousel-small .item {height: 300px!important;}
#c2 .carousel-text {padding: 0 5%;}
#c2 .carousel-text h3 {font-size: 1.3rem; padding: 3% 0 0 0;}
#c2 .carousel-text p {font-size: 1.0rem; padding: 0 0 10% 0;}
#c2 .carousel-indicators {margin: 0 0 2% 0;}
#c2 .carousel-control {opacity: 0.6;}
}
@media (max-width: 374px){
#c2 .carousel-small .item {height: 400px!important;}
}
}

/* Icon Slider Startseite */
@media all {
/*#slick-div {margin: 10px auto 10px auto; padding: 0; background: #f2f2f3; width: 1136px; height: 126px;}*/
#slick-div {margin: 10px auto 10px auto; padding: 0; width: 1320px; height: 95px;}
.slick-inhalt {display: block; text-align: center; width: 150px; color: #333333; background: #f2f2f3; margin: 0 auto 0 auto; padding: 10px; font-size: 14px;}
.slick-inhalt span {display: block; padding: 0 0 8px 0; font-size: 45px;}
.slick-inhalt a{color: #9d9d9d;}
.slick-inhalt a:hover{color: #333333; text-decoration: none;}
.slick-inhalt a:focus, .slick-slide:focus {outline: none;}
.slick-inhalt .fas {display: block!important;}

.slick-custom-item {-webkit-font-smoothing: antialiased; display: block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}

.slick-prev, .slick-next {height: 126px; width: 25px; background: #ffffff; color: #333333;}
.slick-prev:before {color: #9d9d9d;	font-size: 25px; font-weight: 900; font-variant: normal; text-rendering: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; content: "\f053";}
.slick-next:before {color: #9d9d9d;	font-size: 25px; font-weight: 900; font-variant: normal; text-rendering: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; content: "\f054";}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: #333333; outline: none; background: #ffffff;}

@media (max-width: 1199px){#slick-div {max-width: 920px; height: 95px;}
.slick-inhalt span {padding: 0 0 8px 0; font-size: 45px;}
.slick-inhalt {width: 150px; font-size: 14px;}
.slick-prev, .slick-next {height: 126px;}
}
@media (max-width: 991px){#slick-div {max-width: 680px; height: 72px;}
.slick-inhalt span {padding: 0 0 5px 0; font-size: 30px;}
.slick-inhalt {width: 100px; font-size: 11px;}
.slick-prev, .slick-next {height: 68px;}
}
@media (max-width: 767px){#slick-div {max-width: 500px; height: 60px;}
.slick-inhalt span {padding: 0 0 5px 0; font-size: 30px;}
.slick-inhalt {width: 100px; font-size: 11px;}
.slick-prev, .slick-next {height: 58px;}
}
@media (max-width: 575px){#slick-div {max-width: 100%; height: 75px;}
.slick-inhalt span {padding: 0 0 5px 0; font-size: 30px;}
.slick-inhalt {width: 100px; font-size: 12px;}
.slick-prev, .slick-next {height: 73px;}
.slick-prev {left: 0px; z-index: 10;}
.slick-next {right: 0px;}
}
@media (max-width: 374px){#slick-div {max-width: 100%; height: 75px;}
.slick-inhalt span {padding: 0 0 5px 0; font-size: 30px;}
.slick-inhalt {width: 100px; font-size: 12px;}
.slick-prev, .slick-next {height: 73px;}
.slick-prev {left: 0px; z-index: 10;}
.slick-next {right: 0px;}
}
}

/* News Startseite */
@media all {
.news .card {border: none; background-color: #ffffff;}
.news .card:hover {background-color: #f3f3f3;}
.news .card-block {padding: 0 5px 0 5px;}
.news-list-view .col {min-width: 300px; margin-bottom: 3.5rem;}
.news img {width: 100%!important; height: unset!important;}
.news h2 {margin-top: 1.0rem;}
.news .extra {margin-bottom: 1.0rem;}
.news .teaser-text {font-size: 1.2rem; font-weight: 300;}
.news .news-text-wrap {margin-top: 1.0rem;}
.news-img-caption {font-size: 0.8rem; margin-top: 0.3rem;}
.AlfeldEventDatumTag {}
.page-navigation p {display: none;}
ul.pagination li a {margin: 0px 8px 0 8px; background: #0F7272; padding: 4px 12px 6px 12px; color: #ffffff; border-radius: 10px; text-decoration: none;}
}

/* Kalender Startseite */
@media all {
.AlfeldEventNews {border-bottom: 2px solid #ccc; padding-bottom: 10px;}
.AlfeldEventNews:hover {color: #2b2b2b; background-color: #f3f3f3; text-decoration: none;}
.AlfeldEventLink {height: 100%; padding: 20px 0 0 0; color: #2b2b2b;}
.AlfeldEventLink:hover {color: #2b2b2b; text-decoration: none;}
.AlfeldEventHeadline {margin: 0 0 10px 0;}
.AlfeldEventDatum {font-size: 26px;}
.AlfeldEventDatumTag, .AlfeldEventDatumTagMobile {font-size: 1.1rem; font-weight: 500; color: #007373; margin: -6px 0 6px 0; white-space: nowrap;}
.AlfeldEventUeberschrift {margin: 6px 0 0 0;}
.AlfeldEventUeberschrift h6 {font-size: 1.5rem; font-weight: 700;}
.AlfeldEventButton {margin: 20px 0 0 0;}
.AlfeldEventReadMore {color: #007373;}
.AlfeldEventImageMobile {display: none;}
.AlfeldEventDatumTagMobile {display: none;}
.AlfeldEventImage img, .AlfeldEventImageMobile img {width: 100%;}
.AlfeldEventInhalt {margin-top: 20px; overflow: hidden; text-overflow: ellipsis;}

@media (max-width: 991px){
  .AlfeldEventNews .col-3 {display: none;}
  .AlfeldEventImage {display: none;}
  .AlfeldEventImageMobile {display: block;}
  .AlfeldEventDatumTagMobile {display: block;}
  }

}

/* shariff */
.shariff .orientation-horizontal li .share_text {display: initial;}
.shariff .orientation-horizontal.button-style-standard li {min-width:100%!important; max-width: 100%!important;} */
.fa-lock:before {content: url(https://www.alfeld.de/fileadmin/dna/icons/threema.svg);}

/* OSM Map 
#OpenLayers_Map_2_OpenLayers_ViewPort {z-index: 0;}
@media (min-width: 991px){.osm-map {height: 600px!important;}}
*/
/* Energiemonitor */
@media (max-width: 1199px){
    #alfeld-energie-monitor {display: none;}
}

/* Webapp 
#c1413 {padding-top: 0px; padding-bottom: 0px}
.webcam-navi {padding-right: 0; padding-left: 0;}
*/
/* Kartengruppe */
.card-group-element-item .card-title {font-size: 1.0rem;}
.card-group-element-item p {line-height: 1.2rem}