/* Individuelle (Kunden-)Anpassungen hier rein! */
.inputs label {font-size: 1em;}

/* BITV / Screenreader */
.sr-only {
	position: absolute;
	left: -5000px;
	top: auto;
	overflow: hidden;
}
.sr-jump, .sprungziel{
	position: fixed;
	z-index: 9999;
	top: -5000px;
	left: -5000px;
}
.sr-jump a:focus, .sprungziel a:focus{
	display: inline-block;
	position: absolute;
	top: 5000px;
	left: 5000px;
	padding: 5px;
	background: #444;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
}


a i.fa {line-height:1.25;}
ul#flaglist {display: none; }

.unstyled-list {
  list-style: outside none none;
  padding-left: 0;
}

.submenu.nosubnav{
    visibility:hidden;
    
}

/*.randspalte p { padding-left: 1.25em; text-indent: -1.25em; }*/

.randspalte p a[class] { display: block; }
.randspalte p a[class="csslink_email"] { display: inline; }
li > a[class="csslink_intern"] { display: block; }


/*.flex-control-paging {
    background: rgba(112, 112, 112, 0.5) none repeat scroll 0 0;
    left: 6.202%;
    padding: 5px 5px 0;
    position: absolute;
    top: 410px;
}
.flex-control-nav, .flex-control-paging {
    display: block;
}

.slides, .flex-control-nav, .flex-direction-nav {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 100;
}*/

 #pg_translation {  position: relative; display: block;float:right;z-index:15000;}
.translate_button { cursor: pointer; display: inline; }
#translate_content { display: none; }
#translate_content #google_translate_element, #translate_content .goog-te-gadget { display: inline; }
#translate_content .goog-te-gadget-simple { font-size: 1.5em; }
#translate_content .goog-te-gadget-simple img { display: none; }

/* z-index wg. img-Verhalten in neuen Themenboxen hoch gesetzt - krz - MB - 6.3.2018 */
#nav { z-index: 10; }

/* Link-Toggler ohne Javascript */
.toggler_titel_nojs { position: relative; border-bottom: 1px solid #eaeaea; }
.toggler_titel_nojs.active { opacity:0.75; }
.toggler_titel_nojs a { display: block; }
.toggler_titel_nojs a:after {
    content: '\203A';
    position: absolute;
    right: 2px;
    top: 0;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#tinymce .toggler_titel_nojs a:after { position: relative; content:'  \203A'; }
.toggler_titel_nojs.active a:after { content:'\2039'; opacity:0.5; }
.toggler_container_nojs { transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }

	#kategorie{
	    display:none;
	}
@media screen and (min-width: 680px){

ul#flaglist { position: absolute;  overflow:hidden; right:0; top:40px;  z-index: 10000; list-style-type: none; padding: 0 0 0 20%; margin: 0; display:block;}
ul#flaglist > li {margin: 3px 0 0; }
ul#flaglist > li > a { text-decoration: none; color: #fff; }
ul#flaglist > li > a > i { display: block; width: 100%; position: relative; background-color:#CC0000; font-size: 1.25em; padding: 2px; text-align: center; z-index: 101; }
ul#flaglist > li > a > span { position: absolute; right: -220px; background-color: #CC0000; padding: 4px 2px; }
ul#flaglist > li > a > span#bez_flag_1 { top: 3px; }
ul#flaglist > li > a > span#bez_flag_2 { top: 35px; }
ul#flaglist > li > a > span#bez_flag_3 { top: 67px; }
ul#flaglist > li > a > span#bez_flag_4 { top: 99px; }
ul#flaglist > li > a > span#bez_flag_5 { top: 131px; }
ul#flaglist > li > a > span#bez_flag_6 { top: 163px; }
ul#flaglist > li > a:hover > span, ul#flaglist > li > a:focus > span { right: 28px; }


}

/* Flexbox Grid */
.flex-row{
	list-style: none;
    padding: 0;	
    display: -webkit-box;  /* iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* IE 10 */
    display: -webkit-flex; /* Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    -ms-flex-direction: row;
	flex-direction:row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-col-1, .flex-col-2, .flex-col-3, .flex-col-4, .flex-col-5, .flex-col-6{
	margin: 15px 0;    
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow-wrap: break-word; /* Chrome */
}
.flex-col-1 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
}
.flex-col-2 {
    -ms-flex-preferred-size: calc(50% - 15px);
    flex-basis: calc(50% - 15px);
    width: calc(50% - 15px); /* Chrome */
}
.flex-col-3 {
    -ms-flex-preferred-size: calc(33.33% - 20px);
    flex-basis: calc(33.33% - 20px);
    width: calc(33.33% - 20px);
}
.flex-col-4 {
    -ms-flex-preferred-size: calc(25% - 22.5px);
    flex-basis: calc(25% - 22.5px);
    width: calc(25% - 22.5px);
}
.flex-col-5 {
    -ms-flex-preferred-size: calc(20% - 24px);
    flex-basis: calc(20% - 24px);
    width: calc(20% - 24px);
}
.flex-col-6 {
    -ms-flex-preferred-size: calc(16.66% - 25px);
    flex-basis: calc(16.66% - 25px);
    width: calc(16.66% - 25px);
}
@media only screen and (max-width: 960px) {
	.flex-col-4 {
        -ms-flex-preferred-size: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
        width: calc(50% - 15px);
	}
	.flex-col-6 {
        -ms-flex-preferred-size: calc(33.33% - 20px);
        flex-basis: calc(33.33% - 20px);
        width: calc(33.33% - 20px);
	}

}
@media only screen and (max-width: 680px) {
	.flex-col-1,
	.flex-col-2,
	.flex-col-3,
	.flex-col-4,
	.flex-col-5,
	.flex-col-6 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
	}
}

