@charset "utf-8";
/* moved by compressor */
/* default styles for extension "tx_etagensocialposts" */
    textarea.f3-form-error {
        background-color:#FF9F9F;
        border: 1px #FF0000 solid;
    }

    input.f3-form-error {
        background-color:#FF9F9F;
        border: 1px #FF0000 solid;
    }

    .tx-etagen-social-posts table {
        border-collapse:separate;
        border-spacing:10px;
    }

    .tx-etagen-social-posts table th {
        font-weight:bold;
    }

    .tx-etagen-social-posts table td {
        vertical-align:top;
    }

    .typo3-messages .message-error {
        color:red;
    }

    .typo3-messages .message-ok {
        color:green;
    }

.venue-search-ajax-wrapper {
    position: relative;
    padding-bottom:0;
    margin-bottom:10px;
}

.venue-search-ajax-wrapper:after {
    display: none !important;
}

.venue-ajax-content {
    min-width: 100%;
    position: absolute;
    background: #fff;
    padding: 10px;
    z-index: 9;
    top: 100%;
    left:0;
    margin: 0 0 0 0;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
    display: none;
}

.venue-ajax-content.visible {
    display: block;
}

.venue-ajax-content .et-ml-ajax-keyword-item {
    cursor: pointer;
}

.xdsoft_datetimepicker{
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #FFFFFF;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #333333;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 8px;
	padding-left: 0px;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
}
.xdsoft_datetimepicker *{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
	display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
	display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float:left;
	margin-left:8px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{
	width: 256px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
	width: 58px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
	margin-top:8px;
	margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker  .xdsoft_prev, 
.xdsoft_datetimepicker  .xdsoft_next,
.xdsoft_datetimepicker  .xdsoft_today_button{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i{
	opacity:0.5;
	background-position:-92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
	background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
	background-position:-70px 0px;
	margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
	background-position:0px 0px;
}

.xdsoft_datetimepicker  .xdsoft_next,
.xdsoft_datetimepicker  .xdsoft_prev ,
.xdsoft_datetimepicker  .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0px none currentColor;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	float:none;
	background-position:-40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left:14px;
	margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
	background-position:-40px 0px;
	margin-bottom:7px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
	height:151px;
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #F5F5F5;
	border-top:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	cursor:pointer;
	border-bottom-width:0px;
	height:25px;
	line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
	float:left;
	width:182px;
	text-align:center;
	cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover>span{
	text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label:hover i{
	opacity:1.0;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
	border:1px solid #ccc;
	position:absolute;
	right:0px;
	top:30px;
	z-index:101;
	display:none;
	background:#fff;
	max-height:160px;
	overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
	padding:2px 10px 2px 5px;
	text-decoration:none !important;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
	width:100px;
	text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
	clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
	border-collapse:collapse;
	width:100%;
	
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
	padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
	width:14.2857142%;
	background: #F5F5F5;
	border:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding:0px;
	border-collapse:collapse;
	cursor:pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar th{
	width:12.5%;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
	color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
	position:relative;
	border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
	background:#ccc !important;
	height:20px;
	border-radius:3px;
}
.xdsoft_scrollbar{
	position:absolute;
	width:7px;
	right:0px;
	top:0px;
	bottom:0px;
	cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}


.xdsoft_datetimepicker.xdsoft_dark{
	box-shadow: 0px 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000000;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	color: #cccccc;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box{
	border-bottom:1px solid #222222;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #0a0a0a;
	border-top:1px solid #222222;
	color: #999999;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label{
    background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select{
	border:1px solid #333;
	background:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #000;
    background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #cc5500;
	box-shadow: #b03e00 0px 1px 3px 0px inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_prev, 
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_today_button{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
	background: #0a0a0a;
	border:1px solid #222222;
	color: #999999;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
	background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_today{
	color:#cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #cc5500;
	box-shadow: #b03e00 0px 1px 3px 0px inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #000 !important;
    background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
	color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright{ color:#333 !important;}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright a{ color:#111 !important;}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{ color:#555 !important;}


.xdsoft_dark .xdsoft_time_box{
	border:1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller{
	background:#333 !important;
}


/* custom */
.xdsoft_datetimepicker .xdsoft_calendar td {color:#000;}
.xdsoft_datetimepicker .xdsoft_calendar th {color:#FAB000; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {background: #FAB000; box-shadow: rgba(0,0,0,0.2) 0px 1px 3px 0px inset;}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {background:#999 !important}
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url('../../../templates/public/js/shadowbox-3.0.3/loading.gif') no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url('../../../templates/public/js/shadowbox-3.0.3/close.png');}
#sb-nav-next{background-image:url('../../../templates/public/js/shadowbox-3.0.3/next.png');}
#sb-nav-previous{background-image:url('../../../templates/public/js/shadowbox-3.0.3/previous.png');}
#sb-nav-play{background-image:url('../../../templates/public/js/shadowbox-3.0.3/play.png');}
#sb-nav-pause{background-image:url('../../../templates/public/js/shadowbox-3.0.3/pause.png');}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

.et-cookie, .et-cookie * {
    box-sizing: border-box;
}

.et-cookie {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow-y: auto;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.6);
}
.et-cookie__main {
    position: relative;
    max-width: 58em;
    margin: 0 auto;
    padding: 3em;
    background: white;
}
@media (max-width: 700px) {
    .et-cookie__main {
        padding: 1em;
    }
}

.et-cookie h2 {
    margin-top: 0;
    padding-top: 0;
}
.et-cookie__links a {
    margin-right: 1em;
}


/*************************************************
Checkboxen
*************************************************/
.et-cookie__checkboxes {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 1em 0;
    gap: 0.5em;
}
.et-cookie__checkbox-container {
    display: flex;
    flex: 1 0 auto;
    flex-wrap: wrap;
    max-width: 100%;
}
.et-cookie__checkbox-item {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: auto;
    margin: 0 2.5em 0 0;
    padding: 0.5em 0;
    border: 0;
}
.et-cookie__checkbox-item input[type="checkbox"] {
    position: static;
    display: inline-block;
    float: none;
    margin: 0 1em 0 0;
    border: 1px solid;
}
.et-cookie__disabled .et-cookie__checkbox-label-text {
    opacity: 0.5;
}
.et-cookie__checkbox-item:not(.et-cookie__disabled) {
    cursor: pointer;
}
@media (max-width: 600px) {
    .et-cookie__checkbox-item {
        min-width: 60%;
    }
}

.et-cookie__popup-infos {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.et-cookie__popup-infos p {
    display: none;
    margin-top: 0;
    padding: 0.5em;
    border: 1px solid;
}

/*************************************************
Detail-Texte
*************************************************/
.et-cookie__details-text {
    overflow: hidden;
    margin-top: 1em;
}
.et-cookie__details-text,
.et-cookie__details--hide .et-cookie__show_details * + span,
.et-cookie__details:not(.et-cookie__details--hide) .et-cookie__show_details span:first-child {
    display: none;
}


/*************************************************
Buttons
*************************************************/
.et-cookie button, .et-cookie-blocker button {
    font: inherit;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: 100%;
    margin: 0;
    cursor: pointer;
    text-align: left;
}
button.et-cookie__no-btn {
    padding: 0.5em 0;
    color: inherit;
    border: 0;
    background: 0;
}

.et-cookie__show_details {
    outline: none;
}
button.et-cookie__big-btn {
    font-size: 1.3em;
}

.et-cookie__main-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 2em;
}
.et-cookie__main-actions button {
    margin: 0 0 0.5em 1em;
}

/*************************************************
Button-Icons
*************************************************/
.et-cookie__icon {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 0.3em;
}
.et-cookie__icon svg {
    max-width: 100%;
    max-height: 100%;
}
.et-cookie__show_details .et-cookie__icon svg {
    transform: rotate(270deg);
}
.et-cookie__details--hide .et-cookie__icon svg {
    transform: rotate(90deg);
}

/*************************************************
Content-Blocker
*************************************************/
.et-cookie-has-blocker {
    pointer-events: none;
}
.et-cookie-blocker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    overflow: auto;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 1em;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
}
*:not(.et-cookie-has-blocker) + .et-cookie-blocker {
    display: none;
}
.et-cookie-blocker button + button {
    margin-top: 0.5em;
}
.et-cookie-blocker > * {
    transition: 0.3s;
}
.et-cookie-blocker.et-show-on-hover:not(:hover) > * {
    transform: translateY(1em);
    opacity: 0;
}


/*
==================================================
Farben-Info
==================================================
- Txt - Rnd - Bg
- #ffffff (weiß) - Bg: body
- #000000 (schwarz) - Txt: Inhalt
- #FAB000 - 250,176,0 (Gelb)
- #D96072 - 217,96,114 (Rose) - Feierlich
- #1993CB - 25,147,203 (Dunkelblau) - Gläubig
- #761463 - 118,20,99 (Lila) - Hilfreich
- #5F8317 - 95,131,23 (Grün) - Bildungsstark
- #C20938 - 194,9,56 (Rot) - Jugend
*/
html {
    --vsize-header: 14.1rem;
}
@media (max-width: 500px) {
    html {
        --vsize-header: 80px;
    }
}
@media (max-width: 400px) {
    html {
        --vsize-header: 76px;
    }
}

@font-face {
    font-family: 'modern_pictogramsnormal';
    src: url('../../../templates/public/fonts/modernpics-webfont.eot');
    src: url('../../../templates/public/fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../templates/public/fonts/modernpics-webfont.woff') format('woff'),
         url('../../../templates/public/fonts/modernpics-webfont.ttf') format('truetype'),
         url('../../../templates/public/fonts/modernpics-webfont.svg#modern_pictogramsnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* source-sans-pro-300 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local(''),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-300.woff') format('woff');
    font-display: swap;
}
/* source-sans-pro-300italic - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    src: local(''),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-300italic.woff') format('woff');
    font-display: swap;
}
/* source-sans-pro-regular - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-regular.woff') format('woff');
    font-display: swap;
}
/* source-sans-pro-italic - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local(''),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-italic.woff') format('woff');
    font-display: swap;
}
/* source-sans-pro-600 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local(''),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-600.woff') format('woff');
    font-display: swap;
}
/* source-sans-pro-600italic - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: local(''),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'),
    url('../../../templates/public/fonts/source-sans-pro-v21-latin-600italic.woff') format('woff');
    font-display: swap;
}
/* great-vibes-regular - latin (Trauer-Anzeigen mit .style-1) */
@font-face {
    font-family: 'Great Vibes';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../../../templates/public/fonts/great-vibes-v14-latin-regular.woff2') format('woff2'),
    url('../../../templates/public/fonts/great-vibes-v14-latin-regular.woff') format('woff');
    font-display: swap;
}



/* ----- Reset Style ----- */
* { border:0; margin:0; padding:0; background:transparent; vertical-align:baseline; font-size:100%; box-sizing:border-box; font-weight:inherit; font-style:inherit;}


/*
==================================================
Grundeinstellungen
==================================================
*/
/* .bg-* Container resetten die Farb-Zuordnungen,
damit sich die Farben bei Schachtelung von .bg-* Containern korrekt verhalten */
html, [class^="bg-"], [class*=" bg-"] {
    --color-link: var(--main-color-dark);
}
html { height:100%; min-width:320px; background:#fff; font-size:62.5%; font-size:calc(5px + 0.27vw); scroll-behavior: smooth; font-weight:300; overflow-x:hidden; scroll-padding:50px;
    --main-color: #fab000;
    --main-color-light: #fab000;
    --main-color-dark: #e09e00;
}
body { scroll-behavior: smooth; position:relative; min-height:100%; color:#393939; text-align:left; font-size:2em; line-height:1.35; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; display:flex; flex-direction:column; scroll-padding:5rem;}
/* font-family (und ggf. font-style, font-weight) für input, select, textarea extra setzen - siehe unten */

@media (max-width:1920px) {
	html { font-size:calc(6.3px + 0.2vw); }
}
@media (max-width:800px) {
	html { font-weight:400; }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* CSS nur für IE10/IE11*/
    /* body {overflow-y:hidden;} */
    /* Scheint nun doch eher problematisch als sinnvoll zu sein - Slider-Bilder scheinen sonst "unten durch" */

    * { flex:0 0 auto; }
    /* Sonst werden News-Teaser-Bilder in die Länge gezogen */
}


/* ----- Standardelemente ----- */
h1, h2, h3, p, dl, ul, ol, blockquote, form, .h2, .h3, .h4 {margin-bottom:1.5rem;}
b, strong, dt, th, caption,
.menu-newsarchive,
.month-small a,
.news h4 span,
.news:not(.news-single-item) h3 span,
h5,
.anzeige.style-3 h3, .download-teaser  {font-weight:bold;}
em, i, q, blockquote,
.results .url, .download-description {font-style:italic;}
.month-small th,
.anzeige h3 i, .layout-candle h3 i { font-weight: 300;}
h1, h2, h3, h4, .h2, .h3, .h4, .menu-0 .level-0 > * > * > a, .logo {font-weight: 400;}

sup, sub {font-size:0.8em; position:relative; bottom:0.4em; }
sub {bottom:auto; top:0.25em; }

ul {list-style:square outside;}
ol {list-style:decimal outside;}

li  { margin:0 0 0.33em 2.8em; }
ul > li  { margin: 0 0 0.33em 2.5em; padding-left:0.3em; }

dd+dt {margin-top:0.67em;}

blockquote {font-size: 1.2em; text-align:center; padding:0 1em;}


.h2, .h3, .h4 {border:0;}

.deprecated {border:2px red solid !important; position:relative;}
.deprecated:before {content:'Galerie-Einstellung veraltet - Bitte anpassen :)'; position:absolute; top:0; left:0; background:red; color:#fff; padding:3px;}

h1 {font-size: 5.5rem;}
h2, h3, .h2, .h3, .col-headline p, .news-single h1 span {line-height: 1.2em;}
h2, .h2 {font-size: 4.5rem;}
h3, .col-headline p, .h3, .news-single h1 span { font-size: 3rem; display:block;}
h4, .h4 {font-size: 2.6rem; margin-bottom:0.2em;}

h1, .col-headline h2 { text-transform:uppercase; line-height:1em; }
.col-headline a {text-decoration:none; color:inherit;}
.col-headline a p, .col-headline a h3 {text-decoration:underline;}
.col-headline * {margin-bottom:0;}
.col-headline .csc-subheader {color:#393939}
.news-single h1 span {text-transform:none; color: #393939;}

h2.big {text-transform:uppercase;}
p.big, .big p {font-size:1.2em; line-height:1.2em; margin-bottom:1.67em;}
.align-right {text-align:right;}
.align-center {text-align:center;}

p, h4 {min-height:1.5em;}
h2, h3 {min-height:1.2em;}
.col-headline h2 {min-height:1em;}

/*Image/Media/Video*/
img, object, embed, video, iframe, audio {max-width:100%;}
.google-map img {max-width:none;}
img {height:auto;}
object, embed, video, audio, iframe {margin:0 auto 0.67em; display:block; clear:both;}
/* 56.25% entspricht 16:9 */
.keep-ratio {padding-top:56.25%; position:relative; }
.ratio-news-teaser {padding-top:72%;}
#kna-newsticker:first-child .ratio-news-teaser {padding-top:80.7%;}
.ratio-quadrat {padding-top:100%;}
.ratio-quadrat-over {padding-top:calc(100% + 1em);}
.ratio-9-16 {padding-top:177.8%;}
.keep-ratio > * {position:absolute; margin:0 auto; top:0; left:0; width:100%; height:100% !important;}
.wrap-media video, .wrap-video  video {margin:0 auto; width:100%; height:auto !important;}
.wrap-media audio, .wrap-audio  audio {margin:0 auto; width:100%;}

.constrain-width {position:relative; margin: 0 auto 1em;}
.constrain-320 {max-width:320px;}

.wrap-html-youtube {display: flex; clear:both; margin-bottom: 0.67em;}
.wrap-html-youtube > .wrap-inner {margin: 0 auto; position: relative;}
.wrap-html-youtube iframe {margin-bottom: 0;}

/*Skip-Menü*/
.visually-hidden:not(:focus):not(:active) { position: absolute; height: 1px; width: 1px; overflow: hidden; white-space: nowrap; margin: -1px; clip: rect(1px, 1px, 1px, 1px);}
.skip-link:focus {position:absolute; left:0; top:0; width:auto; z-index:2000; background:#fff; padding:0.2em 0.5em; box-shadow:0 0 0.4em rgba(255,255,255,0.5);}
del.schutz {text-decoration:none;} /*Für Standard E-Mail-Adressen-Spamschutz*/


hr { border-top:2.67em solid #fab000; height:0; margin-bottom:2.67em; clear:both;}
.divider {width:100%; height:2.67em; clear:both;}
.divider hr {display:none;}
.divider.div-half-std-padding {height:1em;}

img.space {visibility:hidden; width:1px; height:1px; margin: 0.33em 1px; display:inline-block; }


/* ----- Tabellen ----- */
table { border-collapse:collapse; text-align:left; width:100%; margin-bottom:0.67em;}
td, th { padding: 0.2em 0.67em 0.2em 0; border:0;  width: auto !important; vertical-align: top; text-align: left; }
table p { margin: 0 0 0.5em; }
table p:last-child { margin: 0;}
caption { padding:0 0 0.2em; color:#aaaaaa; font-size: 1.2em; line-height:1.2em;}
table.daten {margin-bottom:1.33em;}
.daten > tr > *:first-child + td, .daten > * > tr > *:first-child + td {text-align:right; vertical-align:bottom;}
.daten > tr > td, .daten > tr > th, .daten > * > tr > td, .daten > * > tr > th  {border-bottom: 1px solid #393939;  }

table.feste-spalten { table-layout:fixed;}

/*zu lange E-Mail-Links in Tabellen*/
table.feste-spalten a[href^="javascript:linkTo_UnCryptMailto"] {max-width:110%; overflow:hidden; display:inline-block; text-overflow: ellipsis; position:relative; transition: 0.5s;}
table.feste-spalten:hover a[href^="javascript:linkTo_UnCryptMailto"], table a[href^="javascript:linkTo_UnCryptMailto"].feste-spalten:active { max-width:33.33em; z-index:10000; background:#fff; padding-right:0.33em;}
.bg-dark table:hover a[href^="javascript:linkTo_UnCryptMailto"], .bg-dark table a[href^="javascript:linkTo_UnCryptMailto"]:active {background:#393939;}
.bg-yellow table:hover a[href^="javascript:linkTo_UnCryptMailto"], .bg-yellow table a[href^="javascript:linkTo_UnCryptMailto"]:active {background:#fab000;}
.bg-lightgrey table:hover a[href^="javascript:linkTo_UnCryptMailto"], .bg-lightgrey table a[href^="javascript:linkTo_UnCryptMailto"]:active {background: rgb(238, 238, 238);}


th.breite-75, td.breite-75 {width:5em !important;}
td.breite-100, th.breite-100 {width:6.67em !important;}
td.breite-150, th.breite-150 {width:10em !important;}
td.breite-200, th.breite-200 {width:13.33em !important;}



/* ----- Formulare ----- */
input::-ms-clear {
    display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/* iOS-Style entfernen (mit gesetztem border-radius oben) */
textarea, input[type=submit], input[type=search], input:not([type=checkbox]):not([type=radio]):not([type=upload]) {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}
input[type=checkbox], select {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.powermail_mandatory_helper {display:none;}
input, select, textarea, .wrap-select:after, .wrap-select:after, .tx_powermail_pi1_fieldwrap_html_select:after {color:#393939; background-color:#fff; padding:0.27em 0.4em; float:left; font-family: inherit; width:66.6667%; height:2.67em;
     box-shadow: 0 0.15em 0.33em rgba(3, 3, 3, 0.3); box-sizing:border-box;
}
.col-3 label, .col-4 label, .col-6 label , .col-8 label,
.col-3 label + div, .col-4 label + div, .col-6 label + div, .col-8 label + div,
.col-3 label + input, .col-4 label + input, .col-6 label + input, .col-8 label + input,
.col-3 label + select, .col-4 label + select, .col-6 label + select, .col-8 label + select,
.col-3 .wrap-select:after, .col-4 .wrap-select:after, .col-6 .wrap-select:after,
.col-3 .tx_powermail_pi1_fieldwrap_html_select:after, .col-4 .tx_powermail_pi1_fieldwrap_html_select:after, .col-6 .tx_powermail_pi1_fieldwrap_html_select:after,
label + div > input, label + div > select, label + div > textarea {width:100%; margin-left:0;}

input {line-height:inherit;}
select { padding: 0.533em 0.4em 0.533em 0.2em; position:relative; z-index:10;}
.wrap-select:after, .tx_powermail_pi1_fieldwrap_html_select:after {position:absolute; right:0; bottom:0.67em; content:''; display:none;}
textarea { width:66.6667%; height: 10em; }
label { width:32.3333%; float: left; margin: 1px 1% -1px 0; border-bottom: 1px dotted #ccc; }
label[for] { cursor:pointer; }
/* Placeholder-Text heller */
:-ms-input-placeholder { opacity:0.8; }
::-webkit-input-placeholder { opacity:0.8; }
::placeholder { opacity:0.8; }

.input-text { } /*.input-text gilt für alle inputs mit Text-Eingabe, nicht nur solche mit type="text" (also auch type="password" etc.)*/
input[type="file"] {width:23.33em; padding:0.33em;}

form { clear: both; }
fieldset { float:left; clear: both; width:100%; margin-bottom:1.33em; }
form div {position:relative; float:left; width:100%;}
form fieldset > div, form > div {  clear: both;  padding-bottom:0.67em; }
form label + div {width:66.6667%;}

form p { width:100%; margin-top: 0.8em; float:left; }
form h2 + p, form h2 + div p, form p + div p { margin-top:0; }

/*radio und checkbox
- sollten einmal einen Gruppen-Wrap und nochmal je einen einzelnen Wrap haben (auch wenn nur ein Element!)
- Wenn aus anderen Gründen zusätzliche divs benötigt werden, auf Klassenselektoren umstellen */
input[type="checkbox"]~label, input[type="radio"]~label { width:auto; margin-left:38%; border:none;}
input[type="checkbox"], input[type="radio"] { position:absolute; left:33.3333%; top:0.2em; width:0.87em; height:0.87em; border:0; background:transparent; padding:0; box-shadow: none;}
input[type="radio"] {border-radius:50%;}
div + div > fieldset {margin-top:1.33em;}
fieldset > div:last-child > fieldset {margin-bottom:0;}
legend {margin-bottom:0.67em;}
form > h2 {display:none;}

.col > input[type="checkbox"], .col > input[type="radio"] {left:1em;}
.col > input[type="checkbox"]~label, .col > input[type="radio"]~label { margin-left:1.67em;}

input[type="search"] { color:#fff; box-shadow: none;}

input[type="text"], input[type="email"], input[type="password"], textarea {background-image:url('../../../templates/public/layout/arrow-input-light.png'); background-position: 0.5em 1em; background-repeat:no-repeat; padding-left: 1.2em;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {background-image:url('../../../templates/public/layout/arrow-input.png');}

.form-small input[type="checkbox"], .form-small input[type="radio"] {left:0;}
.form-small input[type="checkbox"]~label, .form-small input[type="radio"]~label, .form-inline input[type="checkbox"] ~ label, .full-fields input[type="checkbox"] ~ label, .full-fields input[type="radio"] ~ label {margin-left:1.67em; width:auto;}

.form-inline input {width:95%; margin-right:5%;}
.form-inline div {width:25.8%;}
.form-inline input[type="submit"] { width:22.6%; margin:0; clear:none;}
.form-inline input[type="checkbox"] {width:0.87em; margin:0; left:0; }

.full-fields input:not([type=checkbox]):not([type=radio]):not([type=submit]), .full-fields select, .full-fields textarea {width:100%;}
.full-fields input[type="checkbox"], .full-fields input[type="radio"] {left:0;}
.full-fields [class*=col] > input[type="checkbox"], .full-fields [class*=col] > input[type="radio"] {left:1em;}
.full-fields input.btn, .full-fields input[type="submit"] {margin:2em 0 0;}

.powermail_field_error_container, .powermail_form > div:first-child, .powermail_check_outer {padding-bottom:0;}
.powermail-errors-list {margin-bottom:0; clear:both; color:red; list-style:none;}
.powermail-errors-list li {margin-left:33%; padding-left:0;}

.check-dataprivacy-message {display:none; color:red; margin-top:0;}
.invalid .check-dataprivacy-message {display:block;}

.powermail_fieldwrap_type_radio, .powermail_fieldwrap_type_check  {padding-bottom:1.33em;}
.powermail_fieldwrap_type_radio > div, .powermail_fieldwrap_type_check > div {margin-left:33.334%;}
.powermail_fieldwrap_type_radio > label, .powermail_fieldwrap_type_check > label {border:none; margin-bottom:0.5em; width:100%}
.radio, .checkbox {padding-bottom:0.27em;}
.radio label input, .checkbox label input {left:0;}
.radio label, .checkbox label {padding-left: 1.33em; border:none; position:relative; cursor:pointer; width:auto;}

@media screen and (max-width: 750px) {
.powermail_fieldwrap_type_radio > div, .powermail_fieldwrap_type_check > div {margin-left:0; width:100%;}
}

input[type=submit][disabled] {opacity:0.5; pointer-events:none;}

.symbol, .btn-arrow:before, .btn-arrow:after {/*font-family:'modern_pictogramsnormal'; font-size:1.5em;*/}

/* ----- Hauptbereiche ----- */
#header { z-index:100; position:relative; border-bottom:1px solid #ccc; flex: 0 0 auto; background:#fff; width:100%;}
#footer { clear:both; position:relative; flex: 0 0 auto; background:#fff;}
#main {position:relative; flex: 1 0 auto;}
.wrap-main {background:#fff; position:relative;}

.row {width:100%; clear:both; margin:0 auto; }
.row:after, form:after, .layer-container:after, .slider-outer:after {content:''; line-height:0; clear:both; display:table;}
.row-12 {max-width:160rem;}
.row-over {margin: 2.67em 0; padding: 2.67em 0;}

.col, .col-1, .col-2, .col-3, .col-4, .col-6, .col-8, .col-9, .col-12, .box {float:left; padding: 0 1em; position:relative; list-style:none; margin:0; width:100%; min-height:1px; clear:none;  box-sizing:border-box;}
.col-1 {width:8.3333%;}
.col-2 {width:16.6667%;}
.col-3 {width:25%;}
.col-4 {width:33.3333%;}
.col-6 {width:50%;}
.col-8 {width:66.6667%}
.col-9 {width:75%;}

.col-9:only-child .row {margin-left:-1em; margin-right:-1em; width:auto;}
body .col-container {padding-left:0; padding-right:0;}
.col-r {float:right;}

.children-half-h-padding > *, .half-h-padding.half-h-padding, .children-half-h-padding {padding-left:0.5em; padding-right:0.5em;}
.half-h-padding-l {padding-left:0.5em;}
.half-h-padding-r {padding-right:0.5em;}
.half-b-margin.half-b-margin.half-b-margin {margin-bottom:1em;}

@media (min-width:1201px) {
    .row-over {width:calc( 100vw - 0px ); margin: 2.67em 0; margin-left:calc(50% - 50vw); padding: 2.67em calc(50vw - 50%);}
    .row-over.children-half-h-padding, .row-over.half-h-padding {padding-left:calc(0.5em + 50vw - 50%); padding-right:calc(0.5em + 50vw - 50%);}
    .row-over.half-h-padding-l {padding-left:calc(0.5em + 50vw - 50%);}
    .row-over.half-h-padding-r {padding-right:calc(0.5em + 50vw - 50%);}
}
.col-3 .row-over, .col-4 .row-over, .col-6 .row-over, .col-8 .row-over, .col-9 .row-over {margin: 0; padding-left:0; padding-right:0; width:100%;}

/*Text soll nicht über ganze Breite laufen, sondern */
.row > .col.text-only, .row > .col.csc-textpic.csc-textpic-above, .col-8.col-center {width:66.6667%; margin:0 16.6667%;}

.col-headline {padding-top:2.67em; padding-bottom:2.67em; text-align:center;}
.col-center.col-8 .col-headline, .col-center.col-8 .col .col-headline  {width:150%; margin-left:-25%;}

.flex-grid > *[class*="box-"]:not([class*="col"]) {width:100%;}


.box {background:#f1f1f1; background:rgba(0,0,0,0.06); margin-bottom:1.33em; padding:1em 1.33em 0.67em; }
.box-shadow {background:#fff; box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.35);}
.box-underline {background:0; border-bottom:1px solid #393939; padding:0 0.67em; margin:0;}
.bg-dark .box-underline {border-color:#fff;}
a.box-link, .box-link a {text-decoration:none; float:left; width:calc(100% + 2em); padding:1em 1em 0.67em; margin:-1em -1em -0.67em;}
.overlay a {padding-bottom:1em; margin-bottom:-1em;}
.box-underline > a {margin:0 -10px; padding:0.33em 1.33em 0 0; transition: 0.3s;}
.box-underline > a:hover {background:#eee; padding-left: 0.67em; padding-right:0.67em;}
.bg-dark .box-underline > a:hover {background:#eee;}
.box-underline > a:hover .date {color:#393939;}

.flex-grid .box-bordered:not(.not-flex), .flex-grid  .box-no-edges:not(.not-flex) {display:flex;}
.box-bordered > a, .box-bordered > .inner-wrap, .box-no-edges > * , .box-with-bg > *, .box-with-bg > a { width:100%; padding:0.5em; margin:0; display:flex; flex-direction:column;}
.box-bordered > a, .box-bordered > .inner-wrap {border:1px solid #999;}
.box-with-bg > *, .box-with-bg > a  {padding:0.5em 1em;}
.box-bordered .no-btn.no-btn {margin:1em 0 0;}
.box-bordered img, .box-bordered .main-media, .box-with-bg img {margin-top:-0.5em; margin-left:-0.5em; margin-right:-0.5em; width:calc(100% + 1em); max-width:none; object-fit:cover;}
.box-bordered a {transition:0.3s;}
.box-bordered > a:hover {background-color:rgb(224, 158, 0); color:inherit;}
.box-bordered a:hover .btn {color:#000;}

.box-fullimg {overflow:hidden; display:flex;}
.box-fullimg a {padding:0; margin:0; position:relative; width:100%;}
.box-fullimg.box-fullimg img {width:100%; margin:0; display:block; min-height:100%; object-fit:cover;}
.overlay {position:absolute; padding:1em; bottom:-1px; left:0; right:0;}

.box-colums { background:0; margin-bottom:0;}
.box-colums > a {border-bottom:1px solid #393939; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
.box-colums > a:hover {border-color:#FAB000;}
.box-colums > a:hover * {color:#FAB000;}

.box-news-person .wrap-txt a {text-decoration: underline; text-decoration-color: rgba(57,57,57,0.5);}

.bg-dark {background:#393939; color:#fff;}
.bg-lightgrey {background:rgb(238, 238, 238);}
.bg-world {background:#fab000; color: #fff;}
.bg-rose {background:#D96072; color: #fff;}
.bg-blue {background:#1993CB; color: #fff;}
.bg-lila {background:#761463; color: #fff;}
.bg-green {background:#5F8317; color: #fff;}
.bg-darkblue {background:rgb(32,36,81);; color: #fff;}
.bg-beige {background:rgb(178,162,136); color: #fff;}
.bg-red {background:#C20938; color: #fff;}
.bg-dark .bg-light, .bg-dark .bg-yellow {color:#393939;}
.color-light.color-light {color: #fff;}


.flex-grid {display:flex; flex-flow:row wrap; justify-content:space-between;}
.flex-grid > * {flex: 0 1 auto;}
.flex-column {display:flex; flex-direction:column;}
.flex-grow, .grow-2ndlast > a > *:nth-last-child(2), .grow-all > * {flex-grow:1;}
.flex-center {display:flex; justify-content: center; align-items: center;}
.flex-center-v {display:flex; justify-content: center; }
.flex-direction-col {flex-flow:column nowrap;}
/* Genauer untersuchen: nur Chrome 54 Problem? */
fieldset.flex-grid {display:block;}
.half-height {height:50%;}
.keep-height {flex-grow:0; flex-shrink:0;}
.adapt-height {flex-grow:1; flex-shrink:1;}
.adapt-height  > iframe {height:50px; min-height:100%; margin:0;}


.row-over {margin-bottom:2.67em; margin-top:2.67em; float:left;}


#main { padding-bottom:2.67em;}
.row-over + .row-over, .col-headline + .row-over {margin-top:-2.67em;}
.row-over + .col-headline, .col-headline + .col-headline, .row-over .col-headline:first-child,
.col-headline + div > .col-headline:first-child,
.col-headline + div > div:not(.col-3):not(.col-4):not(.col-6):not(.col-8):first-child > .col-headline:first-child,
.col-headline + div > div:first-child > div:first-child > .col-headline:first-child {padding-top:0;}
.col-headline + .row-over, #stage + #main > .row-over:first-child, #stage + #main > div > .row-over:first-child,
#stage + * #main > .row-over:first-child, #stage + * #main > div > .row-over:first-child {margin-top:0;}
.row-over > *:first-child, .row-over > .col-center > *:first-child {padding-top:0;}
.row-over > *:last-child {margin-bottom:0; padding-bottom:0;}
#main > .row-over:last-child {margin-bottom:-2.67em;}

.news-latest-item img, .news-latest-item .main-media, .img-main {display:block; margin-bottom:0.67em;}
.csc-textpic-imagewrap img, .csc-textpic-imagewrap a {display:block;}
.wrap-img {padding-bottom:2em; text-align:center;}
.wrap-img p, .slider-outer.dont-slide .wrap-img p  {margin: 0.33em 0 0;}
.slider-outer .wrap-img, #stage .wrap-img  {padding-bottom:0;}
.slider-outer .wrap-img p {margin:0.33em; }
.csc-textpic-above .wrap-img img, .slider-col-3 img {margin:0 auto;}
/*
==================================================
Vorbereitete Klassen
==================================================
*/


/*
==================================================
Icons (per http://fontello.com/)
==================================================
 zum Anpassen des fonts:
 - auf fontello die config.json im fonts/fontello-Ordner per Drag&Drop ins Browserfenster hochladen
 - Anpassungen vornehmen (lassen) und neu runterladen (nicht die Zeichenzuordungen ändern!)
 - zip, Schriften und config im fonts/fontello-Order ersetzen
 - ggf. noch hier bei den font-src-Pfaden den Zahlenstring erneuern, damit keine Cache-Datei verwendet wird
 - Neue .icon-x Definitionen unten ergänzen (aus css/etagen-iconfont-codes.css im fontello.zip)
*/
@font-face {
  font-family: 'etagen-iconfont';
  src: url('../../../templates/public/fonts/fontello/fontello.eot?9917445a');
  src: url('../../../templates/public/fonts/fontello/fontello.eot?9917445a#iefix') format('embedded-opentype'),
       url('../../../templates/public/fonts/fontello/fontello.woff2?9917445a') format('woff2'),
       url('../../../templates/public/fonts/fontello/fontello.woff?9917445a') format('woff'),
       url('../../../templates/public/fonts/fontello/fontello.ttf?9917445a') format('truetype'),
       url('../../../templates/public/fonts/fontello/fontello.svg?9917445a#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before, .font-icon {
  font-family: "etagen-iconfont";
  font-size:125%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;

  display: inline-block;
  text-align: center;
  width: 1em;
  line-height: 1em;
  margin: 0 .2em;
  vertical-align:middle;

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_down:before { content: '\e800'; } /* '' */
.icon-arrow_left:before { content: '\e801'; } /* '' */
.icon-arrow_right:before { content: '\e802'; } /* '' */
.icon-arrow_up:before { content: '\e803'; } /* '' */
.icon-bibel:before { content: '\e804'; } /* '' */
.icon-email:before { content: '\e805'; } /* '' */
.icon-fb:before { content: '\e806'; } /* '' */
.icon-instagram:before { content: '\e807'; } /* '' */
.icon-menu:before { content: '\e808'; } /* '' */
.icon-phone:before { content: '\e809'; } /* '' */
.icon-pause:before { content: '\e80a'; } /* '' */
.icon-play:before { content: '\e80b'; } /* '' */
.icon-cancel:before { content: '\e80c'; } /* '' */
.icon-sound_1:before { content: '\e80d'; } /* '' */
.icon-sound:before { content: '\e80e'; } /* '' */
.icon-stellen:before { content: '\e80f'; } /* '' */
.icon-notice:before { content: '\e810'; } /* '' */
.icon-twitter:before { content: '\e811'; } /* '' */
.icon-calendar:before { content: '\e812'; } /* '' */
.icon-trauer:before { content: '\e813'; } /* '' */
.icon-suche:before { content: '\e814'; } /* '' */
.icon-location:before { content: '\e815'; } /* '' */
.icon-note-beamed:before { content: '\e816'; } /* '' */
.icon-itunes-icon_2:before { content: '\e81a'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-fax:before { content: '\f1ac'; } /* '' */
.icon-spotify:before { content: '\f1bc'; } /* '' */

/* ----- Buttons ----- */
/*
Allgemeine Klassen für Links, submits und spans, die wie Buttons aussehen sollen.
Einfach .btns an einen wrap vergeben, der mehrere Links enthält (z.B. pagebrowser),
oder .btn auf einen einzelnen Link, submit oder anderes Element.

.inact: Button ist inaktiv und kann nicht gedrückt werden (z.B. "Seite zurück" auf erster Seite im pagebrowser); alternativ einfach <span> statt <a>
.cur: Button ist momentan gedrückt (z.B. aktuelle Seite im pagebrowser)
*/
.btns { clear:both; }
.btns li {float:left; padding:0; margin:0; list-style:none;}
.btns a, .btn, .btns span, input[type="submit"], .btn.btn-pseudo, .f3-widget-paginator a, .f3-widget-paginator .current {cursor:pointer; float:left; text-align: center; border:1px solid; text-decoration:none;  padding:0.8em 1.5em;  margin:0 0.67em 0.67em 0; box-shadow: none; transition: 0.2s ease-out; text-transform:uppercase; font-weight:bold; font-size:0.8em; line-height:inherit;}
.pagebrowser a, .pagebrowser span {margin-right:1px;}
body .btn-right {float:right; margin-left:0.67em; margin-right:0;}
input.btn, input[type="submit"] { width:33.3333%; padding: 0.2em 0; margin: 0.67em 0 0 33.3333%; clear: both; background:0;}
.form-small input.btn {width:auto; margin-left:0; padding:0.2em 1em;}

.btns a:hover, .btn:not(.no-btn):not([class *="bg-"]):hover, input[type="submit"]:hover, a:hover .btn-pseudo:not(.no-btn), .f3-widget-paginator a:hover {background-color:rgba(0,0,0,0.1);}
.btns a.inact, .btns .inact a, .btns span, .btns.inact a { cursor:default; color:inherit; }
.btns a.cur, .btns a.current, .btns span.cur, .btns .cur a, .btns .cur span, .btns a.act, .f3-widget-paginator .current { cursor:default; background-color:rgba(255,255,255,0.1); }

.btn.symbol, .search-bar .symbol {width:1.67em; margin:0; clear:none; height:1.67em; padding: 0 0.25em; font-size:1.6em; line-height:1.67em;}

.no-btn.no-btn {border:0; padding:0; float:none; }

.btns-dark a, .bg-yellow .btn,  .bg-yellow .btns a, .bg-yellow input[type="submit"],  .bg-dark input[type="submit"] {color:#fff;}
.btns-dark a:hover, .bg-yellow .btn:hover,  .bg-yellow .btns a:hover, .bg-yellow a:hover .btn-pseudo  {color:#eee;}

.btn-trans {border:1px solid; background:0; color:#fff;}
.btn-trans.btn-dark {color:#393939;}
.btn-trans.btn-dark:hover {color:#fff;}

.btn.btn-filled.btn-filled.btn-filled {color:#fff; border:0; position:relative;}
.btn-filled:after {content:''; top:0; bottom:0; left:0; right:0; position:absolute; pointer-events:none;}
.btn-filled:hover:after {background:rgba(255,255,255,0.1);}

.box-txt-teaser .date:first-child {display:none;}
.box-txt-teaser h4 + h5 {margin: -0.5rem 0 1rem; font-weight: normal;}
.box-shadow .btn-pseudo {margin: 0 0 0.67em;}
.box-footer { margin-top: auto; margin-bottom:calc(-0.5em - 1px); display:flex; justify-content:flex-end; align-items:flex-end;}
.col-3 .box-footer, .col-4 .box-footer {flex-wrap:wrap;}
.box-footer .btn {margin:0 calc(-1rem - 1px) 0 1em; flex-shrink:0;}
.box-footer .details {flex-grow:1; padding-top: 0.5em; max-width:100%;}
.box-footer .details > * {margin-right:1em;  padding-bottom:  0.5em; padding-left:2em; display:inline-block; position:relative; }
.box-footer .details [class*=icon-] {position:absolute; left:0; top:0;}
.inner-std-padding .box-footer, .inner-std-padding .col-flex-aside { margin-bottom:calc(-1em - 1px);}
.inner-std-padding .box-footer .btn {margin:0 calc(-2rem - 1px) 0 1em;}
.inner-std-padding .col-flex-aside {margin-right:calc(-1em - 1px);}

.btn-arrow:after, .col-headline a h2:after {content:"_";}

.btn.accordion-label {float:none; margin-right:0; text-align:left;}

.btn-to-top {text-decoration:none;}

.news-single-item p > .btn, .csc-textpic p > .btn {float:none; display:inline-block; margin-bottom:0;}
/*
==================================================
Menüs
==================================================
li.act = ist in Rootline (= aktueller Bereich)
li.cur = ist genau aktuelle Seite
*/
.menu, .menu ul, #footer .csc-menu {margin:0; float:left;}
.menu li, #footer .csc-menu li { float:left; margin:0; padding:0; list-style:none; }
.menu a, #footer .csc-menu a { display:block; text-decoration:none; }
.cur > a {cursor:default;}

.menu-selected li {padding:0.5em 0.87em;}

.menu-0 {float:right; height:100%; min-width:7.4rem;}
.menu-0 li {position:relative;}
.menu-0 a {padding:0.1rem 1.6rem;}
.menu-0 > div > ul > li > a {text-transform:uppercase;}
html:not(.responsive-on) .menu-0 li:hover > a, html:not(.responsive-on) .menu-0 li .act > a {color:#fff;}

.menu-0 li li {width:100%;}

/******************************************
Neues Menü
******************************************/
@media (min-width: 501px) {
    .js:not(.menu-ready) .menu-0  {position:absolute; visibility:hidden;}
}
@media (min-width: 1300px) {
    html:not(.menu-ready) :is(.site-erzbistum, .site-intranet) .menu-0 {position:initial; visibility:visible;}
}
@media (max-width: 500px) {
    html:not(.menu-ready) .menu-0 .menu-layer {position:absolute!important; visibility:hidden;}
    .search-header {float: left !important;}
}
#header * {box-sizing:border-box;}
.responsive-on .menu-0 * {transition: 0.5s;}
.responsive-on .menu-0 .btn {transition-property:background-color;}
.responsive-on .menu-0:after {content:''; position:fixed; top:0; left:0; width:100%; background:rgba(0,0,0,0.8);  opacity:0; transition:opacity 0.5s;}
.menu-0.is-open:after {display:block; opacity:1; z-index:10;}

.responsive-on .menu-0.menu-0:not(.is-open) .menu-layer {left:0; transform:scaleX(0);}
.responsive-on .menu-0 *:not(.is-open) > .menu-layer {transform:scaleX(0); }
.responsive-on .menu-0 *:not(.is-open):not([class*=changing--]) > .menu-layer a {display:none;}
.responsive-on .menu-0 ul { overflow-y:auto; overflow-x:hidden; padding-left:0.5em; height:100%; position:absolute; top:0; right:0; transition-property:width;}
.responsive-on .menu-0 ul { background:#fff;}
.menu-0 .menu-layer { left:0; z-index:100; top:0; overflow:hidden; transition-property:width, left, height, transform; transform-origin:0 0;}
.menu-0.is-open:after { height: 100%; height: 100vh;}
.responsive-on .menu-0 .menu-layer {top:5rem; bottom:0; position:fixed; width:33.4%; width:33.4vw;}
.responsive-on .menu-0 a {padding:1.1rem 1.6rem;}
.menu-0 ul {width:100%; width:33.4vw;}
.menu-0 .is-open > .menu-layer  {z-index:200;}
.responsive-on .menu-0 .act > a {font-weight:bold; text-decoration:underline; text-shadow: 0 0 1em rgba(255,255,255,0.5); }
/*
@supports (-webkit-overflow-scrolling: touch) {
    .responsive-on .menu-0 .level-0 {
        height: 100%;
        height: -webkit-fill-available;
        border-bottom: 5rem solid;
    }
    .responsive-on .menu-0 .level-0 .menu-layer {
        height: 100%;
    }
}
*/

.menu-0 .level-1, .menu-0 .level-2 {left:33.4%; left:33.4vw;}
.menu-0.lvl-2 .level-2, .responsive-on .lvl-1 > * > * li.is-open .level-2  {left:66.8%; left:66.8vw;}

.menu-0 li {float:none; padding:0; border:0 solid rgba(255,255,255,0.2); border-bottom-width:1px; position:static; display:flex;}
.menu-0 li a {color:inherit; min-height:3rem; width:50%; flex-shrink:1; flex-grow:1;}
.menu-0 ul a:hover {background:rgba(255,255,255,0.2);}
.menu-0 ul a.is-active {background:rgba(255,255,255,0.1);}

.menu-0 li .btn {height:auto; background:transparent; margin:0; padding:0; width:3em; color:inherit; border:0;}
.menu-0 li .btn  i {margin:0; text-align:center;}
.menu-0 *:not(.is-open) > .btn i+i, .menu-0 .is-open > .btn i:first-child,
.menu-0:not(.is-open) .menu-toggle  .fa-times, .menu-0.is-open .menu-toggle  .fa-bars {display:none;}

.mainmenu-open .responsive-menu-btn {position:fixed; color:#fff; top:0; right:1rem; z-index:99999; height:4.4rem !important;}
.menu-0.is-open .icn-open, .menu-0:not(.is-open) .icn-close {display:none;}
.menu-0 .icn-open {font-size:1.2em;}

.responsive-on .level-0 > ul > .redirect-link:not(.is-open) > a:hover,
.responsive-on .level-1 .redirect-link > a:hover {background:none !important; color:inherit !important;}


/* Fix für Safari (Untermenü sonst unsichtbar) */
.menu-0.is-open.lvl-1 .level-0, .menu-0.is-open.lvl-2 .level-0, .menu-0.lvl-2 .is-open:not([class*=changing--]) >.level-1 {overflow:visible !important;}
@media (min-width: 701px) {
.responsive-on #header .menu-0 .level-0 .menu-layer {left:100%; width:100%; top:0;}
.responsive-on .menu-0 .menu-layer {transform:scaleX(1); overflow:visible;}
}

@media (max-width: 700px) {
.responsive-on .menu-0 .menu-layer.menu-layer, .menu-0 ul { width:100%; width:100vw; }
.menu-0 ul { min-width:200px; width:100%; width:100vw; }
.responsive-on .menu-0 .level-1.level-1 {left:100%; left:100vw;}
.responsive-on .menu-0 .level-2.level-2, .menu-0.lvl-2 .level-2, .responsive-on .lvl-1 > * > * li.is-open .level-2 {left:100%; left:100vw;}
.responsive-on .menu-0.lvl-1 .is-open > .level-1, .responsive-on .menu-0.lvl-2 .is-open > .level-2 {left:0;}
.responsive-on .menu-0.lvl-1  > .menu-layer, .menu-0.lvl-2  > .menu-layer, .responsive-on .menu-0.lvl-2 .is-open > .level-1 {width:0; left:0;}

.responsive-on .menu-0.menu-0.menu-0 .level-1 > ul > li {background:inherit;}
.lvl-1 .level-0 > * > .is-open, .lvl-2 .level-1 > * > .is-open {position:fixed; top:1px; left:0; width:50%; min-width:250px; transition:none;}
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* CSS nur für IE10/IE11 */
    .responsive-on #header .menu-0 .level-0 .menu-layer {left:33.4vw; width:33.4vw; top:5rem;}
    .responsive-on #header .menu-0 .level-0 .level-2 {left:66.8vw;}
}



/******************************************
Neues Menü - Ende
******************************************/
html:not(.responsive-on):not(.fixed-header) .menu-0 .level-0 > ul > li > a  {line-height:6rem;}
html:not(.responsive-on) .menu-0 .level-0 > ul > li > a  {font-size:2.25rem; padding:0.7rem 1.3rem; transition-property:color;}
html:not(.responsive-on) .menu-0 .level-0 > ul > li {border:0; float:left; position:relative;}
html:not(.responsive-on) .menu-0 .level-0 {width:auto !important; position:relative; height:auto; float:right; overflow:visible;}
html:not(.responsive-on) .menu-0 ul {position:static; height:100%; width:100%; overflow-x:visible;}
html:not(.responsive-on) .menu-0 .level-0 > ul {width:auto; height:auto;}
html:not(.responsive-on) .menu-0 .btn, html:not(.responsive-on) .menu-0 .level-2 {display:none;}
html:not(.responsive-on) .menu-0 .level-1 {position:absolute; left:0; top:100%; height:0; max-height:0; overflow:auto; box-shadow: 0 0 10px rgba(0,0,0,0.2); opacity:0;}
html:not(.responsive-on) .menu-0 li:hover .level-1, html:not(.responsive-on) .menu-0 li.is-open .level-1 {height:auto; max-height:calc(100vh - 5rem); opacity:1;}
html:not(.responsive-on) .menu-0 .level-1 ul {background:#fff;  padding:1rem 0;}
html:not(.responsive-on) .menu-0 .level-1 a {white-space:nowrap; min-width:28rem; max-width:50rem; overflow:hidden; text-overflow:ellipsis;}
html:not(.responsive-on) .menu-0 li:nth-last-child(2) .level-1, html:not(.responsive-on) .menu-0 li:last-child .level-1 {left:auto; right:0;}

.mainmenu-open.responsive-on, .mainmenu-open.responsive-on body {overflow:hidden;}


.js.responsive-on .menu-0:not([class*=changing--]):not(.is-open) div * {visibility:hidden; transition:0s;}
.responsive-on .menu-1 {display:none;}

.rearrange-header .wrap-menu-search {margin-top:0; width:100%;}
.rearrange-header .menu-0 {float:left; margin-left:-1.5rem;}
.rearrange-header .search-header {position:absolute; right:0; bottom:100%;}


.breadcrumbs.row {margin-top:0; margin-bottom:0; padding-top: 1.33em; padding-bottom: 1.2em; z-index:20; position:relative; border-bottom:4px solid; color:rgb(250, 176, 0);}
.breadcrumbs a, .breadcrumbs li.cur a {background:url('../../../templates/public/layout/bg-breadcrumbs.png') 100% -2px; color: #fff; line-height:36px; padding: 0 1.33em; text-transform: uppercase;}
.breadcrumbs li:first-child a {padding-left:0.67em;}
.breadcrumbs li { position:relative; z-index:10; margin-left:-0.87em; margin-bottom:0.15em;}
.breadcrumbs li:first-child { margin:0;}
.breadcrumbs li + li {z-index:9;}
.breadcrumbs li + li + li {z-index:8;}
.breadcrumbs li + li + li + li {z-index:7;}
.breadcrumbs li + li + li + li + li {z-index:6;}
.breadcrumbs li + li + li + li + li + li {z-index:5;}
.breadcrumbs li + li + li + li + li + li + li {z-index:4;}
.breadcrumbs li + li + li + li + li + li + li + li {z-index:3;}
.breadcrumbs a:hover {background-position: 100% -51px; background-position: 100% -99px; color: #fff;}
.breadcrumbs a:active {background-position: 100% -99px; color:#393939;}

.row .menu-1 { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; border-bottom:1px solid #ccc;}
.menu-1 a {padding: 0.5em 0.67em;}

.menu-selected ul {float:right; max-height:2.4em; overflow:hidden;}
.menu-selected { border-bottom:1px solid #f4f4f4; white-space:nowrap;}
.menu-selected a	{color:rgb(32,36,81);}
@media (max-width:750px) {
 .menu-selected {border:0; height:1.5rem;}
 .menu-selected * {display:none;}
}

#footer .csc-menu li  {width:100%; margin-bottom:0.4em;}

.menu li.img-link {padding:0 0 0 0.87em;}
.menu .img-link img {display:block;}
.menu-selected img {height: 2.4em;width:auto;}


.site-erzbistum #header {position:absolute; }
/*Sticky Header*/
.fixed-header #header {position:fixed; top:0; left:0; background:#fff;}
html.fixed-header .menu-selected {display:none;}
.fixed-header .menu-selected + .row > .col {min-height:0; padding-top:0;}
.fixed-header #header .logo { margin:0;}
.fixed-header #header .logo img {height:4.3rem; width:auto;}
.fixed-header #header .logo img + .logo-text {display:none;}
.fixed-header:not(.responsive-on) .menu-0 {position:relative; box-shadow:-0.27em -0.27em 0.5em #fff; background:#fff;}
.fixed-header .wrap-menu-search {margin-top:0; height:4.4rem;}
.fixed-header:not(.responsive-on) .menu-0 > div > ul > li > a {line-height:3rem;}

.fixed-header #header + *, .site-erzbistum #header + * { padding-top:var(--vsize-header);}

/*Slider*/
.slider-outer {position:relative; overflow:hidden;}
.slider-outer .slider-mask {overflow:hidden; width:100%; }
.layer-container {position:relative; height:auto;}
.layer {position:relative; float:left; width:100%;}
.layer-counter {display:none;}

.slider-controls {float:left; width:100%;}
.slider-controls button {width:2.67em; height:4.67em; position:absolute; top:50%; left:0; margin-top:-2.34em; color:#fff; transition: 0.2s ease-out; background:rgba(0,0,0,0.2); cursor:pointer;}
.slider-controls button {transform:translateX(-150%); opacity:0;}
.slider-controls .btn-forward {transform:translateX(150%);}
.slider-controls .btn-play-pause {transform:translateY(150%);}
.is-slider:hover .slider-controls button, .is-slider .slider-controls button:focus {opacity:1; transform:none; }
.slider-controls .btn-forward {right:0; left:auto;}
.slider-controls .btn-play-pause {left:50%; width:4.67em; margin-left:-2.34em; border-radius:50%;}
.is-stopped .btn-pause, .is-slider:not(.is-stopped) .btn-play { display:none; }
.slider-controls button:hover {background-color:rgba(250, 176, 0, 0.8);}
.slider-controls .menu li {width:1em; max-width:3em; height:3px; background:#393939; margin:0.5em 0.2em; cursor:pointer; flex: 1 0 1em;}
.slider-controls .menu li:after {width:100%; height:1em; height:calc(1em + 3px); margin-top:-0.5em; content:''; display:block; }
.slider-controls .menu {margin:0.5em auto; float:none; display:flex; justify-content:center;}
.slider-controls .menu li:hover {background:rgb(224, 158, 0);}
.slider-controls .menu li.act {background:rgb(250, 176, 0); cursor:default;}

.js .layer + .layer {display:none;}
.slider-mask .layer + .layer {display:block;}
#main .slider-outer {margin-bottom:2em;}
#main .slider-outer.is-slider:not(.slider-col-3) { box-shadow: 0 0 0.33em rgba(3, 3, 3, 0.3); }
body > *:not(#stage) .slider-controls button{font-size:0.7em;}

/*
==================================================
Großer Slider
==================================================
*/
#stage .img-main {min-width:100%; width:100%; max-width:none; margin:0; min-height:100%; height:100%; object-fit:cover; }
.focus-left {object-position:0% 50%;}
.focus-right {object-position:100% 50%;}
.focus-top {object-position:50% 0%;}
.focus-bottom {object-position:50% 100%;}
.focus-left.focus-top {object-position:0% 0%;}
.focus-left.focus-bottom {object-position:0% 100%;}
.focus-right.focus-top {object-position:100% 0%;}
.focus-right.focus-bottom {object-position:100% 100%;}
#stage .parallax-wrap {position:fixed; bottom:0; top:4.3rem; width:calc(100% + 1px); transition:opacity 0.5s; left:0;}
#stage .is-slider .layer:not(.act) .parallax-wrap, .js .slider-outer:not(.is-slider) .layer + .layer .parallax-wrap {opacity:0; pointer-events:none;}

#page-1 #stage .layer-container {
    margin-left: 0 !important;
}
#page-1 #stage .is-animated {
    transition: 0.6s;
}
#page-1 #stage .layer {
    overflow: visible;
}

#stage .wrap-overlay {position:absolute; bottom:0; left:0; display:flex;}
.wrap-overlay .overlay {margin-bottom:0; position:static;}
@media screen and (min-width: 1450px) {
	#stage .wrap-overlay {margin-left:calc(50% - 80rem); }
}
#stage .overlay p {max-width:50em;}
#stage .layer {overflow:hidden; height:calc(100vh - 14.1rem); height:calc(100vh - var(--vsize-header)); }

#stage > .slider-outer .slider-controls ol, .slider-col-3 .slider-controls ol {display:none;}

#stage .layer a[href="javascript: return false"] {cursor:default;}
#stage .layer a[href="javascript: return false"] .btn {display:none;}

.box.flex-grid > a {width:auto; flex-grow:1;}
.box.flex-grid > a  > * {flex: 1 1 auto; }
.box.flex-grid .wrap-side {flex-grow:0; display:flex; }
.box.flex-grid .wrap-side > * {flex: 0 0 auto;}
.box.flex-grid .wrap-side .inner-top {flex-grow:1; }
.box.flex-grid .btn {white-space:nowrap; align-self:flex-end;}

@media screen and (min-width: 801px) {
	.box.flex-grid > a { display:flex;}
	#stage .wrap-overlay {padding:0 1em 3em;}
	.box.flex-grid .wrap-side {flex-direction:column; margin-left:2em;}
}
@media screen and (max-width: 800px) {
	#stage .overlay p {display:none;}
	.box.flex-grid .wrap-side .inner-top {flex-grow:1; order:9; text-align:right;}
}
/*
@media screen and (max-width: 530px) {
	#stage .img-main {height:300px; width:auto !important; margin-left:calc(50vw - 266px)}
}
*/
/* Bild-Slider in Stage */
#stage .csc-image .slider-outer img {min-width:100%;}
#stage .csc-image {padding-left:0; padding-right:0;}
.csc-textpic-imagewrap.slider-outer .layer {overflow:hidden;}

@media screen and (max-width: 600px) {
	#stage .csc-image .slider-outer img {width:auto; min-height:10em; max-width:none;}
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* CSS nur für IE10/IE11 */
	#stage .parallax-wrap {overflow:hidden; }
	#stage .img-main {width:auto; margin-left:50%; transform:translateX(-50%);}
	#stage .focus-left {margin:0; transform:none;}
	#stage .focus-right {margin-left:100%; transform:translateX(-100%);}
}
@media (-ms-high-contrast: none) and (min-aspect-ratio: 16/9), (-ms-high-contrast: active) and (min-aspect-ratio: 16/9) {
    /* CSS nur für IE10/IE11 */
	#stage .img-main {width:100%; height:auto; margin:0; transform:none;}
}


/*
==================================================
Header, Footer
==================================================
*/
.logo {max-width:26rem; float:left; margin-bottom:1rem; position:relative; }
.logo-anim {perspective:50rem;}
.logo img { max-height:10rem; object-fit: contain; object-position: left bottom;}
.logo img[src$=svg] {width:26rem;}
.logo-anim-item {position:absolute; will-change:transform, opacity; top:0; left:0; animation: none 10s infinite linear both;}
img + img + .logo-anim-item { opacity:0; animation-delay:-5s;}

html:not(.fixed-header) #page-1 .logo-anim img + img {animation-name:logo-switch;}

@keyframes logo-switch {
	0%, 22% {transform:rotateX(0deg); opacity:1;}
	24%, 40% {transform:translateY(-50%) rotateX(90deg); opacity:0;}
	41%, 74% {transform:translateY(50%) rotateX(-90deg); opacity:0;}
	76%, 100% {transform:rotateX(0deg); opacity:1;}
}
@keyframes logo-switch-simpler-on {
	0%, 22% {opacity:1;}
	24%, 74%  {opacity:0;}
	76%, 100% {opacity:1;}
}
@keyframes logo-switch-simpler-off {
	0%, 22% {opacity:0;}
    24%, 74%  {opacity:1;}
	76%, 100% {opacity:0;}
}
@supports (-ms-ime-align:auto) {
	/*Unter Edge funktioniert die normale Anim nicht.*/
		html:not(.fixed-header) #page-1 .logo-anim img + img {animation-name:logo-switch-simpler-on;}
		html:not(.fixed-header) #page-1 .logo-anim img + img + .logo-anim-item {animation-name:logo-switch-simpler-off; animation-delay:0s;}
}

.logo img {display:block;}
h1.logo, .logo h1 {font-size:inherit; text-transform:none; line-height:inherit; margin-bottom:1rem;}
.logo h1 {margin-bottom:0;}
.responsive-menu-hide {float:right;}
.wrap-menu-search button:not(.submenu-open) {display:block; width:7.4rem; height:100%; cursor:pointer; font-size:2rem; transition:0s;}
@media (min-width: 501px) {
    html:not(.responsive-on) button.responsive-menu-btn {display:none;}
}

.wrap-menu-search {height:7.4rem; position:relative; margin-top:2rem;}
.search-header {float:right; clear:none; width:7.4rem; height:100%; position:relative; font-size:2.25rem;}
.responsive-on .search-header {float:left;}
.search-header form {width:100%; transition:0.5s; opacity:0; position:absolute; bottom:0; right:0; margin:0; height:100%; z-index:9999;}
.search-header input[type="search"] { width:100%; padding-top:0.08em; padding-bottom:0.08em; padding-left:2rem; height:100%; padding-right:7.4rem;}
.search-header .btn  {height:100%; position:absolute; right:0; top:0; width:7.4rem; padding:0; margin:0; font-size:2.5rem; color:#fff; border:0;}
.search-header.is-open form {width:40rem; opacity:1;}
.search-bar .btn {border:0;}


.search-dates input:first-child, .search-dates input[type="search"]{width: 13.33em; padding-top: 0.15em; padding-bottom: 0.15em; height: 2.4em; max-width:72%;}
.search-dates .btn {height: 2.4em;}



/* Placeholder-Text heller */
.search-header :-ms-input-placeholder { color:rgba(255,255,255,1); text-transform:uppercase;}
.search-header ::-webkit-input-placeholder { color:rgba(255,255,255,1); text-transform:uppercase;  }
.search-header ::placeholder { color:rgba(255,255,255,1); text-transform:uppercase; }

.search-dates :-ms-input-placeholder { color:rgba(255,255,255,1); text-transform:uppercase;}
.search-dates ::-webkit-input-placeholder { color:rgba(255,255,255,1); text-transform:uppercase;  }
.search-dates ::placeholder { color:rgba(255,255,255,1); text-transform:uppercase; }

.btn-to-content {position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:99; margin:0; text-transform:none; font-weight:normal; font-size:inherit; padding:0.2em 0.5em; border:0; transition:0.5s; font-size:0.8em;}
.btn-to-content.btn-to-content.btn-to-content {background:rgba(250,176,0,0.8); color:#fff;}
.btn-to-content.btn-to-content:hover {background:rgba(250,176,0,1);}
.btn-to-content .main-icon {margin:0; font-size:0.9em;}
.btn-to-content .main-icon:before {width:3em; }
.btn-to-content.reached {transform:translate(-50%, 120%);}
@media (max-width:500px) {
    .btn-to-content {display:none;}
}

.higher-anchor {position:absolute; top:-8rem; pointer-events:none;}

/* Footer: zentrierte statische Logos, wenn zu wenige für einen Slider vorhanden sind */
.footer-logos-static { display: flex; justify-content: center;}
.footer-logos-static > .wrap-img {flex: 0 1 auto;}

/* Footer: Logo-Slider */
#footer .csc-image img { width:auto; height:120px; object-fit:contain; transition: 0.2s ease-out;}
#footer .csc-image *:not(:hover) > img {
    filter: grayscale(100%);
    opacity:0.4;
}
#footer > .csc-image .wrap-img {width:250px; padding:0.33em 25px; position:relative;  text-align:center; float:left; margin:2.67em 0;}
#footer > .csc-image .wrap-img > a {display:block;}
#footer > .csc-image {position:relative; padding:0; min-height:0;}
#footer > .csc-image > .csc-textpic-imagewrap { overflow:hidden; position:relative; }
#footer > .csc-image > .csc-textpic-imagewrap:empty {display:none;}

#footer .slider-controls {top:2.67em;}
#footer .slider-controls a {opacity:0;}
#footer .csc-textpic-imagewrap:hover .slider-controls a {opacity:1;}
#footer .slider-controls .menu {display:none;}

#footer .row-over {margin-top:0; margin-bottom:0; }
#footer > .row > .row:not(.row-over) { padding-bottom:4rem; }
#footer > .footer-line + .row > .row:not(.row-over) { padding-top:4rem; }
.footer-line {height:8px;}


#footer .ce-menu li {list-style:none; margin-left:0; padding-left:0;}
.menu-social {margin-bottom:0;}
.menu-social span:before {font-size:3.8rem; }
.menu-vertical span:before {text-shadow: 0 0 3px #393939;}
.menu-social a {padding:1em 0.125em;}
.menu-social a:not(:hover) {color:#fff;}
.menu-vertical li {clear:both;}
.menu-vertical {position:sticky; top:10rem; left:0; z-index:9;}
.set-outside-r {position:absolute; top:0; left:100%; margin-left:15px;}

#footer .menu-social {display:flex; width:100%; justify-content:space-between;}
#footer .menu-social {flex-wrap:wrap;}
@media (max-width:1250px) and (min-width:951px) {
	#footer .menu-social li { width:33%;}
}

@media (max-width:1800px) {
	.set-outside-r {display:none;}
	/* Für Mobile-Browser */
	body {overflow-x:hidden;}
}

#footer .wrap-to-top {height:9rem; height:calc(9rem - 2.67em);}
#footer .btn-to-top {position:absolute; bottom:-2.67em; right:0; margin:0; background:#1993CB; color:#fff; padding:0;}
#footer .btn-to-top i:before {font-size:3rem; line-height:9rem; width:9rem; display:block; margin:0;}
@media (min-width:1460px) {
	#footer .btn-to-top { margin-right: calc(80rem - 50vw); }
}
@media (max-width:950px) and (min-width:551px) {
	#footer .col-3 {width:50%;}
    #footer .col-3 .col-3, #footer .col-4 .col-3 {width:25%;}
}
@media (max-width: 550px) {
	#footer #c5332 > .col-3:not(:first-child):not(:last-child) {width:auto;}
}


#footer .footer-last-row {
    padding-top:0;
    padding-bottom:0;
    margin-top:-1px;
}
#footer .footer-last-row .flex-grid {
    align-items:center;
}
.footer-last-row .logo {
    width:16rem;
}
#footer .footer-last-row .wrap-to-top {
    float:right; height:auto; margin-right:-2rem;
}
#footer .footer-last-row .btn-to-top {
    float:right; position:relative; bottom:0; background:#fff;
}
#footer .color-world {
    background: #fff;
    color:#FAB000;
}


/*
==================================================
Inhalte .col-content
==================================================
*/

/* felogin */
div.message {margin-bottom:0.67em;}

/* Media/Video */
.video-js-box, .video-js {margin:0 auto 0.67em;}
.vjs-default-skin .vjs-big-play-button {top:50%; left:50%; margin-left:-6.3em; margin-top:-4.3em;}
div.vjs-big-play-button:before {display:none;}
div.vjs-big-play-button span {
  border-width: 0.67em 0 0.67em 1.33em;
  margin: 2em 0 0 3.47em;
}
.vjs-progress-holder {margin-top:0;}
.vjs-volume-control div {padding-top:0;}

/* ke_search Ergebnis */
.search-content.col-headline {margin-top:-1.33em; padding-bottom:0;}
.kesearch_num_results.col-headline {padding-top:0;}
.results .number {position:absolute; right:0; top:0; font-size:2em; width:20%; padding:0.67em 0 0; line-height:2.67em; text-align:center;}
.results .btn-pseudo {width:20%; margin-top:-1.33em; padding-left:0; padding-right:0;}
.results .inner-left {width:78%; min-height:3.33em;}
.results h3 {width:78%; }
.results .url {text-decoration:underline;}
p .hit {color:#fff;}
.results .subheader {margin-top:-0.67em;}
form.col-headline fieldset {display:inline-block; width:auto; float:none;}
form.col-headline input {width:auto;}

.sorting {margin-bottom:1.33em;}
.sorting span {padding-left:0.2em; padding-right:0.67em;}
.sorting span + span:before {content:'/'; padding-right:0.67em;}
.sorting a {position:relative;}
.sorting a:after {content:''; border: solid; border-color: currentColor transparent; border-width:0.4em 0.27em 0; position:absolute; right:-0.73em; top:40%; }
.sorting a[href*='=asc']:after {border-width: 0 0.27em 0.4em;}


.downloads a img {margin-right: 0.33em; vertical-align:bottom;}
.downloads a img[width="50"] {background:#fff;}


/* Telefonliste im Intranet per tt_address*/
.table-telefonliste.daten.daten td {
    text-align: left;
    vertical-align: top;
}
@media (max-width: 800px) {
    .table-telefonliste tbody {
        display:flex;
        flex-wrap: wrap;
        column-gap: 3rem;
    }
    .table-telefonliste :is(tr,th,td) {
        display: block;
        padding: 0;
    }
    .table-telefonliste tr {
        border-bottom: 1px solid #393939;
        padding: 2rem 0;
        min-width: min(100%, 15em);
        flex: 1 0 0;
    }
    .table-telefonliste.daten :is(th,td) {
        border: 0;
    }
    .table-telefonliste .hidden {
        display: inline;
    }
    .table-telefonliste tr:first-child, .table-telefonliste td:empty {
        display:none;
    }
}
/*hover-Bilder für Telefonliste im Intranet*/
.hover-show-img {position:relative; cursor:default; color: var(--color-link); text-decoration: underline;}
.hover-show-img img {display:none; position:absolute; left:120%; top:0; max-width:50vw; transform:translateY(-40%); z-index:1;}
.hover-show-img:hover img {display:block;}
tr:nth-child(4) .hover-show-img img,
tr:nth-child(5) .hover-show-img img,
tr:nth-child(6) .hover-show-img img {transform:translateY(0);}
tr:last-child .hover-show-img img,
tr:nth-last-child(2) .hover-show-img img,
tr:nth-last-child(3) .hover-show-img img,
tr:nth-last-child(4) .hover-show-img img,
tr:nth-last-child(5) .hover-show-img img,
tr:nth-last-child(6) .hover-show-img img  {transform:translateY(-100%);}


/* KNA-Ticker (ehemals: DomRadio News-Widget) */
#kna-newsticker { margin-bottom:1em; }
#kna-outer-frame { border:1px solid #999; min-height:100%; height:auto !important;}
.kna-header a {display:block; padding:0.5em 0.5em 0.4em; border-bottom:1px solid #fab000}
.kna-header img {display:block;}
#kna-ticker-content {height:5em; overflow:hidden;margin:1.33em 0.67em 0; float:none; width:auto;}
#kna-newsticker strong {font-family:inherit; font-size:1em;}
@media screen and (min-width: 1100px) {
    #kna-newsticker > * { font-size:1.3em;}
}
@media screen and (max-width: 850px) {
	#kna-newsticker .ratio-news-teaser {padding:0 !important; }
	#kna-outer-frame {position:relative;}
}
.et-cookie-blocker-inline {
    font-size: 1.6rem;
    display: none;
}
.et-cookies-was-allowed-necessary .et-cookie-blocker-inline:only-child {
    display: block;
}
.et-cookies-was-allowed-necessary .et-cookie-blocker-inline.et-cookie-blocker:only-child {
    display: flex;
}


/*Fasten-Impulse*/
.fastenimpuls + .page-navigation {margin-top:2em; padding-left:0;}
.fastenimpuls h3:first-child {margin-bottom:0;}
.fastenimpuls {margin-bottom:1.33em; overflow:hidden; /* damit floatende Buttons nicht in den nächsten Impuls ragen */}

.tx-cal-controller > p:first-child:last-child, .tx-cal-controller > div > .js-copy-content + p:last-child {display:none;}

#zeitraum-wahl select {width:100%;}


/*Todesanzeigen*/
.box-rip > div {border:0.33em solid black; padding:0.67em 1em;}
.box-rip h2, .box-rip h3, .box-rip h4,.box-rip h5,.box-rip a {color:#000;}


/*news*/
.news-menu-view .year {font-size:1.2em;}
.menu-newsarchive { float:none; margin-top:1rem;}
.menu-newsarchive li {width:100%; margin-bottom:0.15em; }
.menu-newsarchive a {width:100%; text-align:left; margin:0;}
.menu-newsarchive a b {float:right; padding:0.8em 0; margin:-0.8em -1.5em; min-width:3em; text-align:center;}

.date {margin-bottom:0.33em;}
.news h4 span, .news h3 span { display:block; color:#393939; font-size:2rem; padding-top:0.67em; margin-bottom:-0.67em;}
.news h4 span {display:none;}
.news-single-item h3 span {line-height: 1.2em; font-size: 3.2rem; padding:0; margin:0; font-weight:inherit;}
.news-job .sup-headline {margin-bottom: 0.5em;}
.news-job .sub-headline {margin-top: 0.5em;}
.bg-dark .news h3 span {color:#fff; }
.teaser-news h4 span:before {content:' / ';}

.showResultsWrap {margin-bottom:0.67em;}
.news-single-image {float:right; margin-left:2em; margin-bottom:2em;}
.author br {display:none;}
.news-single-item .meta {margin-bottom:1.33em;}
.meta span + span {margin-left:0.67em}
.meta span + span:before {content:'|'; margin-right:0.67em;}

.social-networks {padding:1.6em 0 1em;}
.social-networks a {margin-right:0.67em;}

.menu-categories .btn {width:100%;}
.menu-categories .btn.act {background-color: rgba(0,0,0,0.1); cursor:pointer;}

/*in Woelki-Box auf Startseite*/
.news-latest-item.box-underline h4 span {display:none;}

.place-p-btn { justify-content: flex-end; }
.place-p-btn p { flex: 1 1 26em; }
.place-p-btn .btn {flex:0 0 auto; align-self:flex-end; margin-left:1em;}

.overlay.save-space { padding:0.5em 1em;}
.overlay.save-space p + h3 {margin-top:-0.3em; margin-bottom:1rem;}

/* Social Stream */
.social-stream .social-icon {text-shadow:0 0 3px #393939; top:1rem;}

    /* Eventmanager */
[data-copy-content-to] {display:none;}

.search-bar {position:relative;}
.venue-search-form  input, .venue-search-form  select {width:100%;}
.venue-search-form  input[type=submit] {width:33%; float:right; margin-left:0;}
.search-bar .symbol {color:#fff; position:absolute; right:0; top:0; cursor:pointer;}
.search-bar .btn {position:relative;}
.search-bar span.symbol { pointer-events:none; cursor:default;}

/* Unliebsame Kategorien ausblenden -> Besser per pid! (Ext anpassen) */
#page-223 .select-event-cat option {display:none;}
#page-223 .select-event-cat option[value="0"],
#opt-cat-118,
#opt-cat-92,
#opt-cat-93,
#opt-cat-80,
#opt-cat-75,
#opt-cat-78,
#opt-cat-79,
#opt-cat-74,
#opt-cat-76,
#opt-cat-73,
#opt-cat-77 {display:block !important;}

.documentcentersearchbox {padding-bottom:2em; font-size: 1.35em;}
#fetchsubcategories-form > div:first-child {padding:0;}

.event-poster .event-termin {
    font-size: 125%
}

dd {padding-bottom:0.5em;}
.col-4.event-poster {padding-top:0.67em;}
.col-4.event-poster dd a {word-wrap:break-word;}

.main-icon {margin-bottom:1em; font-size:1.3em;}
.main-icon.icon-big {font-size:4em; margin-bottom:0.6em;}

.txt-big div p {font-size:1.5em;}
.txt-big h3 {font-size:4.5rem;}
.txt-big h4 {font-size:3.5rem;}

.calendar-sheet a, .calendar-sheet .inner-wrap  {padding-top:1.5em; padding-bottom:1em; position:relative;}
.calendar-sheet a:hover h4 {text-decoration:underline;}
.calendar-sheet a:before, .calendar-sheet .inner-wrap:before {position:absolute; color:#fff; top:-1px; left:-1px; right:-1px; content:''; height:28px; background: radial-gradient(currentColor 4px, #999, transparent 6px) repeat-x 50% -12px; background-size:28px 28px;}
.calendar-sheet a > *:not(:last-child), .calendar-sheet .inner-wrap > *:not(:last-child) {margin-bottom:1em;}
@media (min-width: 551px) {
    .calendar-sheet a > *:not(:last-child), .calendar-sheet .inner-wrap > *:not(:last-child) {min-height:2.7em;}
}

.bg-lightgrey .calendar-sheet a:before, .bg-lightgrey .calendar-sheet .inner-wrap:before {color:rgb(238, 238, 238);}

.flex-grid > .col.box-link > a:hover {background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));}
.flex-grid.bg-dark  > .col.box-link > a:hover, .bg-dark  .flex-grid > .col.box-link > a:hover,
.flex-grid.bg-yellow  > .col.box-link > a:hover, .bg-yellow  .flex-grid > .col.box-link > a:hover {background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.15), rgba(255,255,255,0));}

@media (min-width:551px) and (max-width:850px) {
    .col-4.col-event-list-img {
        max-width: 50%;
    }
}

/* Dokumentencenter */
.col-flex-aside .btn {margin:0; }
@media screen and (min-width: 500px) {
	.flex-container-cols.flex-container-cols {display:flex; flex-direction:row;}
	.col-flex-content {width:100%; flex:0 1 100%;}
	.col-flex-content p:last-child {margin:0;}
	.col-flex-aside {flex-shrink:0; display:flex; align-items:flex-end;}
}
.f3-widget-paginator li { float: left; padding: 0; margin: 0; list-style: none;}
.f3-widget-paginator a, .f3-widget-paginator .current {margin-right:1px;}

.tx-documentcenter .subcategoryDiv form div {padding:0;}
.tx-documentcenter .tx-felogin-pi1 > .col {margin-top:1em;}
.tx-documentcenter * + .row > .col > .tx-felogin-pi1 > .col {margin-top:2.67em;}
.tx-documentcenter .venue-search-form h4 {font-size:1.33em;}
.tx-documentcenter .powermail_legend {font-size:1.6em;}
.tx-documentcenter .icn {display:inline-block; transform:rotate(-45deg);}


/*Bild Erzbischof in Spezialbereich auf Startseite*/
#page-1 .row-over.bg-dark .row >.col-4:first-child .wrap-img {margin-bottom:-2.67em; display:block; padding-bottom:0;}


/*tt_address / wt_directory*/
#map {height:26.67em;}
#map.map-vertical {height:55.33em;}
.wtdirectory-list {border-top:2px solid #fab000; margin-bottom:2em;}
.wtdirectory-list a {display:flex; flex-wrap:wrap;}
.list-hidden {display:none;}
#wt_directory-catfilter select option[value="19"] {display:none;}

.tx-wtdirectory-pi1 .row-blank h1 { margin-bottom: .7em; }

/*History-Modul*/
.box-history {overflow:hidden;}
.box-history > .col { position:relative; margin-bottom: 4em; padding-left:0 ;padding-right: 2.67em; cursor:pointer;}
.history-text .btn {float:right; margin-left:0.67em; margin-right:0; margin-top:1.33em;}

.history-img {left: 0.87em; width:7.53em; position:absolute; top:0;}
.history-img img {border-radius:50%; border:4px solid; width:100%; box-sizing:border-box;}
.history-img .wrap-img {padding:0;}
.history-img .wrap-img p {text-align:center;}
.history-text .csc-textpic-text {padding:1.33em;  background:#fff;  border-left: 4px solid;}
.history-text {width:100%; max-width:70em; position:relative; padding-left: 13.33em;}
.history-text .csc-textpic-text { outline:1px solid transparent; }

.history-text h3 {text-transform:uppercase; }
.history-img img, .history-text {color: rgb(250, 233, 207);}
.history-text h3 {color:#ccc}
.history-text .csc-textpic-text > * + * {max-height:0; min-height:0;  overflow:hidden;  opacity:0; color:#393939}

.box-history > .col:first-child:before {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==); width:5px; height:1000em; position:absolute; left:10em; content:''; top:-6.67em;}
.history-text:before {content:''; position:absolute; left:12em; top:2em; width:0; height:0; border: 0.67em solid transparent; border-width: 0.33em 0.67em; border-right-color: rgb(250, 233, 207);}

.history-img,
.history-text h3 { transition: 0.6s ease-in-out 0.2s;}
.history-text .csc-textpic-text { transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;}
.history-text .csc-textpic-text > * { transition: max-height 0.8s linear, opacity 0.3s linear;}


.act .history-img img, .act .history-text, .act .history-text h3, .act .history-img p,
.box-history > .col:hover h3, .box-history > .col:hover .history-text, .box-history > .col:hover img, .box-history > .col:hover .history-img p {color: rgb(250, 176, 0); }
.act .history-img p {font-weight:bold;}
.act .history-img {width:9.2em; left: 0;}
.act .history-text .csc-textpic-text {
  -webkit-transform: rotateY(-5deg);
  transform: rotateY(-5deg);}
*:not(.act) > .history-text .csc-textpic-text > * + * {margin-bottom:0;}
.act .history-text .csc-textpic-text > * + * {max-height:66.67em;  opacity:1; transition-delay: 0s, 0.6s;}
.act .history-text:before, .box-history > .col:hover .history-text:before {border-right-color: rgb(250, 176, 0); }

/*
  Benutzerregistrierung
*/
.tx-etagenuserregister-pi1 {
  width: 66%;
  margin: 0 auto;
}

.tx-femanager .alert, .tx-femanager .alert * {color:red;}
.tx-femanager .alert h4 {display:inline;}
.tx-femanager .alert h4:after {content:' - '}
.tx-femanager .alert .close {display:none;}
.femanager_flashmessages > .typo3-message {background-image:none;}



/* Trauerportal*/
.decoration-cross {width:2em; height:4em; position:relative; margin:0.67em auto 1.33em;}
.decoration-cross:before, .decoration-cross:after {content:''; background:#393939; height:100%; width:0.26em; position:absolute; top:0; left:50%; margin-left:-0.15em;}
.decoration-cross:after {height:0.26em; width:100%; left:0; top:20%; margin-left:0;}
.style-3 .decoration-cross {position:absolute; height:80%; top:0.67em; left:0.33em; width:3.33em;}

.style-1 .decoration-cross:before, .style-1 .decoration-cross:after {background:#999;}
.style-3 .decoration-cross:before {width:0.4em; background:#eee; margin-left:-0.2em;}
.style-3 .decoration-cross:after {height:0.4em; background:#eee; top:2.27em;}

.box.anzeige {padding:1.33em 3em 1em; min-height:29.33em; position:relative; margin-bottom:2em;}
.bg-light {background:#fff;}
.anzeige.style-1 {text-align:center;}
.anzeige.style-2 {text-align:center;}
.anzeige.style-3 {padding-left:4em; padding-top:4.67em;}
.traueranzeigen.archive {
-webkit-display:flex;  -webkit-flex-wrap: wrap;
    display:flex;       flex-wrap: wrap;}
.traueranzeigen.archive:nth-child(n) .box {min-height:100%; margin:0;}
.traueranzeigen.archive:nth-child(n) > div {margin-bottom:2em;
-webkit-display:flex;  -webkit-flex-shrink: 1;
    display:flex;      flex-shrink: 1;}

.anzeige h3, .layout-candle h3 {color:inherit; font-size:2em; line-height:1em; margin-bottom:0;}
.anzeige h3 i, .layout-candle h3 i {color:#999; font-size:2rem; display:block; font-style:normal; position:relative; top:-0.33em; margin-bottom:-0.67em;}
.dates-birth-death, .bereaved {margin-bottom:1.33em;}

.slider-outer .txt-free {--h: 30em; max-height: var(--h); overflow: auto; padding: 10px; margin:-10px; margin-bottom: 1em; mask-image: linear-gradient(to bottom, transparent, black .5em, black calc(var(--h) - .5em), transparent);}
.slider-outer .txt-free > :last-child {margin-bottom: 0;}
.slider-outer.candles .txt-free { --h: 20em; scrollbar-color: rgba(255,255,255,0.2) rgba(0,0,0,0.1);}
.candles .slider-controls button {z-index: 1;}

.txt-free p, .txt-info p {margin:0 auto 1em; max-width:40em;}

.anzeige.style-2 h3 {margin-bottom:0.167em;}
.style-1 h3 {font-family: 'Great Vibes', cursive;}

.bereaved, .layout-candle .date-creation {color:#999;}
.style-3 .bereaved, .layout-candle .bereaved {color:inherit; }

.tx-etagentrauerportal-pi1 .slider-controls .menu {display:none;}
#main .tx-etagentrauerportal-pi1 .slider-outer.is-slider { box-shadow: none;}
.traueranzeigen .slider-mask {background:#fff;}
.tx-etagentrauerportal-pi1 .slider-controls > a {top:13em !important;}

.layout-candle img {position:absolute; left:-40px; top:0;}
.layout-candle {padding:0.67em 0 0.67em 2.33em; position:relative; min-height:14.33em;}
.layout-candle h3 {font-size:1.6em;}
.layout-candle .dates-birth-death {  margin-bottom: 1em;}
.layout-candle .bereaved {float:left; margin-bottom: 0;}
.layout-candle .date-creation {float:right;}
.candles.slider-2-2 > .col-6:nth-child(n+5) {display:none;}
.layout-candle p, .layout-candle div, .layout-candle h3 {z-index:1; position:relative;}

.create-candles .col, .create-candles .col-6 {padding-bottom:0.67em;}
.create-candles textarea {width:100%; padding-top:0.67em;}
.create-candles input[type="submit"] {float:right; min-width:33.3333%; width:auto;}

.candles .col-6:nth-child(2n+1), .traueranzeigen .col-6:nth-child(2n+1) {clear:both;}

.tx-etagentrauerportal-pi1 + .csc-textpic p:first-child:last-child > a:first-child:last-child {float:right;}

.box-no-edges {background:0;}
.box-no-edges > * {position:relative; z-index:0; padding-top:2em; padding-bottom:1em; max-width: 100%;}
.box-no-edges > *:before {position:absolute; color:#761463; top:0; left:0; right:0; bottom:0; content:''; background: radial-gradient(circle at 1.5em 0, transparent 1.5em, currentColor 1.55em) -1.5em 0; z-index:-1;}
.box-no-edges .icn-death:first-child {/*display:none;*/}
.traueranzeigen h4 {margin-bottom:1em; min-height:4.05em;}
.box-no-edges .main-icon {font-size:2em;}



#page-1 .row.bg-dark .col-6 .wrap-img {padding-bottom:0.67em;}
#page-1 .row.bg-dark .col-6 .wrap-img img {margin:0;}

/* MP3 in Block mit vertikaler Zuordnung*/
.mp3-box .wrap-txt {flex-basis: 50%;}
.mp3-box h2 {text-transform:uppercase;}
.mp3-box a {color:inherit;}
.mp3-box .wrap-main-img {width:30%; margin: 0 1em 1em 0;}
.mp3-box img {width:60%;}
.vertical-block .mp3-box + .mp3-box {display:none;}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* CSS nur für IE10/IE11 */
    .mp3-box img {max-width:200px; max-height:200px;}
}


/* Teaser mit Unterlinks */
.half-top {height:30rem; overflow:hidden; position:relative; z-index:1;}
.half-top .img-main { max-width:none; width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover;}
.half-top .row-bottom  {position:absolute; bottom:0; width:100%;}
.half-top .box {margin-bottom:0;}
.half-top .box {min-height:8rem;}
.menu-feature {margin:0.67em 0 1.33em;}
.teaser-has-links .menu-feature li {
    padding: 0;
}
.teaser-has-links .menu-feature .box a {
    padding-bottom: 0.33em;
    font-size: 1.1em;
    line-height: 1.1;
    margin: 0;
    width: 100%;
    color: var(--main-color-dark);
}


    /* CookieConsent */
body .cc-color-override-688238583.cc-window:not(:hover) { background-color: rgba(0, 0, 0,0.8); }
body .cc-color-override-688238583 .cc-btn { background-color: #FAB000; color:#fff;}
body .cc-color-override-688238583 .cc-btn:hover, body .cc-color-override-688238583 .cc-btn:focus { background-color: rgba(250,176,0,0.8); }
.cc-message:after {content:'.';}
body .cc-link {padding:0;}
.cc-highlight .cc-btn.cc-btn:first-child {text-decoration:none;}
.cc-highlight .cc-btn.cc-btn:first-child:not(:hover):not(:focus) {opacity:0.8;}

body .cc-revoke.cc-bottom {left:0; border-top-left-radius:0; display:none;}

.has-cookiebanner-simple .cc-deny {display:none;}

/*
==================================================
Farben
==================================================
*/

h1 { color: #FAB000;}


/* Lesbarkeits-Anpassung "dunklerer Gelbton für h4 und kleiner" */
a, .url,
.btn-pseudo,
.box-fullimg[class*=world-]:not(.world-) > * > .bg-world .btn,
.menu-1,
.et-cookie-blocker button,
html .dr-app a { color: #e09e00;}
a:hover,
html .dr-app a:hover {color: #d09300;}

h2 a, h3 a, .accordion-label, .maincolor { color: #FAB000;}
h2 a:hover, h3 a:hover {color: #e09e00;}

.bg-world h2,
body .bg-world a,
.bg-yellow h1,
.bg-yellow h2,
.bg-dark h2,
.bg-dark h1+h2, .bg-dark h1+h3, .bg-dark h1+h4,
.bg-dark h2+h3, .bg-dark h2+h4,
.bg-dark h3+h4,
.bg-dark a.box-link, .bg-dark .box-link a,
.bg-yellow .h2
/*.bg-dark a.box-link > *, .bg-dark .box-link a > **/ {color:inherit;}

body .bg-world.event-poster a {color:#454545}

h1+h2, h1+h3, h1+h4,
h2+h3, h2+h3,
h3+h4,
.bg-yellow h1+h2, .bg-yellow h1+h3, .bg-yellow h1+h4,
.bg-yellow h2+h3, .bg-yellow h2+h3,
.bg-yellow h3+h4,
a.box-link, .box-link a,
.bg-yellow .btn, .bg-world .btn, .bg-colored .btn
/*a.box-link > *, .box-link a > **/
{color:inherit;}

.menu-0 li:hover, .menu-0 li li.act,
.bg-yellow,
.bg-world,
p .hit,
input[type="search"],
.menu-1 .act, .menu-1 li:hover,
.search-header .btn, .search-bar .btn {background:#FAB000;}
.search-bar .btn:hover {background:#e09e00;}

.bg-yellow  input[type="search"] {background:#fff; }
.bg-yellow  .search-bar span.symbol, .world-.act > a {color:#FAB000;}

.world-feiern h1, .world-feiern .menu-1, .world-feiern .menu-1 a, .world-feiern.act > a, .world-feiern .breadcrumbs { color:#D96072;}
.world-glaube h1, .world-glaube .menu-1, .world-glaube .menu-1 a, .world-glaube.act > a, .world-glaube .breadcrumbs {color:#1993CB;}
.world-hilfe h1, .world-hilfe .menu-1, .world-hilfe .menu-1 a, .world-hilfe.act > a, .world-hilfe .breadcrumbs {color:#761463;}
.world-bildung h1, .world-bildung .menu-1, .world-bildung .menu-1 a, .world-bildung.act > a, .world-bildung .breadcrumbs  {color:#5F8317;}
.world-jugend h1, .world-jugend .menu-1, .world-jugend .menu-1 a, .world-jugend.act > a, .world-jugend .breadcrumbs  {color:#C20938;}
.world-medien h1, .world-medien .menu-1, .world-medien .menu-1 a, .world-medien.act > a, .world-medien .breadcrumbs  {color:rgb(32,36,81);}
.world-kultur h1, .world-kultur .menu-1, .world-kultur .menu-1 a, .world-kultur.act > a, .world-kultur .breadcrumbs  {color:rgb(178,162,136);}
.world-trauer h1, .world-trauer .menu-1, .world-trauer .menu-1 a, .world-trauer.act > a, .world-trauer .breadcrumbs,
.world-trauer  a , .world-trauer  .box-link h4 {color:#761463;}


body .menu-1 .act a, body .menu-1 a:hover,
.row-over h1,
.bg-yellow a,
.bg-beige a,
.bg-red a {color:#fff;}
.bg-yellow a:not(.row):hover,
.bg-red a:not(.row):hover {color:#ddd;}


.menu-0 li.world-feiern:hover, .menu-0 li.world-feiern li:hover, .menu-0 .world-feiern li.act,
.world-feiern .menu-1 .act, .world-feiern .menu-1 li:hover,
body .world-feiern .bg-world {background:#D96072;}

.menu-0 li.world-glaube:hover, .menu-0 li.world-glaube li:hover, .menu-0 .world-glaube li.act,
.world-glaube .menu-1 .act, .world-glaube .menu-1 li:hover,
body .world-glaube .bg-world      {background:#1993CB;}

.menu-0 li.world-hilfe:hover, .menu-0 li.world-hilfe li:hover, .menu-0 .world-hilfe li.act,
.world-hilfe .menu-1 .act, .world-hilfe .menu-1 li:hover,
body .world-hilfe .bg-world      {background:#761463;}

.menu-0 li.world-bildung:hover, .menu-0 li.world-bildung li:hover, .menu-0 .world-bildung li.act,
.world-bildung .menu-1 .act, .world-bildung .menu-1 li:hover,
body .world-bildung .bg-world      {background:#5F8317;}

.menu-0 li.world-jugend:hover, .menu-0 li.world-jugend li:hover, .menu-0 .world-jugend li.act,
.world-jugend .menu-1 .act, .world-jugend .menu-1 li:hover,
body .world-jugend .bg-world      {background:#C20938;}

.menu-0 li.world-medien:hover, .menu-0 li.world-medien li:hover, .menu-0 .world-medien li.act,
.world-medien .menu-1 .act, .world-medien .menu-1 li:hover,
body .world-medien .bg-world      {background:rgb(32,36,81);}

.menu-0 li.world-kultur:hover, .menu-0 li.world-kultur li:hover, .menu-0 .world-kultur li.act,
.world-kultur .menu-1 .act, .world-kultur .menu-1 li:hover,
body .world-kultur .bg-world      {background:rgb(178,162,136);}

.menu-0 li.world-trauer:hover, .menu-0 li.world-trauer li:hover, .menu-0 .world-trauer li.act,
.world-trauer .menu-1 .act, .world-trauer .menu-1 li:hover,
body .world-trauer .bg-world,
.world-trauer .btn.btn-pseudo      {background:#761463;}

.bg-world.overlay {background:rgba(250,176,0,0.8);}
html .world-feiern .bg-world.overlay {background:rgba(217,96,114,0.8);}
html .world-glaube .bg-world.overlay {background:rgba(25,147,203,0.8);}
html .world-hilfe .bg-world.overlay {background:rgba(118,20,99,0.8);}
html .world-bildung .bg-world.overlay {background:rgba(95,131,23,0.8);}
html .world-jugend .bg-world.overlay {background:rgba(194,9,56,0.8);}
html .world-medien .bg-world.overlay {background:rgba(32,36,81,0.8);}
html .world-kultur .bg-world.overlay {background:rgba(178,162,136,0.8);}
html .world-trauer .bg-world.overlay {background:rgba(0,0,0,0.8);}

.bg-world.overlay a, a .overlay { transition:0.5s;}

.bg-world.overlay a:hover, a:hover .bg-world.overlay {background:rgba(250,176,0,1);}
html .world-feiern .bg-world.overlay a:hover, html .world-feiern a:hover .bg-world.overlay {background:rgba(217,96,114,1);}
html .world-glaube .bg-world.overlay a:hover, html .world-glaube a:hover .bg-world.overlay {background:rgba(25,147,203,1);}
html .world-hilfe .bg-world.overlay a:hover, html .world-hilfe a:hover .bg-world.overlay {background:rgba(118,20,99,1);}
html .world-bildung .bg-world.overlay a:hover, html .world-bildung a:hover .bg-world.overlay {background:rgba(95,131,23,1);}
html .world-jugend .bg-world.overlay a:hover, html .world-jugend a:hover .bg-world.overlay {background:rgba(194,9,56,1);}
html .world-medien .bg-world.overlay a:hover, html .world-medien a:hover .bg-world.overlay {background:rgba(32,36,81,1);}
html .world-kultur .bg-world.overlay a:hover, html .world-kultur a:hover .bg-world.overlay {background:rgba(178,162,136,1);}
html .world-trauer .bg-world.overlay a:hover, html .world-trauer a:hover .bg-world.overlay {background:rgba(0,0,0,1);}



.responsive-on .menu-0 .level-0 > ul > .is-open > a { background:#e19e00; color:#fff; }
.responsive-on .menu-0 .level-1 ul, .responsive-on .menu-0 .level-0 .is-open > .btn, .responsive-on .menu-0 .level-0 > ul > li > *:hover, .responsive-on .menu-0 .level-2, .responsive-on .redirect-link > a:hover ~ .btn { background:#FAB000; color:#fff;}
.responsive-on .menu-0 .level-2 ul, .responsive-on .menu-0 .level-1 .is-open > .btn, .responsive-on .menu-0 .level-1 .btn:hover, .responsive-on .menu-0 .level-1 .redirect-link > a:hover ~ .btn { background:rgba(255,255,255,0.2); }

.responsive-on .menu-0 .level-0 > ul > .world-feiern.is-open > a { background:#c35666; }
.responsive-on .menu-0 .world-feiern .level-1 > ul,
.responsive-on .menu-0 .level-0 .world-feiern.is-open > .btn,
.responsive-on .menu-0 .level-0 .world-feiern.redirect-link > a:hover ~ .btn,
.responsive-on .menu-0 .level-0 > ul > .world-feiern > *:hover,
.responsive-on .menu-0 .world-feiern .level-2 { background:#d96072; }

.responsive-on .menu-0 .level-0 > ul > .world-glaube.is-open > a { background:#1684b6; }
.responsive-on .menu-0 .world-glaube .level-1  > ul,
.responsive-on .menu-0 .level-0 .world-glaube.is-open > .btn,
.responsive-on .menu-0 .level-0 .world-glaube.redirect-link > a:hover ~ .btn,
.responsive-on .menu-0 .level-0 > ul > .world-glaube > *:hover,
.responsive-on .menu-0 .world-glaube .level-2  { background:#1993cb; }

.responsive-on .menu-0 .level-0 > ul > .world-hilfe.is-open > a { background:#6a1259; }
.responsive-on .menu-0 .world-hilfe .level-1 > ul,
.responsive-on .menu-0 .level-0 .world-hilfe.is-open > .btn,
.responsive-on .menu-0 .level-0 .world-hilfe.redirect-link > a:hover ~ .btn,
.responsive-on .menu-0 .level-0 > ul > .world-hilfe > *:hover,
.responsive-on .menu-0 .world-hilfe .level-2  { background:#761463; }

.responsive-on .menu-0 .level-0 > ul > .world-bildung.is-open > a { background:#557615; }
.responsive-on .menu-0 .world-bildung .level-1 > ul,
.responsive-on .menu-0 .level-0 .world-bildung.is-open > .btn,
.responsive-on .menu-0 .level-0 .world-bildung.redirect-link > a:hover ~ .btn,
.responsive-on .menu-0 .level-0 > ul > .world-bildung > *:hover,
.responsive-on .menu-0 .world-bildung .level-2  { background:#5f8317; }

.responsive-on .menu-0 .level-0 > ul > .world-jugend.is-open > a { background:#ae0832; }
.responsive-on .menu-0 .world-jugend .level-1 > ul,
.responsive-on .menu-0 .level-0 .world-jugend.is-open > .btn,
.responsive-on .menu-0 .level-0 .world-jugend.redirect-link > a:hover ~ .btn,
.responsive-on .menu-0 .level-0 > ul > .world-jugend > *:hover,
.responsive-on .menu-0 .world-jugend .level-2  { background:#c20938; }

.responsive-on .menu-0 .level-0 > ul > .world-medien.is-open > a { background:rgb(32,36,81); }
.responsive-on .menu-0 .world-medien .level-1 > ul,
.responsive-on .menu-0 .level-0 .world-medien.is-open > .btn,
.responsive-on .menu-0 .level-0 .world-medien.redirect-link > a:hover ~ .btn,
.responsive-on .menu-0 .level-0 > ul > .world-medien > *:hover,
.responsive-on .menu-0 .world-medien .level-2  { background:rgb(32,36,81); }

.responsive-on .menu-0 .level-0 > ul > .world-kultur.is-open > a { background:rgb(178,162,136); }
.responsive-on .menu-0 .world-kultur .level-1 > ul,
.responsive-on .menu-0 .level-0 .world-kultur.is-open > .btn,
.responsive-on .menu-0 .level-0 .world-kultur.redirect-link > a:hover ~ .btn,
.responsive-on .menu-0 .level-0 > ul > .world-kultur > *:hover,
.responsive-on .menu-0 .world-kultur .level-2  { background:rgb(178,162,136); }

/* Reset */
.responsive-on .menu-0.menu-0.menu-0 li {background:0;}
.responsive-on .menu-0 a {color:inherit;}


#page-150 #c1164 {margin:0; width:100%; overflow-x:scroll;}


/* Cleverreach */
.tx-tscleverreach-pi1 .form-inline input[type="submit"] {}
.tx-tscleverreach-pi1 .daten {clear:both; float:left; margin: 0 2.5%; width:95%;}
.tx-tscleverreach-pi1 h3 {text-transform:uppercase;}
.col-headline.newsletter-headline > p {margin-top:0.33em; }
.divider.divider-nl {height:0.33em;}
.cells-linearize th {display:none;}
.cells-linearize td {display:block; padding:0;}
.cells-linearize a {font-size:1.2em;}
.cells-linearize tr {display:block; margin-bottom:1em;}


/* RB 11/2014 */
.map-box, #map {float:left; clear:both; width:100%; height:33.33em; position:relative; max-height: 85vh; z-index: 0;}
#page-1637 .map-box {height:55.55em;}
.gmaptext {font-size:2rem !important; line-height: 1.5em !important; display: block !important; position:relative; overflow: visible; width:100%;}
.map-box #map img {max-width: none;}
.map-box #map p {color:#393939;}
html .leaflet-container {font-family:inherit;}
html .leaflet-popup-content p {margin: 0 0 1.5rem;}

.whitetext {color:#fff;}
h3.whitetext.registerbox + p + div a.btn {margin:0.67em 0 0 33.3333%; line-height: 2.2em; min-height: 2.3em; padding: 0.2em 1.9em;}
.login-header {display:none;}
.ipzbreadcrumb {width: 95%;}
.ipzlangmenu {display:none; float:right; padding-right: 1em;}
.ipzlangmenu li {float:left; margin:0; padding:0; position:relative;}
.ipzlangmenu a, .ipzlangmenu li.cur a {background:none; position:relative; padding:0 0.33em; line-height: 0;}
.ipzlangmenu li:last-child a {padding-right:0;}

.social-networks a {width: 2.33em; max-width: 2.33em; height:auto; display:block; float:left; margin-right: 1em;}
.social-networks a[title="E-mail"] {width: 3.33em; max-width: 3.33em; margin-top:-0.5em;}

/* FAQ 04/2015 */
.tx-jpfaq-pi1 .jpfaqHideAll, .jpfaqCategory, .jpfaqAll {display:none;}
.tx-jpfaq-pi1 > ul {list-style:none; margin:0; width:100%; float:left; clear:both;}
.tx-jpfaq-pi1 > ul > li, .accordion.accordion.accordion.accordion {margin-bottom:1rem;}

.accordion-label {margin:0; padding-right:3em; position:relative; font-size:0.8em;}
.accordion-content {border: 1px solid #ccc; border-top:0; padding:0.67em 1.2em;}
.news-menu-view .accordion-content {border:0; padding:0;}

.accordion-label .toggle-icon {position:absolute; margin-right:1.5rem;}
.act .accordion-label .toggle-icon, .questionUnfolded .toggle-icon {transform: rotate(180deg);}

.bg-lightgrey .tx-jpfaq-pi1 ul li > h3 + div, .bg-lightgrey .accordion-content { border-color: #fff;}

/*1069*/
@media screen and (max-width: 1400px) {
.menu-0 > div > ul > li:last-child > ul, .menu-0 > div > ul > li:nth-last-child(2) > ul {left:auto; right:0;}
}

@media screen and (max-width: 1200px) {
.tx-etageneventregister-pi1 .row {padding:1em; box-sizing:border-box;}
}


@media screen and (max-width: 1024px) {
  .touch-support .google-map {width:95%;}
}


@media screen and (max-width: 850px) {
/* einzelne zentrierte 66%-Spalten auf volle Breite ausdehnen */
.row > .col.text-only, .row > .col.csc-textpic.csc-textpic-above, .col-8.col-center {width:100%; margin:0;}
.col-center.col-8 .col-headline,  .col-center.col-8 .col .col-headline {width:100%; margin-left:0;}

#page-100 #main .col-headline + .row .col-3 {width:100%; margin-bottom:2em;}
#page-100 #main .col-headline + .row .col-9 {width:100%; margin:0 auto; float:none;}
.box-footer .btn-pseudo {margin-top:1em;}
.cal-list .btn {margin-top:0;}

.tx-etagenuserregister-pi1 {
  width: 96%;
  margin: 0 auto;
}

.tx-etagenuserregister-pi1 label + * { clear: left; width: 100%;}

}

@media (max-width: 1150px) and (min-width: 851px) {
    /* .col-9 .col-4  für Erzbistums-Newsteaser */
    .col-3, .col-9 .col-4 {
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;}
}
/* speziell für MAV-Newsteaser */
@media (min-width: 851px) {
    .col-8 .col-3 :is(h1, h2, h3, h4) {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

@media screen and (max-width: 850px) {
/* vorher 750px */

.col-1 {width:16.6667%;}
.col-2 {width:33.3333%;}
.col-3 {width:50%;}
.col-4, .col-6, .col-8, .col-9, .col-9 + .col-3 {width:100%;}
.col-1, .col-2, .col-3, .col-4, .col-6, .col-8, .col-9 {margin-bottom:1em;}

.col-6 .col-2, .col-4 .col-2, .col-3 .col-2 {width:16.6667%; margin-bottom:0;}
.col-6 .col-3, .col-4 .col-3, .col-3 .col-3 {width:25%; margin-bottom:0;}
.col-6 .col-4, .col-4 .col-4, .col-3 .col-4 {width:33.3333%; margin-bottom:0;}
.col-6 .col-6, .col-4 .col-6, .col-3 .col-6 {width:50%; margin-bottom:0;}

.wrap-img img {margin:0 auto;}

.half-top .btn-trans {position:absolute; bottom:15.33em; left:1em;}
.half-top .col-6 {margin-bottom:0; min-height:0;}
.half-top .img-main {left:auto !important; right:0;}

#page-1 .row-over.bg-dark .row >.col-4:first-child .wrap-img {display:none;}

.tx-etageneventregister-pi1 input:not(.btn),
.tx-etageneventregister-pi1 label {clear:both; border:0; float:none; display:block; width:100%}
#main input[type="checkbox"], #main input[type="radio"] {width:0.87em; left:0; }
#main input[type="checkbox"] + label, #main input[type="radio"] + label {margin-left:5%;}
}

@media screen and (max-width: 600px) {
/* Timeline-Modul auf vertikal umklappen */
.box-history > .col {padding:0; margin: 4em 0 3.33em;}
.history-text {padding-left: 1em; padding-right:1em;}
.history-img {top:-4.67em; margin-left:0.15em;}
.act .history-img {margin-top:-1.2em;}

.box-history > .col:first-child:before {left:4.67em;}
.history-text .csc-textpic-text {padding:1.33em;  background:#fff;  border:0; border-top: 0.27em solid;}
.history-text:before {display:none;}

.history-text .csc-textpic-text {
  -webkit-transform: rotateX(-10deg);
  transform: rotateX(-10deg);}

.history-img .wrap-img p {position:absolute; left:100%; text-align:left; top:50%; margin-top:-0.67em; min-width:100%;}

.act .history-text:before, .box-history > .col:hover .history-text:before  {border-color: transparent; border-bottom-color: rgb(250, 176, 0); }
.act .history-text .csc-textpic-text {
  -webkit-transform: rotateX(3deg);
  transform: rotateX(3deg);}


.video-js-box, .video-js-box .video-js, .video-js-box video {width:100% !important; height:auto !important;}
.video-js .vjs-tech {position:static;}
}

@media screen and (max-width: 550px) {
.col-1 {width:25%;}
.col-2 {width:50%;}
.col-6 .col-2, .col-4 .col-2, .col-3 .col-2 {width:25%;}
.col-6 .col-3, .col-4 .col-3, .col-3 .col-3 {width:50%; margin-bottom:0;}
#footer .col-3 .col-3 {width:25%;}
.col-3, .row .col-4, .row .col-6 {width:100%;}
.col-3 .col-4 {width:33.3333%;}
.col-3 .col-6 {width:50%;}


.tx-tscleverreach-pi1 select {width:100%;}
.form-inline div, .form-inline input[type="submit"], .form-inline input {width:100%; margin:0;}
.menu.menu-0.opened {clear:both; float:none;}
.ipzbreadcrumb {width: 100%;}

h1 {font-size:3.8rem;}
h2, .h2, .txt-big h3 {font-size: 3.4rem;}
.txt-big h4 {font-size:3rem;}
h3, .h3, .news-single h1 span { font-size: 2.6rem;}
h4, .h4 {font-size: 2.3rem;}
.col-headline h1 + p {font-size:1em;}
.breadcrumbs .menu {padding-left:0;}
}

@media screen and (max-width: 350px) {
.col-1 {width:50% !important;}
.col-6 .col-2, .col-4 .col-2, .col-3 .col-2 {width:50% !important;}
.col-2, .row *:not(.layer-container) > .col-3 {width:100% !important;}
.col-3 .col-4 {width:33.3333%;}
#footer .col-3 .col-3, #footer .col-4 .col-3 {width:25% !important;}
}


/* Trauerportal (Mobile) Slider Fix */
html.js .tx-etagentrauerportal-pi1 > .col {overflow:hidden;}
html.js .tx-etagentrauerportal-pi1 .candles .slider-mask {overflow:visible;}
html.js .tx-etagentrauerportal-pi1 .candles .layer.visible {opacity: 1 !important; display:block;}

@media screen and (min-width: 767px) {
  html.js .tx-etagentrauerportal-pi1 .candles .layer {opacity:0; position:relative; float:left; transition: opacity 0.6s ease-out;  }
  html.js .tx-etagentrauerportal-pi1 .candles .layer.act {opacity:1;}
  html.js .tx-etagentrauerportal-pi1 .candles .layer {opacity:1 !important;}
}



/* Reduzierte Seite für öffentlichen Monitor */
#page-1774 #subheader, #page-1774 .menu-selected, #page-1774  #header .col > * {display:none;}
#page-1774  #header , #page-1774  #header .col{height:0; padding:0; min-height:0;}
#page-1774  #header .logo {display:block; position:absolute; left:1em; margin-top:2em; }
#page-1774  #main > .col-headline:first-child {padding-top:1.6em;}

.tx-etagentrauerportal-pi1 .success.kerze .titlefield {font-size: 1.6em; line-height:1.2em; color: #fff;}
.tx-etagentrauerportal-pi1 .success.kerze a { font-size:2rem; line-height:2em; margin-top: 1em; margin-left: 0.75em;}

/*
==================================================
Einfache Utility-Klassen
==================================================
*/
body .std-padding {padding:1em;}
body .inner-std-padding.inner-std-padding > * {padding:1em;}
body .no-padding {padding:0;}
body .no-v-padding {padding-top:0; padding-bottom:0;}
body .no-h-padding {padding-left:0; padding-right:0;}
body .no-t-padding {padding-top:0;}
body .no-b-padding {padding-bottom:0;}
body .no-margin {margin:0;}
body .no-l-margin {margin-left:0;}
body .no-r-margin {margin-right:0;}
body .negate-grid-padding {margin-left:-1em; margin-right:-1em; padding:0;}
.row-over > * > .negate-rowover-padding:first-child {margin-top:-2.67em;}
.row-over > * > .negate-rowover-padding:last-child {margin-bottom:-2.67em;}
body .l {left:0; right:auto; float:left;}
.r.r {left:auto; right:0; float:right;}
img.links {float:left; margin: 0.33em 1em 0.67em 0; }
img.rechts {float:right; margin: 0.33em 0 0.67em 1em; }
body .hidden {display:none;}
body .center-txt {text-align:center;}
body .mt-1em {margin-top:1em;}
body .text-left {
    text-align: left;
}
body .text-right {
    text-align: right;
}
body .text-center {
    text-align: center;
}
body .text-justify {
    text-align: justify;
}
@media (min-width: 851px) {
    .min-h-20em {
        min-height: 19.8em;
    }
    .box-fullimg.min-h-20em {
        height: 19.8em;
    }
}

span.font-icon {font-family: "etagen-iconfont";}
.no-l-margin:before {margin-left:0;}

@media (max-width: 850px) {
	.sm--box-img-left a, .sm--box-img-left .inner-wrap {flex-direction:row; align-items:flex-start;}
	.sm--box-img-left > a img, .sm--box-img-left > a .main-media, .sm--box-img-left > .inner-wrap > .main-media, .sm--box-img-left > .inner-wrap > a, .sm--box-img-left > .inner-wrap > img {width:40%; height:100%; margin:-0.5em; margin-right:1em; flex-shrink:0; display:flex; max-width:23rem;}
	.sm--box-img-left > a .main-media {display:block;}
	.sm--box-img-left > .inner-wrap > a img {margin:0; width:100%;}
	.sm--box-img-left .btn.no-btn {text-align:right; margin-top:0.5em;}
	.sm--box-img-left img {flex:0 0 auto !important; height:calc(100% + 1em) !important; align-self: auto !important;}
    .sm--box-img-left .ratio-news-teaser {height:calc(100% + 1em); padding:0;}
    .sm--box-img-left .main-media .ratio-news-teaser { width:100%;}

	body .sm--textalign-left {text-align:left;}
}

@media (max-width: 550px) {
    .box-fullimg .overlay .wrap-txt p,
    .social-stream > .col-6:nth-of-type(2) ~ *,
    .calendar-sheet:nth-of-type(2) ~ * {display:none !important;}
}

.ce-menu-teaser-center h4 {
  text-transform: uppercase;
}

.ce-menu-teaser-center .btn {
  float: none;
  display: inline-block;
}

.matomo-opt-out {
  padding: 0 calc(1em - 8px);
}


/* Fix für originale Cleverreach-Formulare */
.cr_ipe_item input {position:static;}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {margin-right:0.75em;}
div[rel=checkbox] > .itemname, div[rel=radio] > .itemname {margin-bottom:0.75em;}

.cr_form-component.cr_form-component {margin:0; padding: 0 20px;}
.cr_form-input {background-image: none !important;}
.cr_form-select.cr_form-select {color:#393939;}


/* Fix für eTracker-Datenschutz-Switch (https://www.erzbistumberlin.de/datenschutz/) */
.et-switch.et-switch {float:none; display:block; margin-top:15px; }

/* Darstellungs-Optimierung für Startseite */
#c8068 .col-9 {display:flex;}
#c8068 .col-3 .ce-image {padding:0 0.5em;}
#c8068 .col-3 .ce-image .wrap-img {padding-bottom:1em;}

/* Intranet: Allgemeiner Teaser wird ausgeblendet, falls der davor liegende zugangsgeschützte EBOintern-Teaser angezeigt wird) */
* + #c54379 {display:none;}

/* Cookiebanner */
button.et-cookie__big-btn {
    color: #e09e00;
    font-size: 1em;
    font-weight: bold;
}
button.et-cookie__accept-current {
    font-weight: bold;
}
.et-cookie-blocker {
    font-size: 1.6rem;
    justify-content: flex-start;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.9);
    color: #393939;
    border: 1px solid #999;
}
.et-cookie-blocker > * {
    flex: 0 0 auto;
}
.et-cookie-blocker > :first-child {
    margin-top: auto;
}
.et-cookie-blocker > :last-child {
    margin-bottom: auto;
}
.et-cookie-blocker .btn {
    font-weight: bold;
    font-size: 0.8em;
}
.bg-lightgrey iframe.cookiePermission.bg-dark {
    background: #fff;
}