html, body, div, span, applet, object, figure, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  font-family: 'Open Sans', Ubuntu, sans-serif;
  font-size:100%;
  font-style: inherit;
  padding: 0;
  margin: 0;
  text-rendering: optimizeLegibility;
}

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
*[id]:target::before { display: block; content: " "; height: 150px; margin-top: -150px; visibility: hidden; }

body{ color:#333; /*background:rgba(100,115,100,1);*/ line-height: 1.6em; }

*, ::after, ::before {
    box-sizing: border-box;
}

/*
#triangle-bottomright { position: fixed; bottom: 0; right: 0; z-index: 1; width: 0; height: 0; border-bottom: 90vw solid rgba(204,215,204,0.5); border-left: 10vw solid transparent; } 
#triangle-bottomleft { position: fixed; bottom: 0; left: 0; z-index: 1; width: 0; height: 0; border-bottom: 18vw solid rgba(226,227,142,0.3); border-right: 6vw solid transparent; } 
#triangle-topright { position: fixed; top: 0; right: 0; z-index: 1; width: 0; height: 0; border-top: 4vw solid red; border-left: 4vw solid transparent; } 
*/

/*grids*/
.grid_4 { width: 100%; float: left; margin: 3.5em 0; }
.grid_8 { width: 100%; float: left; margin: 3em 0; }
.grid_12 { width: 100%; margin: 0; }

/*
.alpha { margin: 0 1%; }
.omega { margin:0 0 0 0; }
*/

.blue { color: #009900; }
.green { color:rgba(134, 162, 11, 1); }
.yellow { color: #ffffff; }
.red { color: #990000; }
.grey { color: #999999; }

.fa, .fab, .fal, .far, .fas, .fad { position: relative; z-index: 100; font-family: "Font Awesome 5 Pro"; font-weight: 900; }
.fa-check-circle { font-size: 2em; }
.fa-ban { font-size: 2em; }
.fa-cart-arrow-down { font-size: 2em; }
.fa-baby { font-size: 2em; }
.fa-praying-hands { font-size: 2em; }
.fa-apple-alt { font-size: 2em; }
.fa-graduation-cap { font-size: 2em; }
.fa-lightbulb-on { font-size: 2em; }
.fa-cart-arrow-down { font-size: 2em; }
.fa-bars { color: #000000; font: normal normal normal 22px/1 FontAwesome; }


.clearfix { clear:both; }
/*p, h3, h5, li { hyphens: auto; hyphenate-limit-chars: auto 5; hyphenate-limit-lines: 2; -webkit-hyphens: auto; -webkit-hyphenate-limit-chars: auto 3; -webkit-hyphenate-limit-lines: 4; -ms-hyphens: auto; -ms-hyphenate-limit-chars: auto 3; -ms-hyphenate-limit-lines: 4;}*/
p { margin:0 0 1em 0; }
strong { font-weight: bold; }
p.align-right { text-align:right; }
.align-center { text-align:center; }
ul.toplinks .fa, ul.toplinks .fas, ul.toplinks .fad { font-style: normal; font-size: 1.5em; color: #ffffff; background: #e64c1a; border-radius: 80px; padding:0.3em; }
ul { margin:0; padding:0;}
.main ul { list-style-position:outside; margin:0 0 1em 1em; }
/*.main ul li { margin: 0 0 0 1em; }*/
.indent { margin:0 0 20px 40%; }
figure { display:block; }
figcaption, .news-img-caption { display:inline-block; width:auto; font-size:.8em; line-height:1.3em; margin: 0.5em 0; padding: 0 0 1em 0; }
/*img { width: 100%; height: auto; }*/
/*img, .content img, .flexslider img { max-width:100%; height:auto; }*/
/*.slicknav_menu { display:none;}*/
.slicknav_menu .slicknav_no-text { margin: 0.5em 1em; }
.slicknav_menu .slicknav_icon-bar { font-size: 2em; font-weight:bold; }
#menu { display:none; }
.slicknav_nav .slicknav_arrow { font-size: 1em; margin: 0 0 0 1.4em; }
.ce-bodytext { padding: 0 0 0 0; line-height: 1.8em; font-size: 1.1em; }
.ce-bodytext > ul > li { margin: 0 1em; }
.grid_4 .ce-bodytext > ul > li { margin: 0; }
.cr_page img { max-width: 150px; }
ul.ce-menu { margin: 1em; list-style-type: none; color: #444444; }
.ce-menu li { padding: 0.5em 0;}
.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 0; overflow: auto; }
.frame-layout-0 { margin: 0 0 2em 0; }
/*.grid_8 .frame-layout-0 { margin: 0; padding: 0; }*/
.grid_8 .frame-layout-1 { margin: 3em; padding: 0; }

.frame-90 { margin: 6% 6% 2%; }

/*frame layouts*/
/*.frame-default { padding: 0 3em 3em; }*/
/*.grid_12 .frame-type-textmedia { padding: 0 2% 3%; margin: 2em 0 0; }*/
/*.grid_8 .frame-type-textpic, .grid_8 .frame-type-form_formframework { margin: 0 0 1em 0; /*background-color: rgba(255,255,255,0.9); padding: 0 2em; }*/
/*.grid_8 .frame-layout-0 { margin: 1em 0; padding: 1em; }*/
.grid_4 .frame-type-textpic, .grid_4 .frame-type-form_formframework, .grid_4 .frame-layout-2 { padding: 0 0 1em 0; margin: 0 0 1em 0; }
/*.grid_8 .frame-layout-3 { margin: 0; padding: 0; }*/
/*.grid_8 .frame-type-header { display: table; width: 100%; padding: 1em; margin: 1em 0 0 0; }*/

/*responsive video*/
.ce-media { position: relative; height: auto; overflow: hidden; margin: 1em 0; }
.ce-media iframe, .ce-media object, .ce-media embed { width: 100%; }
.ce-gallery { overflow: visible; }

.ce-uploads img { max-width: 3em; }

/* responsive iframes */
iframe { width:100%; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto; }
.embed-container iframe, ce-media iframe { position: absolute; top: 0; left: 0;   width: 100%; height: 100%; }
.maps { margin: 0 0 1em 0; }
.embed-container.ratio4x3 { padding-bottom: 75%; }

/* flash messages */
ul.myFlashMessage { margin: 0 0 1em 0; }
.alert { background-color: #F6D3CF; border: 1px solid #D66C68; color: #AA0225; list-style-type: none; margin: 0 0 4px 0; padding: 0.2em 0.5em; font-size: 0.8em; }
.media-body { color: #AA0225; }
.grid_8 .media-body h4 { font-size: 1em; }
.fa-stack { display: none; }

/*body{ color:#333; background:rgba(160,185,205,1); line-height: 1.6em; }*/
/*body{ color:#333; background:rgba(255,255,255,1); line-height: 1.6em; }*/

/* background pulse */
/*
@-webkit-keyframes pulse {
      0% {background-color: #45CEEF;}
     20% {background-color: #FFF5A5;}
     40% {background-color: #FFD4DA;}
     60% {background-color: #99D2E4;}
     80% {background-color: rgba(149,19,39,1);}
     100% {background-color: #D8CAB4;}
}

body { line-height: 1.6em; 
     background-color: #45CEEF;    
     -webkit-animation: pulse 340s infinite alternate;
}
*/

/* background waves */
/*
body { line-height: 1.6em; 
background: linear-gradient(#ffffff 50%, rgba(255,255,255,0) 0) 0 0,
radial-gradient(circle closest-side, #FFFFFF 53%, rgba(255,255,255,0) 0) 0 0,
radial-gradient(circle closest-side, #FFFFFF 50%, rgba(255,255,255,0) 0) 55px 0 rgba(149,19,39,1);
background-size:110px 600px;
background-repeat:repeat-x;
}
*/

/*
body#style-1 { background: url(/fileadmin/user_upload/bilder/wesel1.jpg) no-repeat center fixed; background-size: cover; rgba(0,0,0,0.5) opacity: 0.2; }
body#style-2 { background: url(/fileadmin/user_upload/bilder/hintergrundbilder/seifenblasen.jpg) no-repeat center fixed; background-size: cover; rgba(0,0,0,0.5) opacity: 0.2; }
body#style-3 { background: url(/fileadmin/user_upload/bilder/hintergrundbilder/seifenblasen.jpg) no-repeat center fixed; background-size: cover; rgba(0,0,0,0.5) opacity: 0.2; }
body#style-4 { background: rgba(134,161,11,0.1); }
body#style-5 { background: rgba(86,54,138,0.1); }
body#style-6 { background: rgba(0,100,100,0.1); }
body#style-default { background: url(/fileadmin/user_upload/bilder/wesel1.jpg) no-repeat center fixed; background-size: cover; rgba(0,0,0,0.5) opacity: 0.2; }
*/
body { background-color: rgba(255,255,255,1); }
/*body#style-default { background: linear-gradient(180deg, #94151f, #8f101a 37%, #5f0e15); }*/
/*body#style-7 { background: url(/fileadmin/user_upload/bilder/hintergrundbilder/wesel2.jpg) no-repeat center fixed; background-size: cover; }*/

.greyscale {-webkit-filter: grayscale(100%); filter: grayscale(100%); }
.nogreyscale {-webkit-filter: grayscale(0%); filter: grayscale(0%); }

.list-style-1 { border-left: 0.3em solid rgba(163,216,227,1); color: #000000; background-color: rgba(163,216,227,0.5); }
.list-style-2 { border-left: 0.3em solid rgba(167,31,94,1); color: #000000; background-color: rgba(167,31,94,0.2); }
.list-style-3 { border-left: 0.3em solid rgba(114,74,152,1); color: #000000; background-color: rgba(114,74,152,0.2); }
.list-style-4 { border-left: 0.3em solid rgba(33,57,83,1); color: #000000; background-color: rgba(33,57,83,0.2); }
.list-style-5 { border-left: 0.3em solid rgba(49,94,162,1); color: #000000; background-color: rgba(49,94,162,0.3); }
.list-style-6 { border-left: 0.3em solid rgba(0,100,100,1); color: #000000; background-color: rgba(0,100,100,03); }
.list-style- { border-left: 0.3em solid rgba(0,0,0,1); color: #ffffff; background-color: rgba(0,0,0,1); }

/* structure */   
.wrapper, .colophon { display:table; width: 100%; max-width:1200px; margin: 0 auto; padding:0; }
.container { display: block; width:100%; margin: 0 auto; /*background: rgba(255,255,255,1);*/ }
/*.container, .content { -webkit-box-shadow: 0px 1px 15px 0px rgba(150, 150, 150, 0.1); -moz-box-shadow: 0px 1px 15px 0px rgba(150, 150, 150, 0.1); box-shadow: 0px 1px 15px 0px rgba(150, 150, 150, 0.1); }*/
.box { margin: 0 3%; background: rgba(255,255,255,1); }
main { position:relative; top: 8em; z-index: 10; width: 100%; max-width: 1200px; margin: 0 auto; background: rgba(255,255,255,1); }
/*-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;*/
/*.logo { display:block; width:100%; max-height:140px; margin: 0 auto; background:rgba(255, 255, 255, 1); z-index:10; background-image: url(/fileadmin/templates/images/kampanilelogo_trans.png); background-repeat: no-repeat; background-position: 0.6em 0.5em; }*/
/*.logo { display:block; width:100%; max-height:140px; margin: 0 auto; background:rgba(255, 255, 255, 1); z-index:10; }*/
img.logo { position: fixed; top: 0; left: 0; width: 60px; height: auto; z-index: 800; }

.content { width: 100%; margin: 0; }
/*.copyright { width:100%; max-width:1200px; margin:2em auto;}*/
.headerlogo img {width:100%; max-width:356px; height:auto; padding:0 0 20px;}
.ce-intext { display: block; margin: 0; }
#c50 { display: block; background: rgba(255,255,255,1); padding: 1em 2em; margin: 0 0 1em; border-radius: 3px; }
#c50 { padding: 0; margin: 0 0 1em; border-radius: 3px; }
  
/* grids */
.grid_12 { display: block; width:100%; }
.grid_8 { max-width:1200px; position:relative; }

/*headlines*/
.grid_12 h1, .grid_8 h1 { font-size:1.3em; color: #feb321; display: inline-block; text-decoration: none; display: block; margin: 0 1em 0 0; padding: 0em; }
h1.csc-firstHeader, legend.powermail_legend { font-size: 1.25em; margin: 0; padding: 0.4em; background: #bbb; color: #fff; }
.grid_12 h2, .grid_8 h2 { font-weight: 400; font-size:2em; display: inline-block; text-decoration: none; display: block; margin: 0 0 1em 0; padding: 0em; }
/*.grid_12 .frame h2, .grid_8 .frame h2 { margin: 0; padding:0 0 1em 0; line-height: 1.2em; }*/
.grid_4 .frame h2 { padding: 0; }
.grid_12 h3, .grid_8 h3 { font-size: 1.25em; margin: 1px 0; text-decoration: none; line-height: 1.3em; }
.grid_12 h4, .grid_8 h4 { font-size: 1.5em; margin: 1px 0; text-decoration: none; }
.grid_4 .csc-default { margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #ddd;}
.grid_4 .ce-textpic { margin: 0 0 1em; }
.grid_4 h1 { font-size:1.2em; color: #ffffff; }
.grid_4 h3 { font-size: 1.2em; margin: 1em 0 0 0; }
.grid_4 h2 { font-weight: bold; font-size:1.7em; /*margin:  0 0.8em;*/ display: inline-block; text-decoration: none; }
.grid_4 h4 { font-size: 1em; margin: 0; padding: 0.5em 1.3em; padding: 0.5em 1em; color: #ffffff; background: #e64c1a; }
.grid_4 h4 a { color:#ffffff; }
.frame-layout-100 > header > h2:before  { font-family: Fontawesome; content: '\f0e0'; margin: 0 0.5em 0 0; }
.frame-layout-110 > header > h2:before  { font-family: Fontawesome; content: '\f041'; margin: 0 0.5em 0 0; }
.frame-layout-120 > header > h2:before  { font-family: FontAwesome; content: '\f133'; margin: 0 0.5em 0 0; }
.frame-layout-130 > header > h2:before  { font-family: FontAwesome; content: '\f101'; margin: 0 0.5em 0 0; }

/***header***/
nav { display: none; position: fixed; top: 0; width:100%; height: 140px; background-color:#ffffff; z-index:100; /*max-width: 1260px;*/ margin:0 auto; box-shadow: 0 3px 20px -5px #dddddd; }
nav a.homelink { position: relative; left: 2em; }
nav.sticky { position:fixed; top: 0em; height:120px; background: #ffffff; box-shadow: 0 3px 20px -5px #ccc;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
nav.sticky .navwrapper { height: 120px; background-color:#ffffff;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
nav.sticky a.homelink > span { background-image: url(/fileadmin/images/logo_emshof.jpg); background-repeat: no-repeat; background-size: 40%; background-position: 1.8em 0.3em; width: 220px; height: 110px; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/*nav .nav-layer-one { height: 140px; }*/
nav.sticky ul.nav-layer-one { position: absolute; top: 4.4em; right: 0; font-size: 80%; }
/*nav.sticky ul.nav-layer-one li { float:left; position:relative; left:0; max-height: 30px; }*/
nav.sticky .nav-layer-two li { position: relative; top: 0em; }
/*.picturearea { position: relative; width: 100%; margin: 2.8em auto 0; display: block; }*/
/*.flaticon-opened-scissors:before, .flaticon-fruit:before, .flaticon-null:before, .flaticon-family:before, .flaticon-connection:before, .flaticon-rural:before { width:30px; margin:0 auto; }*/
/*.fb_navi { position:relativ; top: 3em; display: table; font-size: 1em; width:98%; padding: 2em 0 2em 0; background: rgba(255,255,255,0.9); }*/

/*headlines*/
h1, h2, h3, h4, h5, h6, legend { margin: 0 0 10px; font-weight: 500; line-height:20px; }
h1, h2 { font-family: 'Yanone Kaffeesatz', sans-serif; color: #FEB321; }
.h3_right { line-height:24px; font-weight:bold; font-size:1em; color:#333; margin:0 0 0 14px; }
hgroup h1{ font-size:2em; margin-top:0px; }
hgroup h2{ font-size:1.6em; margin-top:0px; }

/* links */
nav a.homelink { width: 320px; height: 130px; display: block; position: absolute; z-index: 3000; max-width:20%; }
nav.sticky a.homelink { width: 320px; height: 80px; display: block; position: absolute; z-index: 3000; }
a, a:visited, a:active, a:hover { color: #e64c1a; text-decoration:none; }
a:hover, a.internal-link { text-decoration:none;}
a.bluelink{ background:#003E8C; border-radius:7px; color:#fff; display:block; float:left; margin:10px 15px 10px 0; padding:10px; text-decoration:none; }
a.bluelink:hover{ background:#8EBE24; }


button.button1 { border: none; font-size: 1em; cursor: pointer; padding:9px; color:#ffffff; background-color: rgba(100,115,100,1); border-radius: 4px; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px#888; box-shadow: 0 0 1px #888; }
a.button1, input.button1 { font-size: 0.9em; padding:8px; color:#333; border-radius: 4px; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px#888; box-shadow: 0 0 1px #888; }
a.button1:hover, input.button1:hover { padding:8px; color:#fff; background-color: rgba(100,115,100); }
a.button2, input.button2 { color: #000000; border: 1px solid #000000; padding: 0.3em; border-radius: 4px; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px#888; box-shadow: 0 0 1px #888; }
a.button2:hover, input.button2:hover { padding: 0.3em; color:#000000; background-color: rgba(0,0,0,0.1); }
#menu a, #menu a:visited { color:#444; }
a.more { display:block; width:100%; text-align:right; color:#e64c1a; font-size:1.1em; }
.copyright a:active, .copyright a:hover { color:#fff; text-decoration:underline; }

/*main a[target^="_blank"]:after, main a[target^="_blank"]:after, main a[target^="_blank"]:after { position: relative; left: 0.2em; font-size: 1em; font-family: FontAwesome; content: " ""\f08e"; -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }*/
main a[target='_blank']:after { position: relative; left: 0.2em; font-size: 1em; font-family: FontAwesome; content: "\f08e"; -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
main .ce-gallery a[target='_blank']:after { position: unset; left: 0; content: ""; }

/*** homelink  ***/
.permalinks a.homelink { display: none; width: 100%; height: 30px; min-height: 40px; padding: 0; position: relative; z-index:30; /*background-image: url("/fileadmin/templates/images/kampanilelogo_trans.png"); background-repeat:no-repeat; background-position: 2em 0.5em;*/ overflow:hidden; }

/*permalinks*/
#top { max-width:1200px; margin:0 auto; }
.toplinks { position:relative; width:100%; height:0; z-index:3000; }
.toplinks a, .permalinks a:active, .permalinks a:hover { text-decoration:none; font-size:1em; }
ul.toplinks a { color: #444444; }
ul.toplinks a:hover { color: rgba(100,115,100,1); }
.toplinks a:active, .permalinks a:hover { color: #fff; }
ul.toplinks { width: auto; position:absolute; top: 1em; list-style-type:none; }
ul.toplinks li { float:left; padding: 0 0 0 2em; }
.permalink span { font-size: 0.8em; }

/*main menu*/
.topnavigation { display:none; width: 100%; max-width:1200px; }
.subnavigation { display:none; margin:0 auto; width:100%; position:relative; }

/*searchbox*/
.tx-indexedsearch-rules, .tx-indexedsearch-text-item-path { display: none; }
.tx-indexedsearch-res h4 { font-size: 1em; }
ul.tx-indexedsearch-browsebox { list-style-type: none; display: table; }
.tx-indexedsearch-browsebox li { float:left; padding:5px; margin: 1em 0.5em; background: #ffffff; }
div#indexedsearchbox { width: 152px; height:23px; line-height:1em; border:none; border:1px solid #7b7b7b; background-color:#fff; margin:20px 0 20px 8px; }
input.searchbox-sword { width:70%; padding:3px; margin:0; line-height:1em; vertical-align:top; border:none; border-spacing:0; font-size:.8em; color:#999; }
.searchbox-button {  padding:0; margin:0; border-spacing:0; vertical-align:baseline; }
.tx-indexedsearch-icon img { width:20px; }
#c22 { margin: 0 0 2em 0; }

/*bodyslider*/
.backgroundslider { width:100%; height: 0; }
.bodyslider { position:relative; width: 100%; }
.bodyslider li { position:relative; overflow: hidden; }
.bodyslider li img { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; height: auto; width: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.1}

/*flexslider*/
.flexslider { position:relative; top: 5em; max-width: 1900px; margin: 0 auto; z-index: 10; }
.rslides { display: table; position: relative; list-style: none; width: 100%; padding: 0; margin: 0; background: #ffffff; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; padding: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { position: relative; display: block; height: auto; float: left; width: 100%; border: 0; overflow: hidden; z-index: 10; }
.rslides img.imgoverlay { position: absolute; top:10%; left: 2%; width:40%; min-width: 200px; min-height: 50px; }
.rslides li div.transparent { display: none; width: 100%; background: rgba(255,255,255,0.7); position: absolute; bottom: 0em; z-index: 200; max-width: 816px; max-height: 100px; height: 100px; }
ul.rslides { margin: 0 auto; }
.rslides_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.rslides1_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 1em; z-index: 99; margin-top: -10px; }

a.prev:after { content: "\f053"; font-family: Fontawesome; font-size: 2em; padding: 0.5em; color: rgba(255,255,255,1); border-radius:80px; }
a.next:after { content: "\f054"; font-family: Fontawesome; font-size: 2em; padding: 0.5em; color: rgba(255,255,255,1); border-radius:80px; }

.rslides1_nav:after { content: "\f054"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }
.rslides1_nav:active { opacity: 1.0; }
.rslides1_nav.next { left: auto; background-position: right top; right: 1em; }
.rslides2_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0; display: block; background: #fff; opacity: 0; filter: alpha(opacity=1); width: 48%; text-indent: -9999px; overflow: hidden; height: 91%; }
.rslides2_nav.next { left: auto; right: 0; }
.rslides3_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.6; text-indent: -9999px; overflow: hidden; top: 0; bottom: 0; left: 0; background: #000 url("themes.gif") no-repeat left 50%; width: 38px; }
.rslides3_nav:active { opacity: 1.0; }
.rslides3_nav.next { left: auto; background-position: right 50%; right: 0; }
.rslides1_nav:focus, .rslides2_nav:focus, .rslides3_nav:focus { outline: none; }
.rslides_tabs { position: absolute; top: 5%; right: 5%; z-index: 10; }
.rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; }
.rslides_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; margin: 0 0 0 0.5em; }
.rslides_tabs .rslides_here a { background: #222; background: rgba(0,0,0, .8); }
.caption { position: absolute; display: block; bottom: 0; left: 0; right: 0; padding: 15px; text-align: center; background: #000; background: rgba(0,0,0, .8); color: #fff; }
.slider-caption { display: table; bottom: 0; z-index: 150; background: #e64c1a; padding: 1% 3.5% 0; color: #ffffff; font-size: 0.75em; width: 100%; }
.slider-caption h3 { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; font-size: 1.3em; }
.slider-caption p { font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.1em; line-height: 1.4em; }

/*sitemap*/
ul.smnav { width:100%;}
li.smnavli { float:left; margin: 0 40px 0 0;}
li.smnavli a { color:#fff; text-transform: uppercase;}
ul.smsubnav { margin:20px 0 0 0;}
li.smsubnavli { clear:left; line-height: 1em; margin: 8px 0;}
li.smsubnavli a { color:#fff; text-transform:none;  }
div.sitemap.grid_8, div.copyright.grid_4 { padding:20px 0; }
div#c5.csc-default { border:0; }

/*Grafische Buttons*/
.copyright img, #pagefunctions img { margin:0 20px 0 0; max-width:100%; height:auto; width:30px; z-index:150; }

/*Footer*/
footer { position:relative; top: 5.5em; z-index: 20; display:table; clear:both; width:100%; font-size:90%; color:#fff; background-color: #e64c1a; z-index:100; padding: 4em 4em 0; margin: 0 auto; background-image: url('/fileadmin/images/ruebe.png'); background-repeat: no-repeat; background-position: top right; }
/*footer { background: linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0.7)),url(/fileadmin/user_upload/bilder//wesel2.jpg) no-repeat center fixed; background-size: cover; } */
footer .content-element { margin: 0; padding: 0; }
footer a, footer a:visited, footer a:active { color: #ffffff; text-decoration:none; }
fotter a:active, footer a:hover { color:#fff; text-decoration:underline; }
footer a { line-height: 1.2em; }
footer ul{ margin:0; padding:0; list-style-type: none; }
footer li { line-height: 1.2em; margin: 0 0 0.8em 0; }
footer h1, footer h2, footer h3, footer h4 { margin: 0; font-size: 1.5em; }
footer ul.socialmedia li { margin: 0.5em 0; border: 1px solid #444444; padding: 0.3em; background: rgba(255,255,255,0.1); border-radius: 5px; }
footer ul.socialmedia .fab, footer ul.socialmedia .fas { font-size: 2em; }
.footercontent { display: flex; flex-wrap: wrap; width: 100%; max-width: 1220px; margin: 0 auto; }
/*.footercontent .frame { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 1 1 30%; display: -webkit-box; display: -ms-flexbox; display: block; background: rgba(255, 255, 255, 0); -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; }*/
.footercontent .frame { padding: 0 1em; }
#c12 { flex: 0 0 50%; }
#c388{ flex: 0 0 16.6%; }
#c394 { flex: 0 0 16.6%; }
#c391 { flex: 0 0 16.6%; }
.footercontent p { hyphens: none; }

.footercontent #c79 ul, .footercontent #c80 ul { margin: 0.8em 0 0 0; list-style-type: none; }
.footercontent .fa { font-size: 3em; margin: 0 0.25em; padding: 0.1em; float: left; }
.footercontent .fa-facebook-official:hover { color: #29487D; background: #fff; }
.footercontent .fa-youtube:hover { color: #CC181E; background: #fff; }
.footercontent h4 { margin: 0 0 1em 0; }
.footer-media { margin: 0 0 0 1em; }

.bottomcontent { display: flex; flex-wrap: wrap; position: relative; width: 100%; max-width: 1220px; margin: 2em auto 0; }
.bottomcontent .copyright { flex: 0 0 30%; margin: 0.5em 0; }
.bottomcontent #c409 { flex: 0 0 50%; position: absolute; top: -1.4em; right: 0; }
.bottomcontent #c409 li { float: left; margin: 0.5em; }
.bottomcontent #c412 { flex: 0 0 20%; position: absolute; right: 0; top: -11.8em; }
.bottomcontent #c412 .ce-bodytext { text-align: center; }
.bottomcontent .frame-layout-0 { margin: 0; }

/*Colophon*/
.colophon ul {list-style-type:none;}
.colophon .trenner { color:#fff; padding:0 8px; }
.colophon li a, .colophon li a:visited { text-decoration:none; }
.colophon li a:active, .colophon li a:hover { color:#fff; text-decoration:underline; }

/*copyright*/
.copyright a { padding:0 10px; }

/* ce-gallery */
.ce-gallery .ce-column { margin: 0 0 10px; width: 100%; box-sizing: border-box; }
.ce-gallery img, .ce-gallery picture { width: 100%; height: auto; }
.ce-gallery .ce-inner, .ce-gallery .ce-outer { width: 100%; }
.ce-gallery figure { width: 100%; }

/*indexed search*/
.tx-indexedsearch-searchbox { margin: 0 0 5em; }
.tx-indexedsearch-searchbox fieldset { border:0; padding: 0; }
.tx-indexedsearch-searchbox legend { display:none; }
.tx-indexedsearch-form { float:left; width:66%; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:180px; height:22px; }
input#tx-indexedsearch-searchbox-sword { width:100%; max-width:69%; margin:0 10px; padding: 0.5em; border-bottom: 2px solid #cccccc; border-top: none; border-left: none; border-right: none; background: rgba(100,100,10,0.1); }
.tx-indexedsearch-searchbox-button { cursor: pointer; padding:0.5em; padding: 0.5em; margin: 0; color: #ffffff; background: #444444; font-size: 0.9em; border: none; border-radius: 4px; }
.tx-indexedsearch-res { clear:left; padding: 1em; border-top: 1px solid #ddd; }
.tx-indexedsearch-res p { margin: 0; }
.tx-indexedsearch-info dt { float:left; }
.tx-indexedsearch-info dd { float:left; width:80px; margin: 0 0 0 10px;}
dl.tx-indexedsearch-info { font-size:0.8em; color:#666; margin:0; }
dt.tx-indexedsearch-text-item-path { clear:left; display:block; }
dd.tx-indexedsearch-text-item-path p.bodytext { margin:0; padding:0; }
.grid_4 input[type="text"] { height:15px; margin:0 1em; padding:4px; }
div.csc-header csc-header-n1 .csc-firstHeader { display:none; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:80px; color:#ffffff; background-color:#F8981C; padding:3px; border:1px solid #333333; margin:0 auto; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background: none repeat scroll 0 0 #EEEEEE; font-size:.6em; line-height:1.2em; }
.tx-indexedsearch-browsebox { margin:10px 0; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#333333; background-color:#F8981C; }
.tx-indexedsearch .tx-indexedsearch-noresults { margin:50px 0 100px 0 !important; }

/*powermail*/
div.tx-powermail { width:100% !important; font-family: 'Source Sans Pro', Arial, sans-serif; }
legend.powermail_legend { font-weight:bold; font-size:1.3em; color:#003E8C; float:none; }
.powermail_fieldset { border:0; }
.powermail_fieldset, .powermail_confirmation, .powermail_create { background:none !important; }
.powermail_label { width:100px !important; color:#003E8C !important; }
.powermail_radio_outer { border:0 !important; width:500px !important; }
.powermail_radio_inner { float:left; width:50%; }
.powermail_check_outer { background:none !important; border:0 !important; }
.powermail_check_legend { width:100% !important; }
.powermail_check_inner { float:left; width:100px; }
.powermail_fieldwrap_text { color:#333; }
.powermail_field { border:none; border-bottom:1px dotted #999; }
.powermail_submit {background-color:#003E8C !important; margin:20px 0 !important; float:none; }
dl.powermail_all dt { width:100% !important; }

/* news */
.news .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.news .col-lg-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33%;
  flex: 1 1 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(255, 255, 255, 1);
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}


.news .col-lg-3:not(:last-child) {
  margin: 0 2em 2em 0;
  padding: 0;
}

.news .col-lg-3:last-child {
  margin: 0 0 2em 0;
}

.news .card {
    position: relative;
	width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.news .card-body { padding: 1em; }

.news .no-media-element { display: none; }

.news { clear: left; background: rgba(255,255,255,1); line-height: 1.8em; }
/*.news-list-view { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-width: 98%; -moz-column-width: 98%; column-width: 98%; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; }*/
/*.news .article {  padding:0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:flex; }*/
.news .article .header { display: inherit; margin: 0 1em 0 0;  }
.news .article h3 a { color: #444444; }
.news .article h5 a { color: #e64c1a; font-size: 1.25em; }
.news-img-wrap img { width:100%; max-width: 1200px; height:auto; }
.news-img-wrap { width: 100%; max-height: 210px; overflow: hidden; float: left; line-height: 0.1em; margin: 0 2em 0 0; }
.news-img-wrap-right { width: 100%; float: right; line-height: 0.1em; margin: 0 0 0 2em; }
.news-img-wrap a { font-size:0.01em; line-height: 0.1em; }
.news-img-wrap .header { margin: 2em; font-size: 150%; }
.news-img-wrap .outer { padding: 0 0 1em 0; }
.news .article .footer { font-size: 0.85em; color: #999999;}
/*.news-text-wrap-right, .news-text-wrap-left { display: inherit; }*/
.news-list-container { padding:0; }
.news .article .header, .news .article .header-right { display: inherit; }
.news-list-view h3 span, .news-list-view .header-right h3 span { display: inline-block; color: #ffffff; padding: 1.5em; }
.news-list-view .teaser-text { color: #444444; }
.news-list-view a.more { color: #ffffff; }
a.more > i.fas.fa-angle-right { position:relative; top: -0.5em; font-size:1.2em; border: 1px solid #ffffff; border-radius: 6em; padding: 0.5em 0.7em; }
a.more > i.fas.fa-angle-right:hover { background-color: rgba(0,0,0,0.1); }
.news-list-view .footer { display:none; visibility:hidden;}
.news-single h3 { font-size: 1.5em; margin: 0 0 1em 0; text-decoration: none; line-height: 1.3em; font-weight: bold; }
.news-single .article .news-img-wrap { float: left; margin: 0.3em 0 2em 0; max-width: 100%; }
.news-single .article .news-img-wrap img { width: 100%; max-width:100%; height:auto; }
.news-single .teaser-text p { font-weight: bold; }
.news-single .news-backlink-wrap { text-align: right; }
.news .category-1 { background: rgba(100,115,100,0.5); }
.news .category-3 { background: rgba(100,115,100,078); }
.news .category-5 { background: rgba(100,115,100,1); }
.page-navigation p { display: none; font-size: 70%; }

/*formular*/
.frame-type-form_formframework nav { position: initial; height: initial; width: 100%; box-shadow: none; }
.frame-type-form_formframework button { margin: 0 auto; width: 100%; padding: 0.8em; font-size: 1em; color: #fff; background: #e64c1a; border: none; cursor: pointer; }
.frame-type-form_formframework .clearfix { margin: 2em 0 0 0; }
textarea { width: 100%; height: 6em; }
input:not([type='checkbox']) { width: 100%; padding: 0.3em; font-size:1em; }
input[type="checkbox"] + label::before { width: 15px; height: 15px; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; }
.inputs-list { display: flex; flex-wrap: wrap; }
.form-check { flex: 0 0 25%;}
.form-group { margin: 0 0 1em 0; }

input.button1 { margin: 1em 2em; padding:0.57em; color:#fff; border:none; font-size:1em;  }
input.button1:hover { padding:0.57em; color:#fff; border:none; cursor: pointer; }
input.green { background-color:rgba(134, 162, 11, 0.9) }
input.green:hover { background-color: rgba(134, 162, 11, 1) }
input.yellow { background-color:rgba(227, 219, 0, 1) }
input.blue { background-color:rgba(0, 0, 100, 1) !important; }

/*ampel*/
#c49 { display: table; width: 100%; margin: 0 0 1em 0; background: rgba(255,255,255,0.8); }
.ampel { width: 90%; height: 1.4em; position: relative; /*float:left;*/ margin:0 9px; margin: 0 1em 0 0; }
#c49 .ampel i { margin: 0 1em 0 0; }
ul.ampel { display: table; width: 92%; margin: 1em; list-style-type: none; }

/* kursabmeldung */
form#kursabmeldung .summary-table-first-col { vertical-align: top; padding: 0 1em; }
form#kursabmeldung nav { display: block; position: relative; z-index: 0; background: none; box-shadow: none; text-align: center; margin: 2em auto; }
form#kursabmeldung div.input input, form#kursabmeldung div.input textarea { width:96%; padding: 0.3em; font-size: 1em; }
form#kursabmeldung button { padding: 0.5em; color: #ffffff; background: rgba(243, 153, 0, 1); border: none; font-size: 1em; cursor: pointer; }

/*dv-event*/
.top-events { color: #ffffff; background: rgba(0,55,0,0.2); border-top: 1px solid #eee; font-size:105%; max-width: 100%; width: 100%; }
.top-events:hover { background: rgba(0,55,0,0.3); }
.top-events img.highlightimg { }
.grid_8 .top-events .label { position: absolute; bottom: 0; display: block; width: 100%; }
.grid_4 .top-events .label { position: relative; bottom: 0; display: block; width: 100%; }
/*.top-events .label:hover { background: rgba(0,0,0,0.1); }*/
.top-events .label p { margin: 0; padding: 0.5em 1em 0; }
.top-events .label h3 { margin: 0; padding: 0 1em 1em; }
.top-events a { color: #000000; }

.grid_12 .tx-dvevents { width: 90%; margin: 0; }
.grid_12 .tx-dvevents .tile { margin: 0; }

div.booking { padding: 4%; border-radius: 3px; border-top: 0.4em solid rgba(100,115,100,1); border-bottom: 0.5em solid rgba(100,115,100,1); }
.tx-dvevents .fb-liste { padding: 0; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-width: 98%; -moz-column-width: 98%; column-width: 98%; column-gap: 0em; font-size: 90%; margin: 0 0 0 1em; line-height: 1.4em; }
.tx-dvevents article { position: relative; display: table; width: 96%; margin: 0 0 0.4em 0; padding: 1em 1em 0.3em 1em; cursor: pointer; border-radius: 0.5em; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; }
/*.tx-dvevents article { -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.66); -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.66); box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.66); }*/
.tx-dvevents .list-style-1:hover { background: rgba(163,216,227,0.7); }
.tx-dvevents .list-style-2:hover { background-color: rgba(167,31,94,0.4); }
.tx-dvevents .list-style-3:hover { background-color: rgba(114,74,152,0.4); }
.tx-dvevents .list-style-4:hover { background-color: rgba(33,57,83,0.4); }
.tx-dvevents .list-style-5:hover { background-color: rgba(49,94,162,0.5); }
.tx-dvevents .list-style-6:hover { background-color: rgba(0,100,100,05); }
.tx-dvevents .ampel { width: 100%; height: 1.4em; position: relative; margin: 1em 0 0 0; font-size: 0.9em; }
.tx-dvevents .tile p { font-size: 0.95em; margin: 0 0 0.5em 0; line-height: 1.2em; }
div.tx-dvevents table { width: 100%; margin: 0 0 1em 0; border-spacing:0; }
/*.tx-dvevent-event { float: left; width: 26.8%; margin: 1em; padding:1em 0.5em; border-bottom: 1px solid #DB8000; position:relative; cursor: pointer; }*/
/*.tx-dvevent-event:hover, .open { background:rgba(230,230,190,1) }*/
.tx-dvevents h1 { display: block; font-size:1.25em; line-height: 1.5em; margin: 0; }
.tx-dvevents h2 { display: block; font-size:1.25em; line-height: 1.5em; margin: 0 0 1em 0; padding: 0; }
.tx-dvevents h3 { font-size: 1.2em; margin: 0.2em 0 0.5em 0; }
.tx-dvevents i.fa-eye { color: #444; font-size: 1.2em; cursor: pointer; margin: 0 0 0 3.6em; }
.tx-dvevents i.fa-list-alt { color: #444; font-size: 1.4em; cursor: pointer; margin: 0 0 0 0.3em; }
.function-line { position: absolute; right: 1em; bottom: 0.5em; }
.function-line a.button2 { position: relative; bottom: 0.5em; }

.tx-dvevents .bookingformular {  }
.tx-dvevents fieldset { background: rgba(122,125,95,0.1); padding: 1em; border: 1px solid #ccc; }
.tx-dvevents h4 { font-size: 1.1em; margin: 0 0 0.5em 0; }
.tx-dvevents label { display:block; }
.tx-dvevents input { margin: 0.3em 0; }
.tx-dvevents input[type=text] { display: inline; width: 94.25%; border: 1px solid #ccc; padding: 0.3em; font-size: 1em; }
.tx-dvevents input[type=text] { }
.tx-dvevents input.zipcode[type="text"] { float: left; max-width: 3.5em; }
.tx-dvevents input.citycode[type=text] { max-width: 78%; }

/*.tx-dvevents input.citycode[type="text"] { width: 75%; }*/
/*.tx-dvevents span.input-error input[type="text"] { border: none; background: none; width:88%; }*/
/*.tx-dvevents input.input-error { border: 1px solid #990000; background-color: rgba(185,21,34,0.1); }*/
/*.input-error input[type=text] { display: block; color: rgba(185,21,34,1); background-color: rgba(185,21,34,0.1); border: 1px solid #990000; padding: 0.3em; }*/
span.input-error{ background: rgba(185,21,34,0.1); border: 1px solid #990000; padding: 0.6em; }


.tx-dvevents textarea { width: 92%; border: 1px solid #ccc; padding: 3px; font-size: 1em; font-family: inherit; }
.hinweis { display: block; text-align: center; padding: 5em; background: #ffffff; }
.formular-hinweis { font-size: 0.8em; margin: 0; }
.labelhead { font-weight: bold; }
td.label { width: 100px; vertical-align: top; }
td.ziplength { width: 4em; }
.tx-dvevents table.zipcity { margin: 0; }
.tx-dvevents ul.ampel { display: table; width: 100%; margin: 0 0 2em 0; list-style-type: none; }
.tx-dvevents ul.ampel i { float: left; width:1.5em; position: relative; top: 0.35em; }
.terminliste { display: block; font-size: 0.9em; margin: 0 0 1em; padding: 1em; background: rgba(0,0,0,0.1); border: 1px solid #ddd; -webkit-box-shadow: 0px 1px 15px 0px rgba(150, 150, 150, 0.1); -moz-box-shadow: 0px 1px 15px 0px rgba(150, 150, 150, 0.1); box-shadow: 0px 1px 15px 0px rgba(150, 150, 150, 0.1);}
.terminliste ul { list-style-type: none; list-style-position: outside; }
.terminliste li { border-bottom: 1px solid #cccccc; padding: 1em 1.3em; line-height: 1.3em; }
.terminliste li:before { display: inline-block; font-family: FontAwesome; content: "\f0c8"; margin: 0 0.5em 0 -1.8em; width:1.3em; font-size: 0.7em; }
.terminliste li:hover { background: rgba(0,0,0,0.1); }

.kursinfo { display: block; background: #ffffff; padding:1em; background: #f6f6f6; }
.kursinfo-img { width: 50%; max-width: 300px; float: right; margin: 0.5em 0 0 1em; }
.kursinfo-img img.highlightimg { margin: 0 0 1em 1em; }
.kurshighlights { column-count: 1; column-gap: 0; margin: 0 0 1em 0; }
.highlights { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table; margin:0 0 0.5em 0; padding: 0; width: 100%; }
.tx-dvevents .fa-stack { display: none; }

/* anmeldebutton */
.function-line input.button1 { display: block; color: rgba(0,0,0,0.6); background: rgba(0,0,0,0.1); font-size: 0.95em; margin: 2em 1em; padding: 0.86743em; }
.function-line a.button1 { color: rgba(0,0,0,0.6); background: rgba(0,0,0,0.1); font-size: 0.875em; margin: 2em 1em; padding: 0.9em; }
.function-line input.button1:hover { color: rgba(255,255,255,1); background: rgba(227, 219, 0, 1); }
.function-line a.button1:hover { color: rgba(255,255,255,1); background: rgba(44,44,44, 1); }

/* eventsearch */
.grid_12 .eventsearch { margin: 0 0 1em 0; padding: 1em 2em; }
.grid_12 .eventsearch  input[type="text"] { width: 100%; max-width: 60%; margin: 0 1em; padding: 0.5em; border-bottom: 2px solid #cccccc; border-top: none; border-left: none; border-right: none; }
.grid_12 .eventsearch .button1 { cursor: pointer; padding: 0.5em; padding: 0.5em; margin: 0; color: #ffffff; background: #444444; font-size: 1em; border: none; border-radius: 4px; }

/* merkliste */
.grid_4 #merkliste { color: #444444; }
.grid_8 #merkliste { padding: 2em; }
.grid_12 #merkliste { padding: 2em 4em; }
#merkliste { min-height:420px; }
#merkliste h4 i.fa-cart-arrow-down { padding: 0; }
.merkliste { background: #ffffff; padding: 0; margin: 0 0 1em 0; }
.merkliste ul { list-style-type: none; margin: 0; }
.merkliste li { position: relative; padding: 0.5em; border-bottom: 1px solid #aaaaaa;}
.merkliste li:hover { padding: 0.5em; background: rgba(115,143,9,0.1);}
.merkliste_item { font-size:0.9em; line-height:0.9em; margin: 1em 0 0 1em; padding:0; }
.merkliste h5 { display: inline; color: #444444; padding: 0.3em; }
.tx-dvevents .merkliste h4 {  margin: 0 0 1em 0; }
.tx-dvevents .merkliste i.fa-eye { vertical-align: top; margin: 0; }
#merkliste i.fa-cart-arrow-down { color: #444444; }
.merkliste i.trash-single { position:absolute; right: 0; padding: 0 0.3em; font-size: 1.4em; }
.merkliste div.trash-all { text-align: right; padding: 0.5em 0.5em 0; font-size: 0.9em; }
.countMerkliste { position: relative; top: -6.9em; left: 2em; color: #ffffff; z-index: 100; border: 1px solid #cccccc; border-radius: 8em; background: #971112; width: 2.5em; text-align: center; font-size: 0.7em; }
#merkliste { padding: 8em 0 18em 0; }

/* terminal */
.terminal { display: inline-block; margin: 10% 20%; }

/* eventsearch */
.grid_8 .eventsearch { margin: 0 0 1em 0; padding: 1em 2em; }
.grid_8 .eventsearch  input[type="text"] { width: 100%; max-width: 60%; margin: 0 1em; padding: 0.5em; border-bottom: 2px solid #cccccc; border-top: none; border-left: none; border-right: none; }
.grid_8 .eventsearch .button1 { cursor: pointer; padding: 0.5em; padding: 0.5em; margin: 0; color: #ffffff; background: #444444; font-size: 1em; border: none; border-radius: 4px; }

/* eventsorting*/
.tx-dvevents > div.eventsorting { display: block; width: 100%; max-width: 15em; position: absolute; right: 2em; z-index: 100; }
div.eventsorting { padding: 0 3% !important; margin: 0; } /*float: left; width: 96%; padding: 0 1em; }*/
.eventsorting .frame-type-textmedia { padding: 0.1em; margin: 0.1em; }
.eventsorting .bodytext { margin: 1em; }
.eventsorting li { margin: 1em; }
.eventsorting h2 { color: #ffffff; margin: 0; font-size: 1em; padding:0.3em; background: none; }
.eventsorting h3 { display: inline; }
.eventsorting a, .eventsorting a:hover { position: relative; z-index: 100; }
.eventsorting .tab { position: relative; margin: 0.4em auto; width: 100%; color: #fff; overflow: hidden; border: 1px solid rgba(134,161,11,0.2); background: rgba(255,255,255,1); }
.eventsorting select { padding: 0.25em 0; }
.eventsorting input { position: absolute; z-index: 100; cursor: pointer; margin: 0 0 0 0.5em; color: #fff; background: #444; padding: 0.2em 0.5em; }
.eventsorting header { position: relative; display: block; padding: 0 2em 0 1em; cursor: pointer; border-radius: 0.2em; background: rgba(149,19,35,1); }
.eventsorting .grey header { background: rgba(0,0,0,0.3); }
/*.eventsorting .ce-textpic { max-height: 0; overflow: hidden; background: #ffffff; -webkit-transition: max-height .75s; -o-transition: max-height .75s; transition: max-height .75s; }*/
.eventsorting .ce-textpic { max-height: 0; overflow: hidden; background: #ffffff; -webkit-transition: all .75s ease-in-out; -o-transition: all .75s ease-in-out; -moz-transition: all .75s ease-in-out; transition: all .75s ease-in-out; }
.eventsorting .gray .ce-textpic { background: rgba(255,255,255,1); color: rgba(44,44,44,1); }
.eventsorting .tab-content p { margin: 1em; }
/*.eventsorting input:checked ~ .ce-textpic { max-height: 100em; overflow: visible; -webkit-transition: max-height .75s; -o-transition: max-height .75s; transition: max-height .75s;}*/
.eventsorting input:checked ~ .ce-textpic { max-height: 100em; overflow: visible; -webkit-transition: all .75s ease-in-out; -o-transition: all .75s ease-in-out; -moz-transition: all .75s ease-in-out; transition: all .75s ease-in-out; }
/*.eventsorting label::after { position: absolute; right: 0; top: 0; display: block; width: 3em; height: 2em; line-height: 2; color:#444444; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }*/
.eventsorting header::after { position: absolute; right: 1em; top: 0; display: block; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }
.eventsorting input[type=checkbox] + header::after { content: "\f13a"; font-family: FontAwesome; font-size: 1.4em; color: rgba(255,255,255,1); }
.eventsorting input[type=radio] + header::after { content: "\25BC"; }
.eventsorting input[type=checkbox]:checked + header::after { transform: rotate(180deg); }
.eventsorting input[type=radio]:checked + header::after { transform: rotateX(270deg); }
.grid_8 .eventsorting .ce-bodytext { padding: 0.8em 1em; }
.grid_4 .eventsorting .ce-bodytext { padding: 0.8em 0; }
.grid_4 .eventsorting ul { margin: 0 2em; }
.grid_4 .ce-bodytext > ul > li { margin: 0 1em; }
.grid_4 .eventsorting .ce-textpic { margin: 0; }
.eventsorting .ce-gallery figcaption { background: rgba(134,161,11,0.2); margin: 0; padding: 0.6em; font-size: 0.7em; }

/*paginator*/
ul.f3-widget-paginator { width: 90%; display: table; width:98%; list-style-type: none; margin: 1em auto; padding:0; /*background: rgba(245,150,0,1);*/ font-size: 0.7em; }
ul.f3-widget-paginator li { float:left; color: #ffffff; margin: 0 0.5em; }
ul.f3-widget-paginator a { padding:0.2em 0.5em; color: #444444; border: 1px solid #dddddd; border-radius: 0.2em; }
ul.f3-widget-paginator li.current { padding: 0 0.6em; border-radius:3px; color: #ffffff; background:rgba(100,115,100,1); }
ul.f3-widget-paginator a:hover { padding: 0.2em 0.5em; border-radius:3px; color: #ffffff; background:rgba(100,115,100,1); }

a.infoclick, .infoclick { font-size:1em; margin:0 5px 0 30px; position:absolute; top:0; right:0; }
.assign { width:100%; text-align:center; }
a.button1 { margin:10px 0; text-align:center; }
a.green { color: #ffffff; background-color:rgba(134, 162, 11, 1); }
a.yellow, a.yellow:hover { background-color:#e3db00; }
a.orange { color: #fff; background-color: rgba(100,115,100,1); }
a.red { color: #fff; background-color: rgba(100,115,100,0.9); }
a.red:hover { color: #fff; background-color: rgba(100,115,100,1); }
a.blue { color: #ffffff; background-color: #1A568F; }
a.grey { background-color:#999999; }
.backlink { width:100%; text-align:right; }
.backlink a { line-height:4em;}
.description { clear:left; text-align:left; font-size:1em; /*padding:0 2em;*/ }
.grid_8 h3.eventline { display: block; position:relative; z-index:50; font-weight: bold; font-size:1.2em; margin: 0; }
h5.eventline { margin: 0; }
.focus, .focus:hover  { background: rgba(255, 255, 255, 1); }
.focus h3 { font-weight:bold; }

/* newsletter */
#c6295579

/*dvspruch*/
.tx-dvspruch { background: rgba(255, 255, 255, 1); padding: 10px;}
.quote { }
.source { display:block; text-align:right; font-size:0.7em; }

/* calendarize */
.calendarize { font-size: 80%; }
.calendarize table { width: 100%; margin: 2rem auto; border: 1px solid #eee; background: rgba(254,179,33,0.4); }
.calendarize td { vertical-align: top; text-align: center; margin-bottom: 0.5rem; width: 10%; height: 40px; max-height: 40px; min-height: 40px; border: 1px solid #eee; }
.calendarize tbody.regularMonthView td { vertical-align: middle; }
.calendarize td.hasEvents { color: #ffffff; background: rgba(230, 76, 26, 0.8); }
.calendarize td a { color: #ffffff; opacity: 1; }
.calendarize ul { list-style-type: none; margin: 0; }
/*.calendarize ul.events { background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9) 5px, rgba(200, 0, 0, 0.1) 5px, rgba(200, 0, 0, 0.1) 10px); }*/
.calendarize li { background: #ffffff; border: 1px solid rgba(230, 76, 26, 0.8) ;}
.calendarize ul > li > a { color: #444444; opacity: 1; }

/*dvkalender*/
.d_calendartable { width:100%; background-color:#ebebed; text-align:center; margin:0; padding:0; border:1px solid #999999; }
.d_calendarrow { margin:0px; padding:0px; border:0px; }
td.monat { padding:0; margin:0; background-color:#707173; z-index:80; }
img.calendar_img { width:5px; height:5px; border:0px; }
.d_calendardata { width:1.5em; height:1.5em; text-align:center; vertical-align:middle; }
.d_calendarweek { float:left; display:block; width:1.5em; height:1.5em; text-align:center; vertical-align:middle; color: #444444; background-color:#ebebed; font-family:arial,verdana,sans-serif; font-weight:bold; font-size:9px; }
a.d_menu_link {}
a.d_menu_link:hover { display:block; font-size:10px; font-family:arial,verdana,sans-serif; color:#ffffff; background-color:#707173; text-decoration:none; z-index:80; }
ul.d_navigation { padding:0px; margin:0px; list-style-type:none; z-index:80; }
ul.d_navigation li { position:relative; top:0; left:0; width:65px; font-size:10px; font-family:arial,verdana,sans-serif; font-weight:bold; color:#ffffff; background-color:#dddddd; text-align:left; vertical-align:middle; text-decoration:none; z-index:80; }
ul.d_navigation li.d_navigation { float:left; color:#ffffff; background-color:#707173; z-index:80; }
ul.d_navigation li a.d_menu_link { float:left; padding:2px; font-size:10px; font-family:arial,verdana,sans-serif; font-weight:bold; color:#ffffff; text-align:left; vertical-align:middle; text-decoration:none; z-index:80; }
ul.d_navigation li ul.d_listeneintrag { display:none; top:10px; left:0px; list-style-type:none; z-index:80; }
ul.d_navigation li:hover ul.d_listeneintrag { display:block; position:absolute; top:15px; left:-38px; list-style-type:none; z-index:80; }
a.d_kalenderliste { width:40px; font-size:10px; font-family:arial,verdana,sans-serif; font-weight:bold; color:#333333; line-height:12px; text-align:left; text-decoration:none; margin-left:5px; }
*html a.d_kalenderliste { margin-left:4px; }
a.d_kalenderliste:hover { width:40px; font-size:10px; font-family:arial,verdana,sans-serif; font-weight:bold; color:#4A6693; background-color:#dddddd; text-decoration:none; line-height:12px; text-align:left; margin-left:5px; }
*html a.d_kalenderliste:hover { margin-left:0px; padding-left:4px; background-color:#9cacc6; }
ul.d_navigation li.d_navigation:hover ul.d_listeneintrag, ul.d_navigation li.d_navigation:over ul.d_listeneintrag { display:block; z-index:80; }
a.d_datum { display:block; height:100%; width:100%; color:#ffffff; font-family:arial,verdana,sans-serif; font-size:10px; font-weight:bold; background-color:#929394; }
a.d_datum:hover { height:100%; width:100%; color:#ffffff; font-family:arial,verdana,sans-serif; font-size:10px; font-weight:bold; background-color:#707173; text-decoration:none; }
.d_inactive { float:left; width:100%; height:100%; margin-right:1px; font-weight:bold; font-size:10px; font-family:arial,verdana,sans-serif; text-align:center; vertical-align:middle; background-color:#ffffff; border:1px solid #ffffff; }
.d_active { float:left; width:100%; height:100%; margin-right:1px; font-weight:bold; font-size:10px; font-family:arial,verdana,sans-serif; text-align:center; vertical-align:middle; background-color:#929394; border:1px solid #929394; }
a.d_active_day { display:block; height:100%; width:100%; font-weight:bold; font-size:10px; font-family:arial,verdana,sans-serif; color:#ffffff; background-color:#660000; }
a.d_active_day:hover { height:100%; width:100%; font-weight:bold; font-size:10px; font-family:arial,verdana,sans-serif; color:#ffffff; background-color:#707173; text-decoration:none; }
a.d_active_day_selected { display:block; width:100%; height:100%; font-weight:bold; font-size:10px; font-family:arial,verdana,sans-serif; color:#ffffff; background-color:#EFA000; }
a.d_active_day_selected:hover { width:100%; height:100%; font-weight:bold; font-size:10px; font-family:arial,verdana,sans-serif; color:#ffffff; background-color:#efa000; text-decoration:none; }

/*fachbereiche*/
.fb_navi { position: fixed; top: 20%; right: 0; z-index: 600; background: rgba(0,55,0,0); margin: 0 0 2em 0; padding: 0 0 0.5em; }
/*ul.fblinks { display: block; width:100%; margin: 0; list-style-type: none; }*/
.fblinks li { list-style-type: none; margin: 1em 0; }
/*.fblinks li a { display: table; margin: 0.2em 0.5em; padding: 0.62em 0.5em; border: 1px solid #ddd; border-radius: 0.2em; min-width: 100%; color: rgba(0,0,0,0.9); font-size: 0.8em; }*/
/*.fblinks li a:hover { margin: 0.2em 0.5em; padding: 0.55em 0.41em; border: 2px solid #ddd; background: rgba(0,0,0,0.1); }*/
/*.fb1, .fb2, .fb3, .fb4, .fb5, .fb6 { position:relative; width: 100%; padding: 1em 0 0 0; min-height: 1.2192704em; }*/
.fblinks i { width: 50px; height: 50px; /*font-size: 110%; display: inline; padding: 0.3em; margin: 0 1em 0 0;*/ }
.fblinks i:hover { cursor: pointer; }

.fblinks i.fa-search { color:#fff; background: rgba(44,44,44,1); cursor: pointer; }
.fblinks i.fa-search::before { position: relative; top: 0.25em; left: 0.3em; font-size: 2em; }
.fblinks i.fa-baby { color:#fff; background: rgba(163,216,227,1); }
.fblinks i.fa-baby::before { position: relative; top: 0.3em; left: 0.43em; font-size: 1em; }
.fblinks i.fa-praying-hands { color:#fff; background: rgba(167,31,94,1); }
.fblinks i.fa-praying-hands::before { position: relative; top: 0.3em; left: 0.25em; font-size: 0.9em; }
.fblinks i.fa-apple-alt { color:#fff; background: rgba(114,74,152,1);}
.fblinks i.fa-apple-alt::before { position: relative; top: 0.3em; left: 0.35em; font-size: 1em; }
.fblinks i.fa-graduation-cap { color:#fff; background: rgba(33,57,83,1); }
.fblinks i.fa-graduation-cap::before { position: relative; top: 0.3em; left: 0.2em; font-size: 1em; }
.fblinks i.fa-lightbulb-on { color:#fff; background: rgba(49,94,162,1); }
.fblinks i.fa-lightbulb-on::before { position: relative; top: 0.35em; left: 0.15em; font-size: 1em; }
article i.fa-baby, article i.fa-praying-hands, article i.fa-apple-alt, article i.fa-graduation-cap, article i.fa-lightbulb-on { position: absolute; right: 0.2em; z-index: 10; color: rgba(255,255,255,0.3); font-size: 6em; }
.fb_navigation { clear:left; display:inline-block; margin: 0 0 20px 0;}
a.fb_link, a.fb_link_active { width:29%; height:50px; float:left; color:#fff; background: rgba(220,130,0,0.8); text-align:center; vertical-align:middle; margin:3px; padding:10px; line-height:18px; }
a.fb_link_active, a.fb_link:focus, a.fb_link:hover, a.fb_link:active { background: rgba(220,130,0,1); }

.fb_subnav ul { list-style-type: none; }
.fb_subnav ul li { float: left; margin: 0.5em; }
.fb_subnav a { padding:0.3em; color: #000000; background: rgba(0,55,0,0.1); border: 1px solid rgba(0,0,0,0.1); font-size: 90%; }
.fb_subnav a.active, .fb_subnav a:hover { color: #ffffff; background: rgba(0,55,0,0.4); border: 1px solid rgba(255,255,255,1); }

/* shariff */
div.shariff { margin:0; }
.shariff .facebook a, .shariff .twitter a, .shariff .whatsapp a { border:1px solid #ededed; background: #fff; }
.shariff .facebook a { color: #ffffff; }
.shariff .facebook a:hover { color: #fff; background-color: #ffffff; }
.shariff .twitter a { color: #ffffff; }
.shariff .twitter a:hover { color: #fff; background-color: #ffffff; }
.shariff .whatsapp a { color: #5CBE4A; }
.shariff .whatsapp a:hover { color: #fff; background-color: #5CBE4A; }

/* tx-felogin-pi1 */
.tx-felogin-pi1 { margin: 0 3.5em 1em 3.5em; padding: 0; }
.grid_8 .tx-felogin-pi1 h3 { display: block; }
.tx-felogin-pi1 div { line-height: 1.2em; margin: 1em 0; }
.tx-felogin-pi1 label { display: block; }
.frame-layout-2 ul { display: block; list-style-type: none; padding: 1em; margin: 0; }
.frame-layout-2 ul li { margin: 0 2em 1em 0.5em; }
.tx-felogin-pi1 fieldset { border: none; }
.tx-felogin-pi1 input { width: 50%; margin: 1em auto; padding:8px; color:#333; border:1px solid #ccc; font-size:1em; box-shadow: none; }
.tx-felogin-pi1 input:hover { padding:8px; color:#fff; border: 1px solid #fff; background: rgba(100,115,100,0.5); }

/* tx-femanager */
.tx-femanager ul { list-style-type: none; padding: 1em 0; }
.tx-femanager fieldset, .femanager_fieldset { border: none; clear: left; }
.tx-femanager div.control_group { margin: 0 1em; }
.tx-femanager input, .tx-femanager textarea { width:98%; padding:5px; font-size: 1em; }
.tx-femanager label.radio input { width: 3em; }
.tx-femanager input.button1, .tx-femanager a.button1  { width: 50%; margin: 1em auto; padding:8px; color:#333; border:1px solid #ccc; font-size:1em; box-shadow: none; }
.tx-femanager input.button1:hover, .tx-femanager a.button1:hover { padding:8px; color:#fff; border: 1px solid #fff; background: rgba(100,115,100,1); }
.tx-femanager .controlls input { margin: 1em 0; }
.tx-femanager .radio{ float: left; margin: 0 2em 0 0; }
.tx-femanager .radio input { width: 20px; }
.tx-femanager #femanager_field_terms { width: inherit; margin:2em 0 1em 0; }

/* navigation */
.topnavigation input { position: absolute; top: -9999px; left: -9999px; }
.nav-layer-one li { position: relative; display: block; float:left; margin: 0 0.2em; border-top: 3px solid rgba(255,255,255,1); border-bottom: 3px solid rgba(255,255,255,1); }
.nav-layer-one li.active:hover { border-top: 3px solid rgba(255,255,255,1); border-bottom: 3px solid rgba(255,255,255,1); }
/*.nav-layer-one li:hover { color: #444444; background: rgba(0,0,0,0); border-top: 3px solid rgba(100,115,100,1); border-bottom: 3px solid rgba(100,115,100,1); }*/
.nav-layer-one li.current { color: #ffffff; background: rgba(255,255,255,1); }
/*.nav-layer-one li:hover a { color: #444444; }*/
/*.nav-layer-one li.current a, .nav-layer-one li.current a:hover { color: #ffffff; }*/

/* subnavi*/
/*ul.nav-layer-two { width: initial; }*/
ul.nav-layer-three { display: table; margin: 10px 0 30px; padding: 0; color:#fff; list-style-type: none; }
li.nav-layer-three-li { display: inline; }
li.nav-layer-three-li:hover, li.nav-layer-three-li:focus { color: #FABA00; }
li.nav-layer-three-li h2 { font-size: 0.8em; color: #444444; margin: 0; padding:0.3em; }
li.nav-layer-three-li a { width: 93%; float:left; color: #333; background: none; padding: 3px 8px; margin: 3px; }

/************ touch-nacigation ******************/
#easeinout ul { margin: 0; padding: 0; }
/*#easeinout ul.nav-layer-two { display: none; }*/
#nav7:checked + ul.nav-layer-two, #nav9:checked + ul.nav-layer-two, #nav11:checked + ul.nav-layer-two, #nav79:checked + ul.nav-layer-two { display: block; }
#easeinout input[type="radio"], #easeinout ul span.drop-icon { display: none; }
#easeinout li input[type="radio"]:checked, #toggle-menu, #easeinout a { position: relative; display: block; }
#easeinout a { transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; }
/*#easeinout ul.nav-layer-two { display: none; }*/
input[type="checkbox"]:checked + ul.nav-layer-one li ul { display: block; visibility: initial; opacity: 1; }
/*#toggle-menu .drop-icon, #easeinout li label.drop-icon { position: absolute; right: 1.5em; top: 1.25em; }*/
/************************************************/


/* slicknav - Mobile Menu Core Style */
.slicknav_btn { position: fixed; right: 0; display: block; float: right; cursor: pointer; margin: 0; padding: 1em 2em 4em.3em; left: 0; text-align: right; background: #ffffff; background-color: rgb(255, 255, 255);  background-color: #ffffff; background-position: 1.2em 0.5em; background-size: 7%; box-shadow: 0 3px 20px -5px #ccc; z-index: 500; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
i.fa.fa-bars::before { font-size: 1.8em; }
.slicknav_icon { display: block; position: absolute; right: 1em; }
.slicknav_menu { position: fixed; overflow: auto; max-height: 100%; width: 100%; min-height: 5em; /*position: absolute;*/ top: 0px; padding: 0 0 2em 0; z-index: 200; background-color: rgba(255,255,255,1); }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; background-color: #fff; }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
.slicknav_nav { clear: both; /*background: url(/fileadmin/backenduser/kopfbilder/marschenlandschaft.jpg) no-repeat center fixed; background-size: cover; rgba(0,0,0,0.5) opacity: 0.2;*/ }
.slicknav_nav i { position: relative; margin: 0 0.5em 0 0; }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; }
.slicknav_nav ul { padding:0; margin:0 0 0 0; }
.slicknav_nav ul { display: block; width: 96%; padding: 0.5em; border-bottom: 1px solid #ddd; }
.slicknav_nav ul.nav-layer-two  { border: none; }
.slicknav_nav li { display: block; width: 96%; border-top: 1px solid #ddd; }
.slicknav_nav .nav-layer-one li { border-bottom:1px solid #ededed; padding:5px 0; }
.slicknav_nav li:hover { background: rgba(0,0,0,0.1); }
.slicknav_nav .nav-layer-two li { line-height: 1em; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_item a, .slicknav_nav { margin:6em 0 0 0; padding:0 2em; }
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_nav .slicknav_row { display: block; }
/*.slicknav_nav .slicknav_row { padding:0 0 0 1.7em; margin: 0; }*/
/*.slicknav_nav a{ color: #e64c1a; }*/
.slicknav_nav a { display: inline-block; color: #333333; }
.slicknav_nav a.active, a.active span.slicknav_arrow { color: #e64c1a; }
.slicknav_nav a:hover{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; }
.slicknav_nav .slicknav_txtnode { margin-left:15px; }
.slicknav_item .flaticon-family::before, .slicknav_item .flaticon-connection::before, .slicknav_item .flaticon-fruit::before, .slicknav_item .flaticon-null::before, .slicknav_item .flaticon-opened-scissors::before, .slicknav_item .flaticon-rural::before { font-size: 1em; float:left; padding:0 0.6em; width:auto; color:#fff;  }
.nav-layer-two li .slicknav_row { margin: 0; padding: 0.7em; }
.slicknav_item li.nav-layer-three-li a { background: none; }

/*  css3 accordion*/
div.accordion { padding: 0 3% !important; margin: 0; } /*float: left; width: 96%; padding: 0 1em; }*/
.accordion .frame-type-textmedia { padding: 0.1em; margin: 0.1em; }
.accordion .bodytext { margin: 1em; }
.accordion li { margin: 1em; }
.accordion h2 { color: #ffffff; margin: 0; font-size: 1em; padding:0.3em; background: none; }
.accordion h3 { display: inline; }
.accordion a, .accordion a:hover { position: relative; z-index: 100; }
.accordion .tab { position: relative; margin: 0.4em auto; width: 100%; color: #fff; overflow: hidden; border: 1px solid rgba(134,161,11,0.2); background: rgba(255,255,255,1); }
.accordion input { position: absolute; opacity: 0; z-index: 100; width: 97.5%; height: 100%; cursor: pointer; margin: 0 auto; }
.accordion header { position: relative; display: block; padding: 0 2em 0 1em; cursor: pointer; border-radius: 0.2em; background: rgba(100,115,100,1); }
.accordion .grey header { background: rgba(0,0,0,0.3); }
/*.accordion .ce-textpic { max-height: 0; overflow: hidden; background: #ffffff; -webkit-transition: max-height .75s; -o-transition: max-height .75s; transition: max-height .75s; }*/
.accordion .ce-textpic { max-height: 0; overflow: hidden; background: #ffffff; -webkit-transition: all .75s ease-in-out; -o-transition: all .75s ease-in-out; -moz-transition: all .75s ease-in-out; transition: all .75s ease-in-out; }
.accordion .gray .ce-textpic { background: rgba(255,255,255,1); color: rgba(44,44,44,1); }
.accordion .tab-content p { margin: 1em; }
/*.accordion input:checked ~ .ce-textpic { max-height: 100em; overflow: visible; -webkit-transition: max-height .75s; -o-transition: max-height .75s; transition: max-height .75s;}*/
.accordion input:checked ~ .ce-textpic { max-height: 100em; overflow: visible; -webkit-transition: all .75s ease-in-out; -o-transition: all .75s ease-in-out; -moz-transition: all .75s ease-in-out; transition: all .75s ease-in-out; }
/*.accordion label::after { position: absolute; right: 0; top: 0; display: block; width: 3em; height: 2em; line-height: 2; color:#444444; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }*/
.accordion header::after { position: absolute; right: 1em; top: 0; display: block; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }
.accordion input[type=checkbox] + header::after { content: "\f13a"; font-family: FontAwesome; font-size: 1.4em; color: rgba(255,255,255,1); }
.accordion input[type=radio] + header::after { content: "\25BC"; }
.accordion input[type=checkbox]:checked + header::after { transform: rotate(180deg); }
.accordion input[type=radio]:checked + header::after { transform: rotateX(270deg); }
.grid_8 .accordion .ce-bodytext { padding: 0.8em 1em; }
.grid_4 .accordion .ce-bodytext { padding: 0.8em 0; }
.grid_4 .accordion ul { margin: 0 2em; }
.grid_4 .ce-bodytext > ul > li { margin: 0 1em; }
.grid_4 .accordion .ce-textpic { margin: 0; }
.accordion .ce-gallery figcaption { background: rgba(134,161,11,0.2); margin: 0; padding: 0.6em; font-size: 0.7em; }

#c17 { margin: 0 0 1em 0; }


/* lightbox */
.lightbox { position: relative;}


/* cookie-hints */
body.cookie-padding { padding-bottom: 0; }
/*
#tx_cookies #tx_cookies_close { position: absolute; right: 10px; top: 10px; z-index: 99; display: block; margin: 1em; }
#tx_cookies { position: fixed; bottom: 0; width: 100%; z-index: 5000; background: rgba(0,0,0,0.9); }
#tx_cookies_inner { position: relative; padding: 1em; color: #ffffff; font-size: 0.8em; background: none; }
#tx_cookies_hint, #tx_cookies_link { display: inline-block; }
#tx_cookies_link a { color: #ffffff; text-decoration: underline; }
#tx_cookies button, #tx_cookies input[type="submit"] { border: 0; background: #ffffff; cursor: pointer; padding: 2px; color: #000; padding: 0.5em; }
*/

/*cookie-banner*/
.cc_banner { margin: 1em; padding: 1em; max-width: 300px; font-size: 100%; border-radius: 0.2em; border: none; background: rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 15px 0px rgba(150, 150, 150, 0.4); -moz-box-shadow: 0px 1px 15px 0px rgba(150, 150, 150, 0.4); box-shadow: 0px 1px 15px 0px rgba(150, 150, 150, 0.4);}
.cc_banner > p.cc_message { line-height: 1.2em; margin: 0; }
.cc_container a, .cc_container a:visited { color: #951327; }
.cc_container a:focus, .cc_container a:hover { color: #e21b2a; }
  
/* back2top button*/
#backtotop { cursor: pointer; display: none; position: fixed; bottom: 10%; right: 4%; padding: 0.5em; text-align: center; background: rgba(255,200,100,1); border: 1px solid #fff; border-radius: 30px; opacity: 0.6; color: #FFF; font-size: 1.5em; font-weight: bold; z-index: 5000; }
#backtotop:hover { background: rgba(230,75,25,1); }

/*message-errors*/
div.typo3-messages { margin:0 0 20px; }
.tx-dvseminare .typo3-message, .tx-dvpublikationen .typo3-message { display:block; color:#B1122B; background-color:#F7D3CE; border:1px solid #EBADA8; padding:5px; margin:2px 0; }

/*** non-semantic helper classes ***/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/***************** MEDIA QUERIES ********************/
/***********SMARTPHONE 200 x 480 PORTRAIT************/
@media only screen and (min-width: 100px) {
  body { padding:0; margin: 0; }
  /*.box { width:98%; margin:0 auto; }*/
  .navigation { position: relative; width:100%; font-size: 90%; }
  .js #menu,.colophon { display:none; }
  .js .slicknav_menu { position:absolute; display:block; width:100%; background: rgba(149,19,35,1); background-image:url('/fileadmin/templates/images/kampanilelogo_trans.png'); background-repeat:no-repeat; padding:0; z-index:3000; }
  /*.slicknav_nav { background-color:#fff; position:relative; top: 2em; border-bottom:5px solid #F29300; }*/
  .permalinks, #indexedsearchbox, .topnavigation, .subnavigation { display:none;}
  .wrapper { width:100%; }
  h1, h2, h3, h4, h5, h6 { margin:0; }
  .grid_8 h3 { display:inline-block; }
  div#indexedsearchbox { /*position:absolute; top:45px; left:80px;*/ width:100%; height:23px; margin: 0 0 1em 0; line-height:1em; border:1px solid #ccc; background-color:#fff; z-index: 120; }
  .input.searchbox-sword { width:90%; }
  .searchbox-button { padding:4px; margin:0; border-spacing:0; vertical-align:baseline; }
  .indent { margin: 0 0 20px 20%; }
  .sitemap { margin: 0 0 10px 0; }
  /*.copyright { position: relative; top: 1em; width:100%; text-align:center; margin:20px auto; }*/
  .copyright.grid_4 { border-top:1px solid #ccc; }
  .copyright h1 { font-size:1.4em;}
  .copyright p { font-size:1.2em;}
  .colophon li {width:100%; margin:4px auto; }
  .colophon li a, #colophon li a:visited { float: left; font-size: 1.2em; line-height: 1.5em; width: 90%; margin:0 2%;}
  .colophon ul.smsubnav { float: left; margin: 0 0 10px; width: 50%; }
  .colophon .trenner { margin:0; padding:3px; }
  #footertext {display:inline-block; position:static; width:100%; }
  #topbutton, #printbutton, #tipbutton, #backbutton { display:none;}
  a.button1 { display:block; }
  /*.fb_navi { position: relative; top: 3em; }*/
  .tx-dvevents .fb-liste { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-width: 98%; -moz-column-width: 98%; column-width: 98%; }
  /*.footercontent { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-width: 98%; -moz-column-width: 98%; column-width: 98%; }*/
  .tx-dvevents span.input-error input[type="text"] { width: 90%; }
}

/************* DISPLAY 480 bis 767 *************************/
@media only screen and (min-width: 480px) {
  body { font-size:1em; }
  ul.nav-layer-one a { font-size:0.9em; }
  ul.nav-layer-one li { margin: 0 1em; }
  li.nav-layer-three-li a { width: 97%; }
  /*.grid_12 .frame-type-textmedia, .grid_8 .frame-type-textmedia, .grid_8 .frame-type-list { padding: 0 10% 3%; }*/
  /*.copyright { width:100%; text-align:center; }*/
  .colophon li a, .colophon li a:visited { width:100%; }
  a.button1 { display:inline;}
  .footercontent #c75, .footercontent #c79, .footercontent #c80 { width: 35%; }
  .picturearea { margin: 2.6em auto 0; }
  div.booking { padding: 1em 2em; }
  td.label { width: 110px; }
  .grid_12 .tx-dvevents { width:90%; margin: 2%; }
  /*.tx-dvevents .fb-liste { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-width: 45%; -moz-column-width: 45%; column-width: 45%; }*/
  .tx-dvevents .fb-liste { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; }
  .tx-dvevents input.citycode[type=text] { max-width: 84%; }
  /*
  .tx-dvevents input.zipcode[type="text"] { width: 25%; }
  .tx-dvevents input.citycode[type="text"] { width: 58%; }
  */
  .tx-dvevents span.input-error input[type="text"] { width: 92%; }
  .permalinks { display:block; height:0; position: relative; z-index: 350; }
  /*.news-list-view { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-width: 48%; -moz-column-width: 48%; column-width: 48%; column-width: 98%; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; }*/
  /*.footercontent { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-width: 48%; -moz-column-width: 48%; column-width: 48%; column-width: 98%; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; }*/
  .news-img-wrap-right { width: 50%; }
  .news-single .article .news-img-wrap { float: left; margin: 0.3em 2em 2em 0; max-width: 50%; }
  .news-list-view h3 span { display: inline-block; color: #ffffff; padding: 1.5em 0; }
  ul.toplinks { text-transform:uppercase; position: fixed; right: 5em; z-index: 40; }
  .slider-caption h3 { font-size: 1.3em; }
  .calendarize { font-size: 90%; }
}


/************* DISPLAY > 768 ************************/
@media only screen and (min-width: 868px) {
  body { font-size:1em; }
  .flexslider { position:relative; top:8.7em; max-height: 400px; overflow:hidden; }
  .box { margin: 0 auto; }
  .grid_4 { width: 30%; float: left; padding: 0 1em 0 3em; font-size: 95%; }
  .grid_8 { width: 70%; float: left; padding: 0 0 0 1em; }
  nav { display: block; }
  .js .slicknav_menu, #mobilenav { display:none; }
  .permalinks { display:block; height:0;/* position: fixed;*/ z-index: 150; width:100%; max-width:1900px; margin: 0 auto; }
  .permalinks-pos { width: 100%; max-width: 1900px; margin: 0 auto; }
  .permalinks a, .permalinks a:focus, .permalinks a:active, .permalinks a:hover { text-decoration:none; }
  #indexedsearchbox { display:block; }
  .rslides li div.transparent { display: block; }
  .navwrapper { display:block; width:100%; max-width:1260px; height: 130px; z-index:2000; margin: 0 auto; background-position: 2.5em 0.5em; background-size: 80%; }
   a.homelink > span { background-image: url(/fileadmin/images/logo_emshof.jpg); background-repeat: no-repeat; background-position: 0.9em 0.5em; background-size: 35%; background-position: 2.6em 0.3em; width: 100%; height: 100%; display: block; }
  .topnavigation { display:block; width:100%; margin:0 auto; /*max-height:40px; overflow:hidden;*/ -webkit-transition: all 1.8s ease; -moz-transition: all 1.8s ease; -ms-transition: all 1.8s ease; -o-transition: all 1.8s ease; transition: all 1.8s ease; }
  .topnavigation:hover { max-height:550px; }
  main { position:relative; top: 12em; }
  div.main { width:100%; max-width:1200px; margin: 0 2%; }
  .subnavigation { display:table; background: rgba(200,30,30,1); }
  .ffclose { display:none; }
  footer { position:relative; top: 12em; z-index: 20; }
  .slider-caption { font-size: 0.9em; display: table; position: absolute; }
  ul#topnav, ul.nav-layer-one { list-style-type:none; margin:0; padding:0; }
  .navigation { position: relative; width:100%; font-size: 100%; }
  ul.nav-layer-one { position:absolute; top: 5.7em; right: 0.7em; display:table; margin: 0 1em; }
  nav.sticky ul.nav-layer-one {  position: absolute; top: 5em; right: 5em; font-size: 90%; }

  ul.nav-layer-one li ul { visibility: hidden; opacity: 0; position: absolute; top: 2.5em; left: -0.6em; /* z-index:0; height: 1px; overflow: hidden;*/ transition-timing-function: ease-out; transition: 0.6s; transform: translateY(0); border: 1px solid #dddddd; border-radius: 0.3em; }
  ul.nav-layer-one li:target ul, ul.nav-layer-one li:hover ul { visibility: visible; opacity: 1; /*position: absolute; top: 2.2em; overflow: visible;*/ }
  ul.nav-layer-one li:focus-within ul { visibility: visible; opacity: 1; /*position: absolute; top: 2.2em; overflow: visible;*/ }
  
  input[type="checkbox"]:checked ~ ul.nav-layer-one li ul { display: block; visibility: initial; opacity: 1; }

  /* -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); */
  /*-webkit-transition: all 1.6s ease-in-out; -moz-transition: all 1.6s ease-in-out; o-transition: all 1.6s ease-in-out; transition: all 1.6s ease-in-out;*/

  ul.nav-layer-one li a { text-transform: uppercase;  }
  ul.nav-layer-one li a, ul.nav-layer-one li a:focus, ul.nav-layer-one > li > a:hover { color:#555555; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.3em; padding: 0.3em; display: inline-block; }
  /*ul.nav-layer-one li.active a { color: #ffffff; background: rgba(100,115,100,1); }*/
  /*ul.nav-layer-one li.active a:hover { color: #ffffff; background: rgba(100,115,100,1); border: none; }*/
  ul.nav-layer-one li a:hover { color: #444444; }
  ul.nav-layer-two { display: table; position:absolute; top: 2.1em; z-index:1000; width: 100%; max-width: 20em; min-width: 17em; list-style-type:none; margin:0 auto; padding: 0; background: rgba(255,255,255,1); }
  ul.nav-layer-one li:last-child ul.nav-layer-two { position:absolute; top: 2.1em; right: 0; }
  /*li.current ul.nav-layer-two { background: rgba(150,0,0,0.9); }*/
  ul.nav-layer-two li { display: table; width:100%; margin: 0; float: none !important; }
  ul.nav-layer-two li.current { color: #ffffff; background: rgba(0,0,0,0.2); }
  ul.nav-layer-two li:hover, .nav-layer-two li.current a { background: rgba(0,0,0,0.1); }
  ul.nav-layer-two li a, ul.nav-layer-two li a:focus { hyphens: none; z-index:3000; display:block; text-align: left; color:#444444; background: none !important; font-size: 1.1em; line-height: 1.1em; padding: 0.4em 1em; text-transform: none; }
  /*ul.nav-layer-two li a:focus { padding: 0.9em 0; }*/
  /*ul.nav-layer-two li a:hover { background: none !important; }*/
  ul.nav-layer-two li .flaticon-family, .nav-layer-two li .flaticon-connection, .nav-layer-two li .flaticon-fruit, .nav-layer-two li .flaticon-null, .nav-layer-two li .flaticon-opened-scissors, .nav-layer-two li .flaticon-rural { position: relative; top: 2em; text-align: center; }

  ul.nav-layer-three { display: table; margin: 0; padding: 1em 0; color:#fff; list-style-type: none; }
  li.nav-layer-three-li { display: inline; }
  li.nav-layer-three-li:hover, li.nav-layer-three-li:focus { color: #FABA00; }
  li.nav-layer-three-li a { float:left; width: auto; color: #fff; padding: 3px 8px; margin: 3px; border-radius: 5px; background: rgba(240,240,220,1); border: 1px solid #ddd; }
  li.nav-layer-three-li a:hover { background: rgba(230,230,190,1); }
  ul#subnav { left:0px; margin: 0 0 0 10px; position: absolute; top: 300px; }
  ul#subnav li {float:left; }
  ul#subnav li a {font-weight:normal; font-size:0.9em;}
  .smnavli { text-align:center; }
  li.smnavli { float: left; width:20%; }
  #tipbutton, #backbutton { display:none; }
  /*.news-img-wrap, .news-img-wrap-right { width: 100%; min-height: 260px; }*/
  .news .article .news-img-wrap .mediaelement-image img { width:300px; }
  .wrapper, .colophon, .footer { margin:0 auto; }
  .wrapper, .colophon { width:100%; }
  .rslides img { position: relative; display: block; height: auto; float: left; width: 100%; border: 0; overflow: hidden; /*min-width: 800px;*/ z-index: 10; }
  /*.footercontent { font-size: 0.85em; }*/
  div.booking { margin: 2em 2em; padding: 1em; border-top: 0.4em solid rgba(100,115,100,1); border-bottom: 0.4em solid rgba(100,115,100,1); }
  td.label { width: 160px; }
  .grid_12 .tx-dvevents { width: 90%; margin: 0 4% 4%; }
  /*.tx-dvevents .fb-liste { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 30%; -moz-column-width: 30%; column-width: 30%; }*/
  .tx-dvevents .fb-liste { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-width: 92%; -moz-column-width: 92%; column-width: 92%; }
  .tx-dvevents span.input-error input[type="text"] { width:93%; }
  .tx-dvevents input.citycode[type=text] { max-width: 88%; }
  /*
  .tx-dvevents input.zipcode[type="text"] { width: 25%; }
  .tx-dvevents input.citycode[type="text"] { width: 60%; }
  */
  /*.footercontent { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 30%; -moz-column-width: 30%; column-width: 30%; column-width: 98%; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 11em; }*/
  .news-single .article .news-img-wrap { float: left; max-width: 25%; }
  ul.toplinks { text-transform:uppercase; position: absolute; right: 0; z-index: 40; }
  .slider-caption { display: table; position: absolute; top: 60%; left: 0; bottom: 1%; z-index: 150; background: rgba(255,255,255,0.8); max-width: 40%; font-size: 1.5em; }
  .slider-caption h3 { color: #e64c1a; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; font-size: 1.3em; }
  .slider-caption p { color: #e64c1a; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.1em; line-height: 1.4em; }
  /*.fblinks li { float:left; text-align: center; width: 18%; margin: 0.1% 0.5%; }
  .fblinks li a { display: table; padding: 1.5em 1em 0.5em 1em;  margin: 0 0.5%; border: 1px solid #ddd; border-radius: 0.2em; min-width: 100%; height:205px; color: rgba(0,0,0,0.9); font-size: 0.8em; line-height: 1.3em; }
  .fblinks li a:hover { border: 2px solid #ddd; padding: 1.5em 1em 0.5em 1em; margin: 0 0.35%; background: rgba(0,0,0,0.1); }
  .fblinks i { position: relative; top: -0.4em; border-radius: 100%; font-size: 150%; display: table; margin: 0 auto; padding: 1em; }
  */
  .ce-gallery .ce-column { margin: 0; padding: 0 5px; box-sizing: border-box; }
  .ce-gallery .ce-column:first-child { padding-left: 0; }
  .ce-gallery .ce-column:last-child { margin-right: 0; }
  .ce-gallery img, .ce-gallery picture { width: 100%; height: auto; }
  .ce-gallery[data-ce-columns="2"] .ce-column { width: 50%; }
  .ce-gallery[data-ce-columns="3"] .ce-column { width: 33%; }
  .ce-gallery[data-ce-columns="4"] .ce-column { width: 25%; }
  .ce-gallery[data-ce-columns="5"] .ce-column { width: 20%; }
  .calendarize { font-size: 90%; }
}

/*********** DISPLAY > 1024 *********************************/
@media only screen and (min-width: 1200px) {
  div.main { width:100%; max-width:1200px; margin:0 auto 4em; }
  .wrapper { width:100%; }
  .slider-caption { display: table; }
  nav.sticky ul.nav-layer-one {  position: absolute; top: 5em; right: 1em; font-size: 90%; }
  .nav-layer-one a { font-size:0.875em; }
  .news .article .news-img-wrap img { width: 100%; max-width:100%; height:auto; }
  .ce-gallery .ce-column { margin: 0; padding: 0 5px; box-sizing: border-box; }
  /*
  .tx-dvevents input.zipcode[type="text"] { width: 4em; }
  .tx-dvevents input.citycode[type="text"] { width: 80%; }
  */
  /*.news-list-view { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 30%; -moz-column-width: 30%; column-width: 30%; column-gap: 1em; }*/
  /*.footercontent { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 30%; -moz-column-width: 30%; column-width: 30%; column-gap: 12em; }*/
}

/* RETINA (2x RESOLUTION DEVICES) This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution.
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { }
*/

/*iPHONE 5 MEDIA QUERY iPhone 5 or iPod Touch 5th generation styles
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { }
*/

/* PRINT STYLESHEET */
@media print {
  .navigation, .topnavigatin, .subnavigation { display:none; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  a[href]:after, a.external-link[href]:after, table a.external-link[href]:after,
  a.external-link-new-window[href]:after, table a.external-link-new-window[href]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  div#indexedsearchbox, input.searchbox-sword { background:#ffffff; }
  nav, #topnav {background-color: #8EBE24;}
  .news-list-view .article {float:left; width: 35%;}
}