/*für neue Themenboxen erforderlich */

.themenboxen .elem small, .themenboxen .elem .mc2_ac {
	right: 0;
}
.themenboxen .elem{
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	color: #606060;
}
.themenboxen img{
	width: 100%;
}
.themenboxen .elem .caption{
	padding: 25px;
}
.themenboxen .elem .content{
	background-color: #f0f0f0;
	transition: background-color 0.25s, box-shadow 0.25s;
}
.themenboxen .elem .content:hover{
	background-color: #e0e0e0;
	box-shadow: 0 5px 15px #000;
	box-shadow: 0 5px 15px rgba(0,0,0,0.25);
}
.themenboxen .elem .image{
	position: relative;
}
.themenboxen .elem .image + .caption{
	padding: 15px;
}
.themenboxen .elem .icon{
	padding-top: 15px;
	text-align: center;
}
.themenboxen .elem .icon + .caption{
	padding: 5px 15px 15px;
	text-align: center;
}
.themenboxen .elem .icon i{
    font-size: 2.8em;
    margin-right: 0;
    text-align: center;
}
.themenboxen h2, .themenboxen h3, .themenboxen h4, .themenboxen h5, .themenboxen h6{
	/*margin: 0;*/
}


/* Neue Flexbox Themenboxen */
.cards {
    background-color: #f0f0f0;
}
.cards > a {
	min-height: 100%;
	color: #606060;
    display: -webkit-box;  /* iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* IE 10 */
    display: -webkit-flex; /* Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-decoration:none !important;
}
.cards > a:hover {
	background: #e0e0e0;
    -webkit-box-shadow: 0 5px 15px #000;
    box-shadow: 0 5px 15px #000;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    
}
.cards img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
	width: 100%;
	display: block;
}
.cards .image {
	position: relative;
	overflow: hidden;	
}
.cards .image.passepartout img {    /* ggf. Rahmen um Bilder im Originalverhältnis (für Hochformatbilder gedacht) */
    padding: 5% 28%;
    background-color: #c0c0c0;
}
.cards .image .background-image {
	padding-top:66.66%;
}
.cards .image small, .cards .image .mc2_ac {
	background-color: #fff;
    background-color: rgba(255,255,255,0.85);
    padding: 5px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 11.5px;
    max-width: 66.666%;
    max-width: calc(100% - 30px);
    color: #444;
}
.cards .icon {
    padding: 10px;
    text-align: center;
}
.cards .icon i {
    font-size: 44px;
    margin-right: 0;
    text-align: center;
}
.cards .caption{
	padding: 25px;
}
.cards .image + .caption {
    padding: 15px;
}
.cards .icon + .caption {
    padding: 0 15px 15px;
    margin-top: -5px;
    text-align: center;
}
.cards .caption .title {
	margin: 0;
	font-size: 1.1em;
}
.cards .caption p{
    margin-bottom:0;
}

/* Zusatzfunktion: Zwei-Klick-Lösung für Iframes */
.is-ios * {
	cursor: pointer;
}
.iframe-autowidth {
	position: relative;
	height: 0;
}
.iframe-autowidth .iframe-preview, .iframe-autowidth .iframe-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.iframe-preview {
	position: relative;
	background: center center/cover no-repeat;
}
.iframe-wrap, .iframe-preview, .iframe-frame {
	max-width: 100%;
}
.iframe-wrap[data-iframe-autowidth="1"] > .iframe-preview {
	max-width:none;
}
.iframe-preview .mc2_ac {
	position: absolute;
	z-index: 0;
	right: 0;
	bottom: 0;
	padding: 2px 5px;
	background-color: #eee;
	background-color: rgba(255,255,255,0.75);
	max-width: 66.666%;
	text-align: left;
}
.iframe-message {
	display: none;
	position: absolute;
	z-index: 1;
	width: 100%;
	width: calc(100% - 50px);
	max-width: 500px;
	padding: 25px;
	margin: 25px;
	background-color: #f0f0f0;
	-webkit-box-shadow: 0 5px 15px #000;
	box-shadow: 0 5px 15px #000;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	box-sizing: border-box;
}
.iframe-message.top-left {
	top: 25px;
	left: 25px;
	margin: 0;
	max-width: 500px;
}
.iframe-message.top-right {
	top: 25px;
	right: 25px;
	margin: 0;
	max-width: 500px;
}
.iframe-message.top {
	top: 25px;
	left: 25px;
	right: 25px;
	margin: 0;
	max-width:none;
}
.iframe-message.dark {
	background-color: #333;
	background-color: rgba(0,0,0,0.75);
	color: #fff;
}
.iframe-message a {
	font-weight: bold;
}
.iframe-message.dark a {
	color: #fff;
}
.iframe-message .btn {
	margin: 0;
}
@media screen and (max-width: 960px) {
	.iframe-message {
		max-width: 500px;
		width: calc(100% - 30px);
		padding: 15px;
		margin: 15px;
		font-size: 0.8em;
	}
	.iframe-message.top-left {
		top: 15px;
		left: 15px;
	}
	.iframe-message.top-right {
		top: 15px;
		right: 15px;
	}
	.iframe-message.top {
		top: 15px;
		left: 15px;
		right: 15px;
	}
}
/* Mediathek mit Zwei-Klick-Lösung */
.sr-jump { display: none; }
.liste-titel { font-weight: bold; }


