h3, h3 a{
    font-size: 24px;
    margin-bottom:25px;
    color: #006eb3;
}
.invisible{
    display: none !important;
}
.auto-margin-lr{
margin-left: auto;
margin-right: auto;
}
.home-page .mini-nav #header_microwidget2-menu{
  display: none;
}

.home-page .branding a img{
    position: absolute;
    top: 15px;
   left: 50%;
   margin-left: -104px;
}
/* mobile menu*/
#mobile-menu{
  order: 2;
}
.home-page .dt-mobile-header .mini-nav #header_microwidget2-menu{
  display: block;
}
#header_microwidget2-menu{
display: table;
    left: 45px !important;
  top: 0px !important;
}
#header_microwidget2-menu li{
  height: 36px;
}
#header_microwidget2-menu li:first-child::before, #header_microwidget2-menu li:nth-child(2)::before, #header_microwidget2-menu li:nth-child(3)::before, #header_microwidget2-menu li:nth-child(4)::before, #header_microwidget2-menu li:last-child::before{
  top: auto !important;
}
#header_microwidget2-menu li span{
  display: table-cell;
  height: 36px;
  vertical-align: middle;
}
.mobile-mini-widgets-in-menu .text-area{
    position: absolute;
    bottom: 0;
}
/* mobile menu */
/* institution-menu */
.branding .mini-widgets:first-child{
  width: 100%;
}
#header_microwidget2-menu{
  position: relative;
  top: -20px;
}
#header_microwidget2-menu li{
  margin-left: 3vw;
}
#header_microwidget2-menu li:first-child{
  left: 60px;
}
#header_microwidget2-menu li:nth-child(2), #header_microwidget2-menu li:nth-child(4){
  top: 50px;
}
#header_microwidget2-menu li:nth-child(2){
  left: -90px;
}
#header_microwidget2-menu li:nth-child(3){
  left: -60px;
}
#header_microwidget2-menu li:nth-child(4), #header_microwidget2-menu li:nth-child(5){
  left: -210px;
}
#header_microwidget2-menu li:first-child::before, #header_microwidget2-menu li:nth-child(2)::before, #header_microwidget2-menu li:nth-child(3)::before, #header_microwidget2-menu li:nth-child(4)::before, #header_microwidget2-menu li:last-child::before{
/* content: url(http://kultur-schleswig-flensburg.de/wp-content/uploads/2018/01/blue_drop.jpg);*/
 display: inline-block;
 position: absolute;
  left: -45px;
 top: -10px;
}
#header_microwidget2-menu li:first-child::before{
 content: url(/wp-content/uploads/2018/01/blue_drop.jpg);
}
#header_microwidget2-menu li:nth-child(2)::before{
 content: url(/wp-content/uploads/2018/01/mint_drop.jpg);
  
}
#header_microwidget2-menu li:nth-child(3)::before{
 content: url(/wp-content/uploads/2018/01/green_drop.jpg);
  
}
#header_microwidget2-menu li:nth-child(4)::before{
 content: url(/wp-content/uploads/2018/01/yellow_drop.jpg);
  
}
#header_microwidget2-menu li:nth-child(5)::before{
 content: url(/wp-content/uploads/2018/01/orange_drop.jpg);
}
/* main-menu */
.classic-header.bg-behind-menu .navigation:before{
  height: 51px;
}
.ph-wrap{
  margin: 0;
}
/* 5 tiles */
/***/
.tile-title.aktuelles,.tile-title.kms, .tile-title.kufoe, .tile-title.d-dk, .tile-title.museum, .tile-title.archiv{
	position: relative;
}
.tile-title.aktuelles h2, .tile-title.kms h2, .tile-title.kufoe h2, .tile-title.d-dk h2, .tile-title.museum h2, .tile-title.archiv h2{
	font: 20px / 44px "Roboto";
}
.tile-title.aktuelles h2, .tile-title.kms h2, .tile-link, .tile-title.kufoe h2, .tile-title.d-dk h2, .tile-title.museum h2, .tile-title.archiv h2{
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 10;
	margin: 0;
	color: #fff;
	left: 0;
}
.tile-link{
	text-align: center;
}
.tile-title.aktuelles ~ .tile-link, .tile-title.kms ~ .tile-link, .tile-title.kufoe ~ .tile-link, .tile-title.d-dk  ~ .tile-link, .tile-title.museum ~ .tile-link, .tile-title.archiv ~ .tile-link{
	height: 44px;
	transition: all 1s;
	overflow: hidden;
}
.tile-title.aktuelles:hover ~ .tile-link, .tile-title.kms:hover ~ .tile-link, .tile-title.kufoe:hover ~ .tile-link, .tile-link:hover, .tile-link:hover a, .tile-title.d-dk:hover a, .tile-title.museum:hover a, .tile-title.archiv:hover a, .tile-title.d-dk:hover ~ .tile-link, .tile-title.museum:hover ~ .tile-link, .tile-title.archiv:hover ~ .tile-link{
	height: 255px !important;
	width: 100%;
}
.tile-title.aktuelles img, .tile-title.kms img, .tile-title.kufoe img, .tile-title.d-dk img, .tile-title.museum img, .tile-title.archiv img{
	min-height: 250px;
	object-fit: cover;
	width: 255px;
    height: 255px;
}
.tile-wrapper .wpb_wrapper{
	position: relative;
}
.tile-link h2{
	margin-bottom: 44px; 
}
.tile-link h2 a{
	font: 20px / 44px "Roboto";
	color: #fff !important;
	left: 0;
	right: 0;
	top: -44px;
	bottom: 0;
	position: absolute;
}
.tile-title.archiv h2, .tile-title.archiv ~ .tile-link h2 a{
    color: #000 !important;
}
/***/
.tile-title.aktuelles,.tile-title.aktuelles h2, .tile-title.aktuelles ~ .tile-link{
    background: #006eb3;
}
.tile-title.kms, .tile-title.kms h2,.tile-title.kms  ~ .tile-link{
  background: #f29100;
}
.tile-title.kufoe, .tile-title.kufoe h2, .tile-title.kufoe  ~ .tile-link{
  background: #00a0e3;
}
.tile-title.d-dk, .tile-title.d-dk h2, .tile-title.d-dk  ~ .tile-link{
  background: #00afa7;
}
.tile-title.museum, .tile-title.museum h2, .tile-title.museum ~ .tile-link{
  background: #a3cc33;
}
.tile-title.archiv, .tile-title.archiv h2, .tile-title.archiv ~ .tile-link{
  background: #fdcb06;
}
.vc-hoverbox-front{
  justify-content: flex-end;
}
.vc-hoverbox-front>div{
  padding: 0;
}
.content td, .content th {
    border: 1px solid rgba(170,170,170,0.25);
}
/* home_events */
.event_home_single_wrapper {
  width: 45%;
  float: left;
height: 210px;
background-color: rgba(0, 110,179, 0.2);
  padding: 20px;
  margin: 10px;
}
.event_home_image, .event_home_location, .event_home_date{
  float:left;
}
.event_home_location, .event_home_date{
  margin-left: 10px;
}
.event_home_image img{
  max-height: 150px;
max-width: 150px;
}
/* Standorte-Template */
.heading-places-template>div{
  background-color: #ffffffd6;
}
.heading-places-template>div h2{
  margin-left: 20px;
padding: 10px 0px;
}
/* Events Liste */
.css-events-list table.events-table td{
padding: 5px 10px;
vertical-align: top;
}
.event_list_image img{
  height: 100px;
  float: right;
}
/* Single Event */
.single-event #sidebar{
  display: none;
}
.single-event .wf-container-main{
  display: block !important;
}
.event_teacher, .event_location, .event_time{
  vertical-align: top;
  display: inline-block;
  width: 30%;
}
.event_content{
  margin: 30px auto;
}
.event_content .event_image{
  width: 33%;
  display: inline-block;
}
.event_content .event_image img{
  width: 100%;
}
.event_text{
  width: 60%;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
/*.event_map, .em-location-map-container{
  width: 100% !important;
}*/
/* single event */
/* Planungskalender */
.em-calendar{
  height: 50vh;
  width: 100%;
}
.em-calendar thead tr td{
  border: none;
  line-height: 60px;
  font-size: 40px;
}
.em-calendar thead tr td:nth-child(2){
  text-align: center;
}
.em-calendar thead tr td:nth-child(3){
  text-align: right;
}
.em-calendar tbody .days-names{
  height: 25px;
  font-size: 25px;
  font-weight: bold;
}
.em-calendar tbody td{
  width: 14%;
}
.em-calendar tbody td.eventful ul li a{
  font-size: 12px;
}
table.em-calendar td.eventless-today, table.em-calendar td.eventful-today{
  background-color: #8cbedd;
}
/* Planungskalender */
/* Veranstaltung planen */
.event-categories select[name="event_categories[]"]{
  height: 50px !important;
}
.event-categories option{
  display: none;
}
.event-categories option[value="81"] {
  display: block;
}
/* Veranstaltung planen */
/* BuddyPress Member */
.bp-user .wf-wrap{
    width: 100%;
    padding: 0;
}
.bp-user .item-body>*{
  padding: 0 25px;
}
.bp-user .bp-navs{
  background-color: #006eb3;
  height: 51px;
  width: 100%;
  padding: 0;
}
.bp-user .bp-navs li a{
  color: #fff;
  line-height: 51px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.bp-user .bp-navs li.selected a,.bp-user .bp-navs li a:hover,.bp-user .bp-navs li a:focus{
  background-color: #006eb3 !important;
  color: #fff !important;
  font-weight: normal !important;
  text-decoration: underline !important;
}
/* BuddyPress Member */
/* FONTSIZE ACCESSIBILITY */
.fontsize .menu-text{
  font-size: 150%;
}
.fontsize .mini-nav{
  top: -70px;
}
.fontsize #header_microwidget2-menu li:first-child{
  left: 200px;
}
.fontsize #header_microwidget2-menu li:nth-child(2){
  left: 0px;
}
.fontsize #header_microwidget2-menu li:nth-child(3){
  left: 0px;
}
.fontsize #header_microwidget2-menu li:nth-child(4){
  left: -190px;
}
.fontsize #header_microwidget2-menu li:nth-child(5){
  left: 800px;
  top: -20px;
}
.fontsize .navigation li .menu-text, .fontsize #phantom #primary-menu li .menu-text{
  font-size: 100% !important;
}
.fontsize .navigation li ul li .menu-text, .fontsize #phantom #primary-menu li ul li .menu-text{
  font-size: 60% !important;
}
.fontsize .navigation li ul li ul li .menu-text, .fontsize #phantom #primary-menu li ul li ul li .menu-text{
  font-size: 40% !important;
}
.fontsize #bottom-bar .mini-nav{
  top: 0;
}
.fontsize .wf-float-left{
  font-size: 180%;
}
.fontsize .events-table{
  font-size: 150%;
}
.fontsize .css-events-list table.events-table th.event-time{
  width: initial;
}
.fontsize .ult-new-ib h2{
  font-size: 200% !important;
}
/* FONTSIZE ACCESSIBILITY */
/* footer */
footer #text-4 input[type="checkbox"]{
  float: left;
  margin-top: 6px;
  margin-right: 6px;
  width: auto;
}
.datenschutz span.wpcf7-list-item{
    margin: 0;
    display: inline;
}
#footer.solid-bg.footer {
	background-image: linear-gradient(to bottom, white 0px, white 299px, #005596 300px);
}
#footer::before{
	content: "";
	background-color: transparent;
	background-image: url("/wp-content/uploads/2019/08/footer_triangle_1920x470.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0% 100%;
	display: inline-block;
	width: 100%;
	height: 328px !important;
}
#footer > div:first-child > div > div.wf-container > section{
	margin-top: -180px;
}
.single-location #mobile-menu{
    display: none;
}
#page #main{
    padding-bottom: 0;
}
#page #main .no-margin-bottom{
    margin-bottom: 0 !important;
}
/* footer */
@media all and (max-width: 1149px) and (min-width: 768px ) {
	#footer section:nth-of-type(2) form > div{
	width: 100% !important;
	margin: 0 !important;
	}
}
@media all and (max-width: 991px) and (min-width: 768px ) {
    .outer-tile-wrapper > div:not(.tile-wrapper){
	display: none;
}
.outer-tile-wrapper .tile-wrapper{
	width: 33%;
}
}

