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", "Helvetica Neue", "sans-serif";
  font-weight:300;
  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; }

/*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; }

.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 { font-size: 1.7em; }
ul { margin:0; padding:0;}
.main ul { list-style-position:outside; margin:0 0 1em 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: 3px 0; }
.content img, .flexslider img, figure img, .news-single .article .news-img-wrap img { width:100%; max-width:100%; height:auto; }
#menu2 { display:none; }
.slicknav_nav .slicknav_arrow { font-size: 1em; margin: 0 0 0 1.4em; }
.ce-bodytext { padding: 0 0 0 0; }
.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; }
.grid_8 .frame-layout-1 { margin: 3em; padding: 0; }
.frame-90 { margin: 6% 6% 2%; }
.grid_12 .frame-type-textmedia { padding: 0 2% 3%; margin: 3em 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_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; }

/*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; }

/* 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(148,21,31,1);*/ line-height: 1.6em; }
body { background-color: #5f0e15; }
body#style-default { background: linear-gradient(180deg, #94151f, #8f101a 37%, #5f0e15); }
body#style-7 { 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; }
.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, .copyright, .fb_navi { display:table; width: 100%; max-width:1200px; margin: 0 auto; padding:0; }
.footercontent { display:block; max-width:1260px; }
.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: 5em;width: 100%; max-width: 1200px; margin: 0 auto; background: rgba(255,255,255,1); }
.content { width: 100%; margin: 0; }
.copyright { width:100%; max-width:1200px; margin:0 auto; text-align:right;}
.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: #444444; display: inline-block; text-decoration: none; display: block; margin: 0 1em; 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-size:1.6em; color: #000000; display: inline-block; text-decoration: none; display: block; margin: 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.2em; /*margin:  0 0.8em;*/ color: #000000; 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: rgba(149,19,39,1); }
.grid_4 h4 a { color:#ffffff; }
.grid_4 p { margin:5px 0 0 0; }
.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:90px; 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: 90px; 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/templates/images/customerlogo_trans.png); background-repeat: no-repeat; background-size: 70%; background-position: 1.8em 0.3em; width: 220px; height: 80px; 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 .nav-layer-two li { position: relative; top: 0em; }