/* Terminbuchung go-future go&meet 2018 */
#termintabelle { margin: 0 0 1em; }
#termintabelle .uhrzeit { min-width: 75px; padding: 2px 5px; white-space: nowrap; }
#termintabelle .wochentag { min-width: 50px; padding: 2px; text-align: center; }
.event-booking .bookDatum { display: none; }
.tbl_booking th.left, .tbl_booking .middle, .tbl_booking .right, .tbl_booking .summe { display: none; }
.tbl_booking td.left { min-width: 110px; white-space: nowrap; }
.tbl_booking .border { border: none; }
.tbl_summary td { padding: 2px 5px; }

.column-1,
.column-2,
.column-3,
.column-2x3,
.column-4,
.column-2x4,
.column-3x4,
.column-5,
.column-2x5,
.column-3x5,
.column-4x5,
.column-6,
.column-2x6,
.column-3x6,
.column-4x6,
.column-5x6{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	transition: width 0.2s ease-in;
}
/* Columns => Number = Horizontal column count */
.column-1{
	width: 100%
}
.column-2, .column-2x4, .column-3x6{
	width: 50%
}
.column-3, .column-2x6{
	width: 33.333%
}
.column-2x3, .column-4x6{
	width: 66.666%
}
.column-4{
	width: 25%
}
.column-3x4{
	width: 75%
}
.column-5{
	width: 20%
}
.column-2x5{
	width: 40%
}
.column-3x5{
	width: 60%
}
.column-4x5{
	width: 80%
}
.column-6{
	width: 16.666%
}
.column-5x6{
	width: 83.333%
}
.collapse .column-1,
.collapse .column-2,
.collapse .column-3,
.collapse .column-2x3,
.collapse .column-4,
.collapse .column-2x4,
.collapse .column-3x4,
.collapse .column-5,
.collapse .column-2x5,
.collapse .column-3x5,
.collapse .column-4x5,
.collapse .column-6,
.collapse .column-2x6,
.collapse .column-3x6,
.collapse .column-4x6,
.collapse .column-5x6{
	padding: 0;
}
/* Layout Helper Media Queries */
@media screen and (max-width: 960px){
	.column-md-1{
		width: 100%
	}
	.column-md-2, .column-md-2x4, .column-md-3x6{
		width: 50%
	}
	.column-md-3, .column-md-2x6{
		width: 33.333%
	}
	.column-md-2x3, .column-md-4x6{
		width: 66.666%
	}
	.column-md-4{
		width: 25%
	}
	.column-md-3x4{
		width: 75%
	}
	.column-md-5{
		width: 20%
	}
	.column-md-2x5{
		width: 40%
	}
	.column-md-3x5{
		width: 60%
	}
	.column-md-4x5{
		width: 80%
	}
	.column-md-6{
		width: 16.666%
	}
	.column-md-5x6{
		width: 83.333%
	}
	.md-only{
		display: block;
	}
	.hide-md{
		display: none !important;
	}
}
@media screen and (max-width: 680px){
	.column-1, .column-2, .column-3, .column-4, .column-5, .column-2x3, .column-2x4, .column-3x4, .column-2x5, .column-3x5, .column-4x5, .column-2x6, .column-3x6, .column-4x6, .column-5x6{
		width: 100%
	}
	.column-sm-1{
		width: 100%
	}
	.column-sm-2, .column-sm-2x4, .column-sm-3x6{
		width: 50%
	}
	.column-sm-3, .column-sm-2x6{
		width: 33.333%
	}
	.column-sm-2x3, .column-sm-4x6{
		width: 66.666%
	}
	.column-sm-4{
		width: 25%
	}
	.column-sm-3x4{
		width: 75%
	}
	.column-sm-5{
		width: 20%
	}
	.column-sm-2x5{
		width: 40%
	}
	.column-sm-3x5{
		width: 60%
	}
	.column-sm-4x5{
		width: 80%
	}
	.column-sm-6{
		width: 16.666%
	}
	.column-sm-5x6{
		width: 83.333%
	}
	.sm-only{
		display: block !important;
	}
	.hide-sm{
		display: none !important;
	}
	.slicknav_menu{
		display: block;
	}

}

/* RDFa-Tags bei den Dienstleistungen verstecken */
div[typeof="Zustaendigkeit"] { display: none; }