@media all and (max-width: 767px){
	#footer section{
		display: block;
		width: 100%;
	}
	#footer section:nth-of-type(1), #footer section:nth-of-type(3){
		text-align: center;
	}
	#footer section:nth-of-type(2) form > div{
	    width: 100% !important;
	    margin: 0 !important;
	}
	#footer > div:first-child > div > div.wf-container > section{
	    margin-top: 0px;
    }
    #footer.solid-bg.footer {
	background-image: linear-gradient(to bottom, white 0px, white 99px, #005596 100px);
}
#footer::before{
	height: 188px !important;
}
    #footer > div:first-child > div > div.wf-container > section:first-child{
	    margin-top: -100px;
    }
	.tile-title{
	    background-color: transparent !important;
	}
	.tile-link{
	    margin-left: calc(50% - 127px);
    }
    .tile-title > h2{
    	left: calc(50% - 127px) !important;
    }
       .tile-title.aktuelles h2, .tile-title.kms h2, .tile-link, .tile-title.kufoe h2, .tile-title.d-dk h2, .tile-title.museum h2, .tile-title.archiv h2{
    	width: 255px;
    }

    .tile-title.aktuelles:hover ~ .tile-link, .tile-title.kms:hover ~ .tile-link, .tile-title.kufoe:hover ~ .tile-link, .tile-link:hover, .tile-link:hover a, .tile-title.d-dk:hover a, .tile-title.museum:hover a, .tile-title.archiv:hover a, .tile-title.d-dk:hover ~ .tile-link, .tile-title.museum:hover ~ .tile-link, .tile-title.archiv:hover ~ .tile-link{
    	width: 255px;
    }
}
@media all and (max-width: 460px){
    #footer::before{
	height: 158px !important;
}
}
@media screen and (max-width: 991px){
 .tile-title{
	    background-color: transparent !important;
	}
	.tile-link{
	    margin-left: calc(50% - 127px);
    }
    .tile-title > h2{
    	left: calc(50% - 127px) !important;
    }
       .tile-title.aktuelles h2, .tile-title.kms h2, .tile-link, .tile-title.kufoe h2, .tile-title.d-dk h2, .tile-title.museum h2, .tile-title.archiv h2{
    	width: 255px;
    }

    .tile-title.aktuelles:hover ~ .tile-link, .tile-title.kms:hover ~ .tile-link, .tile-title.kufoe:hover ~ .tile-link, .tile-link:hover, .tile-link:hover a, .tile-title.d-dk:hover a, .tile-title.museum:hover a, .tile-title.archiv:hover a, .tile-title.d-dk:hover ~ .tile-link, .tile-title.museum:hover ~ .tile-link, .tile-title.archiv:hover ~ .tile-link{
    	width: 255px;
    }
}
@media screen and (max-width: 1100px) and (min-width: 768px){
    .tile-wrapper > div{
        padding: 0 !important;
    }
}

@media screen and (max-width: 1050px){
  #phantom.boxed{
  left: 0;
}
}

@media screen and (max-width: 1187px) and (min-width: 991px){
  #header_microwidget2-menu{
    top: -100px;
    left: 25vw;
  }
}
@media screen and (min-width: 768px){
#content .outer-tile-wrapper{
	display: flex;
	justify-content: center;
}
}
@media screen and (min-width: 2051px){
#header_microwidget2-menu li{
 margin-left: 2vw;
}
}