/*headlines*/
h1, h2, h3, h4, h5, h6, legend { margin: 0 0 10px; line-height:20px; }
.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: #cb1b19; 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(148,21,31,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(148,21,31); }
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); }
#menu2 a, #menu2 a:visited { color:#444; }
a.more { display:block; width:100%; text-align:right; color:#cb1b19; 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); }

/* icons*/
ul.fblinks { display: block; width:100%; margin: 0; list-style-type: none; }
.fblinks li { margin: 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 { border-radius: 100%; font-size: 110%; display: inline; padding: 0.3em; margin: 0 1em 0 0; }
.fblinks i.:hover { cursor: pointer; }
.fblinks i.fa-user-friends { color:#fff; background: rgba(163,216,227,1); }
.fblinks i.fa-users { color:#fff; background: rgba(167,31,94,1); }
.fblinks i.fa-lemon { color:#fff; background: rgba(114,74,152,1);}
.fblinks i.fa-graduation-cap { color:#fff; background: rgba(33,57,83,1); }
.fblinks i.fa-palette { color:#fff; background: rgba(49,94,162,1); }

article i.fa-user-friends, article i.fa-users, article i.fa-lemon, article i.fa-graduation-cap, article i.fa-palette { position: absolute; right: 0.2em; color: rgba(255,255,255,0.3); font-size: 6em; }

/*** 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/customerlogo.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; padding:0 0 0 2em; }
ul.toplinks a { color: #444444; }
ul.toplinks a:hover { color: #cb1b19; }
.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; }

.fa-home, .fa-home:hover { color: #444444;}
.fa-cart-plus { color:#444444; }
.tx-dvevents .fa-cart-plus { color:#000000; border: 1px solid #000000; padding: 0.3em; border-radius: 4px; position: absolute; bottom: 0.3em; right: 2.3em; }
.fa-meh, .fa-smile, .fa-frown { color:#000000; border: 1px solid #000000; padding: 0.3em; border-radius: 4px; position: absolute; bottom: 0.3em; right: 0.3em; }
.fa-smile:hover { color: #000000; background-color: #00ff00; }
.fa-meh:hover { color: #000000; background-color: #fff000; }
.fa-frown:hover { color: #000000; background-color: #ff0000; }
.fa-cart-plus:hover { color: #000000; background-color: #ffffff; }
.fa-bars { color: #000000; font: normal normal normal 22px/1 FontAwesome;}
#merkliste .fa-cart-plus { background: none; }

/*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; }

/*flexslider*/
.flexslider { position:relative; top:0; max-width: 1200px; }
.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: rgba(165,25,25,1); padding: 1% 3.5% 0; color: #ffffff; font-size: 0.75em; width: 100%; }
.slider-caption h3 { font-size: 0.9em; }
.slider-caption p { font-size: 1.1em; line-height: 0.9em; }

/*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*/
.footercontent { max-width: 960px; margin: 0 auto; }
.footercontent .frame { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display: table; padding: 2em 0; }
footer { position:relative; top: 5.5em; display:table; clear:both; width:100%; font-size:90%; color:#fff; background-color: rgba(0,0,0,0.9); z-index:100; padding: 4em 4em 0;
margin: 0 auto 4em; }
footer .content-element { margin: 0; padding: 0; background: none; }
footer a, footer a:visited, footer a:active, footer a:hover { color: #ffffff; text-decoration:none; }
fotter a:active, fotter a:hover { color:#fff; text-decoration:underline; }
footer ul{ margin:0; padding:0; list-style-type: none; }
footer h1, footer h2, footer h3, footer h4 { margin-bottom:10px; }
.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; }

/*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; }

/*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; }

/* news */
.news { clear: left; background: rgba(255,255,255,1); }
.news .article {  padding:0; /*background: rgba(255, 255, 255, 1);*/ -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */ display:table; }
.news .article .header { display: inherit; margin: 0 1em 0 0;  }
.news .article h3 a { color: #444444; }
.news-img-wrap { width: 100%; 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 .article .footer { font-size: 0.85em; color: #999999;}
.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: #ffffff; padding: 0 2em; }
.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 .teaser-text p { font-weight: bold; }
.news-single .news-backlink-wrap { text-align: right; }
.news .category-1 { background: rgba(49,19,35,0.6); }
.news .category-3 { background: rgba(149,19,35,0.6); }
.news .category-5 { background: rgba(149,19,35,0.8); }
.page-navigation p { display: none; font-size: 70%; }

/*formular*/
input { margin:5px; }
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) !important; }
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; }
.blue { color: #1A568F; }
.green { color:rgba(134, 162, 11, 1); }
.yellow { color: #ffffff; /*color:#e3db00;*/}
.red { color:#fc0000; }
.grey { color:#999; }
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:80%; max-width: 100%; width: 100%; }
.top-events:hover { background: rgba(0,0,0,0.4); }
.top-events img.highlightimg { }
.grid_8 .top-events .label { position: absolute; bottom: 0; background: rgba(148,21,31,1); display: block; width: 100%; }
.grid_4 .top-events .label { position: relative; bottom: 0; background: rgba(148,21,31,1); display: block; width: 100%; }
.top-events .label p { margin: 0; padding: 0.5em 1em 0; }
.top-events .label h3 { margin: 0; padding: 0.5em 1em; }
.top-events a { color: #ffffff; }

.grid_12 .tx-dvevents { margin: 4%; }

div.booking { padding: 4%; border-radius: 3px; border-top: 0.4em solid rgba(148,21,31,1); border-bottom: 0.5em solid rgba(148,21,31,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; }
.tx-dvevents article { position: relative; display: table; width: 96%; margin: 0 0 0.4em 0; padding: 1em; cursor: pointer; border-radius: 0.5em; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; }
.tx-dvevents .ampel { width: 100%; height: 1.4em; position: relative; margin: 1em 0 0 0; font-size: 1.3em; }
.tx-dvevents .tile p { font-size: 0.95em; margin: 0 0 0.5em 0; line-height: 1.2em; }
div.tx-dvevents table { width: 96%; margin: 0 0 1em 0; border-spacing:0; }
.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; padding: 0; }
.tx-dvevents h3 { font-size: 1.2em; margin: 0.2em 0 0.5em 0; }
.tx-dvevents i.fa-eye, .tx-dvevents i.fa-list-alt { color: #444; font-size: 1.2em; cursor: pointer; margin: 0 0 0 3.6em; }
.tx-dvevents input { margin: 0.3em 0; }
.tx-dvevents input[type=text] { width: 94.25%; border: 1px solid #ccc; padding: 3px; font-size: 1em; }
.tx-dvevents input.citycode[type=text] { width: 98%; padding: 3px; font-size: 1em; }
.tx-dvevents input.zipcode[type="text"] { max-width: 3.5em; }
.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[type="checkbox"].input-error, span.input-error { color: rgba(185,21,34,1); background-color: rgba(185,21,34,0.1); border: 1px solid #990000; padding: 0 0 0 0.3em; }
.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; position: relative; top: -10px; }
.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;}
.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; }
.highlights { -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */ display:table; margin:0 0 0.5em 0; padding: 0; width: 100%; }
.tx-dvevents .fa-stack { display: none; }

/* merkliste */
#merkliste { color: #444444; }
#merkliste h4 i.fa-cart-plus { padding: 0; }
.merkliste { background: #ffffff; padding: 1em; 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.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; }

/* 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; }

/*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(149,19,39,1); }
ul.f3-widget-paginator a:hover { padding: 0.2em 0.5em; border-radius:3px; color: #ffffff; background:rgba(149,19,39,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(148,21,31,1); }
a.red { color: #fff; background-color: rgba(148,21,31,0.9); }
a.red:hover { color: #fff; background-color: rgba(148,21,31,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; 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; }
.function-line { text-align: center; margin:1em 0; }

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

/*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 { background: rgba(0,55,0,0); margin: 0 0 2em 0; padding: 0 0 0.5em; }
/*.fb_navi ul { margin: 0 0 1em 0; }*/
.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:2em 0 0; }
.shariff .facebook a, .shariff .twitter a, .shariff .whatsapp a { border:1px solid #ededed; background: #fff; }
.shariff .facebook a { color: #3B5998; }
.shariff .facebook a:hover { color: #fff; background-color: #3B5998; }
.shariff .twitter a { color: #55ACEE; }
.shariff .twitter a:hover { color: #fff; background-color: #55ACEE; }
.shariff .whatsapp a { color: #5CBE4A; }
.shariff .whatsapp a:hover { color: #fff; background-color: #5CBE4A; }

/* tx-felogin-pi1 */
.tx-felogin-pi1 { margin: 0 0 1em 0; 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(148,21,31,1); }

/* 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(148,21,31,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 */
.nav-layer-one li { position: relative; display: block; float:left; margin: 0 0.2em; border-top: 3px solid rgba(148,21,31,0); border-bottom: 3px solid rgba(148,21,31,0); }
.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(148,21,31,1); border-bottom: 3px solid rgba(148,21,31,1); }
.nav-layer-one li.current { color: #ffffff; background: rgba(150,0,0,0.9); }
.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: #fff; background: none; padding: 3px 8px; margin: 3px; }

/* slicknav - Mobile Menu Core Style */
.slicknav_btn { position: fixed; right: 0; display: block; float: right; cursor: pointer; padding: 1em 2em 2em.3em; left: 0; text-align: right; background: #ffffff; background-color: rgb(255, 255, 255); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; background-size: auto auto; background-image: url('/fileadmin/templates/images/customerlogo_trans.png'); background-repeat: no-repeat; background-color: #ffffff; background-position: 1.2em 0.5em; background-size: 8em; box-shadow: 0 3px 20px -5px #ccc; z-index:100; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
i.fa.fa-bars::before { font-size: 1.8em; }
.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 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%; padding: 0.5em; 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 a { color: #333333; }
.slicknav_nav a.active, a.active span.slicknav_arrow { color: #cb1b19; }
.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(149,19,35,1); }
.accordion .grey header { background: rgba(0,0,0,0.3); }
.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: 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 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; }

/* keine Anzeige*/
#backtotop, .cc_banner { display: none; }
  
/*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; }

/***************** MEDIA QUERIES ********************/
/***********SMARTPHONE 200 x 480 PORTRAIT************/
@media only screen and (min-width: 100px) {
  body { padding:0; margin: 0; }
  .navigation { position: relative; width:100%; font-size: 90%; }
  .js #menu2,.colophon { display:none; }
  .js .slicknav_menu { position:absolute; display:block; width:100%; background: rgba(149,19,35,1); background-image:url('/fileadmin/templates/images/mobile-logo.png'); background-repeat:no-repeat; padding:0; z-index:3000; }
  .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; }
  .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 0.5em; }
  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 5% 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; }
    .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 span.input-error input[type="text"] { width: 92%; }
  .flexslider { position:relative; top:0; }
  .permalinks { display:block; height:0; position: relative; z-index: 350; }
  .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, .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: 0.9em; }
}


/************* DISPLAY > 768 ************************/
@media only screen and (min-width: 868px) {
  body { font-size:1em; }
  .box { margin: 0 auto; }
  .grid_4 { width: 30%; float: left; padding: 0 3em 0 1em; font-size: 85%; }
  .grid_8 { width: 70%; float: left; }
  nav { display: block; }
  .js .slicknav_menu, #mobilenav { display:none; }
  .permalinks { display:block; height:0; position: fixed; z-index: 150; width:100%; }
  .permalinks-pos { position: relative; width: 100%; max-width: 1200px; 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:1200px; height: 130px; z-index:2000; margin: 0 auto; background-position: 2.5em 0.5em; background-size: 80%; }
   a.homelink > span { background-image: url(/fileadmin/templates/images/customerlogo_trans.png); background-repeat: no-repeat; background-position: 2.5em 0.5em; background-size: 80%; 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: 8.7em; }
  div.main { width:100%; max-width:1200px; }
  .subnavigation { display:table; background: rgba(200,30,30,1); }
  .ffclose { display:none; }
  footer { position:relative; top: 9.6em; }
  .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: 1.1em; display:table; margin: 0 1em; }
  nav.sticky ul.nav-layer-one {  position: absolute; top: 3.4em; right: 1.3em; font-size: 90%; }

  ul.nav-layer-one li ul { display:none; }
  ul.nav-layer-one li:hover ul { display:table; height:auto; max-height:300px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; o-transition: all 0.6s ease-in-out; transition: all 0.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:#444444; padding: 0.3em; display: inline-block; }
  ul.nav-layer-one li.active a { color: #ffffff; background: rgba(149,19,35,1); }
  ul.nav-layer-one li.active a:hover { color: #ffffff; background: rgba(149,19,35,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: 16em; min-width: 11em; list-style-type:none; margin:0 auto; padding: 0; background: rgba(148,21,31,0.9); }
  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.3); }
  ul.nav-layer-two li:hover, .nav-layer-two li.current a { background: rgba(0,0,0,0.3); }
  ul.nav-layer-two li a, ul.nav-layer-two li a:focus {  z-index:3000; display:block; text-align: left; color:#ffffff !important; background: none !important; font-size: 90%; line-height: 1.1em; padding: 0.4em 1em; }
  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 .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.9em; }
  div.booking { margin: 2em 2em; padding: 1em; border-top: 0.4em solid rgba(148,21,31,1); border-bottom: 0.4em solid rgba(148,21,31,1); }
  td.label { width: 160px; }
  .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 span.input-error input[type="text"] { width:93%; }
  .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:3.2em; z-index: 40; }
  .slider-caption { display: table; bottom: 0; z-index: 150; background: rgba(0,0,0,0.3); }
  .slider-caption h3 { font-size: 1em; }
  .slider-caption p { font-size: 0.9em; line-height: 1.1em; }
  .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:156px; 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: 200%; display: table; margin: 0 auto; padding: 1em; }
}

/*********** DISPLAY > 1024 *********************************/
@media only screen and (min-width: 1200px) {
  div.main { width:100%; max-width:1200px; margin:0 auto; }
  .wrapper { width:100%; }
  nav.sticky ul.nav-layer-one {  position: absolute; top: 3.8em; right: 1.2em; font-size: 90%; }
  .nav-layer-one a { font-size:0.875em; }
  .news .article .news-img-wrap img { max-width:100%; }
  .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; }
}

/* 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%;}
}