/* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Light'), local('Roboto-Light'), url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-condensed-300 - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url('fonts/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url('fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-regular - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-700 - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url('fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } body {text-align:left;width:100%;margin:0 auto;padding:0;background:#fff;font-family:'Roboto', Tahoma, Helvetica, sans-serif;font-size:1em;color:#454545;} body.startseite {color: #fff;} table, tr, td {font-size:100%; font-family:'Roboto', Tahoma, Helvetica, sans-serif;color:#454545;} table {border-collapse:collapse;} td {border:1px solid #eaeaea;padding:1%;} .alphanav td {border:0;padding:0;} i {font-style:normal; font-family:"FontAwesome";} a img {border:none;} /*img {max-width:100%; height:auto;}*/ a, a:link, a:visited {text-decoration:underline;color:#454545;} .startseite .inhalt a, .startseite .inhalt a:link, .startseite .inhalt a:visited, .startseite .inhalt_ganzseitig a, .startseite .inhalt_ganzseitig a:link, .startseite .inhalt_ganzseitig a:visited {color:#fff;} a:hover, a:active {text-decoration:none;color:#000;} .startseite a:hover, .startseite a:active {text-decoration:none;color:#eaeaea;} a#anker_quickmenu {float:left;} * {transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;} ::before {transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;l-o-transition:all 0.4s ease 0s;} ::after {transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;} .highslide-container, .highslide-container * {transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;} .highslide-container {z-index:9999 !important;} .toggle_container {transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;} #ikiss_map, #ikiss_map * {transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;} .ntrsitn, .ntrsitn:before, .ntrsitn:after {transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;} a#up {font-size: 1em;position:fixed; bottom:60px; right:15px;background-color: #0065a8; border:1px solid #fff; width: 2.5em; height: 2.5em; border-radius:50%; text-align:center; color: #fff; text-decoration:none;} #up i {font-size:2em;} * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} ::before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} ::after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} form {clear:both;margin:15px 0 0 0;padding:0;} fieldset {width:90%;margin:0 0 25px 0;padding:15px 10px 0 10px;border:1px solid #454545;font-family:'Roboto', Tahoma, Helvetica, sans-serif;} legend {padding:0 5px 5px;font-family:'Roboto', Tahoma, Helvetica, sans-serif;font-size:1.25em;color:#454545;} label {display:block;color:#454545;} input, textarea, select, radio {width:95%;margin:0 0 15px 0;padding:3px;border:0;border:1px solid rgba(121,181,28,0.5);background:#eaeaea;font-family:'Roboto', Tahoma, Helvetica, sans-serif;font-size:1em;color:#454545;} input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus, input:visited, select:visited, textarea:visited {margin:0 0 15px 0;padding:3px;border:1px solid rgba(121,181,28,0.5);background:#fff;font-family:'Roboto', Tahoma, Helvetica, sans-serif;color:#454545;} input[readonly] {background:#fff;} input[type="radio"] {display:inline;width:auto;border:none;padding:0;margin:0;-webkit-appearance:radio;-moz-appearance:radio;appearance:radio;} input[type="checkbox"] {display:inline;width:auto;border:none;padding:0;margin:0;-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;} input[type=submit], input[type=button] {-webkit-appearance:none;-moz-appearance:none;appearance:none;} .row {margin: 0 -15px;} .row:after {display: table; content: "";clear: both} .column-1, .column-2, .column-3, .column-4, .column-5, .column-2x3, .column-3x4, .column-3x5, .column-4x5 {float:left; position:relative; padding:0 15px;} .column-1 {width: 100%;} .column-2 {width: 100%;} .column-3 {width: 100%;} .column-4 {width: 100%;} .column-5 {width: 12.5%;} .column-3x4{width: 100%} .solr-search .column-2 {width:50%;} .solr-results i { color: #79b51c; } .solr-results img { max-width: 100%; } .collapse > .column-1, .collapse > .column-2, .collapse > .column-3, .collapse > .column-2x3, .collapse > .column-4, .collapse > .column-3x4, .collapse > .column-5, .collapse > .column-3x5, .collapse > .column-4x5{ padding: 0; } /* Columns => Number = Horizontal column count */ .column-1{ width: 100%; } .column-2, .column-2x4, .column-3x6{ width: 50%; } .column-3, .column-2x6{ width: 33.333%; } .column-2x3, .column-4x6{ width: 66.666%; } .column-4{ width: 25%; } .column-3x4{ width: 75%; } .column-5{ width: 20%; } .column-2x5{ width: 40%; } .column-3x5{ width: 60%; } .column-4x5{ width: 80%; } .column-6{ width: 16.666%; } .column-5x6{ width: 83.333%; } nav.column-4 {padding:0 30px 0 0;} ::-webkit-input-placeholder {color:#454545;opacity:1;} :-moz-placeholder {color:#454545;opacity:1;} ::-moz-placeholder {color:#454545;opacity:1;} :-ms-input-placeholder {color:#454545;opacity:1;} .suche_container ::-webkit-input-placeholder {color:#fff;opacity:1;} .suche_container:-moz-placeholder {color:#fff;opacity:1;} .suche_container ::-moz-placeholder {color:#fff;opacity:1;} .suche_container :-ms-input-placeholder {color:#fff;opacity:1;} .suche_wrapper {position: relative;} /* VOLLTEXTSUCHE - AUTOCOMPLETE */ .ui-helper-hidden-accessible {display:none;} .ui-widget {z-index:1000; font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-weight:300;} .ui-widget.ui-widget-content {width:100% !important;max-width:489px;border:none !important;border-right:1px solid #e5e5e5 !important;color:#333 !important;background-color:#fff !important;margin:10px 0 0 -21px;-webkit-box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);-moz-box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);box-shadow:0px 5px 5px 0px rgba(50,50,50,0.25);} /*.ui-menu .ui-menu-item {border-bottom:1px solid #e5e5e5;}*/ .ui-menu .ui-menu-item:hover {background:#c3c3c3 !important;border:none !important;/*border-bottom:1px solid #f0f0f0 !important;*/} .ui-menu .ui-menu-item-wrapper {} .ui-menu .ui-menu-item-wrapper:hover {background:#c3c3c3 !important;border:none !important;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border:none !important;border-bottom:1px solid #e5e5e5 !important;background:#639c3d !important;font-weight:300 !important;} ul.ui-autocomplete {list-style:none !important} .solr-search .toggler-link {padding-left:15px;} .solr-search label input {margin-right:5px;} .solr-results .liste-text small {padding-right:15px;} .solr-results .pagenav { padding:15px; } .solr-results .pagenav .pn_step_l, .solr-results .pagenav .pn_page_l {padding:0 10px 0 0;} .solr-results .pagenav .pn_step_r, .solr-results .pagenav .pn_page_r, .solr-results .pagenav .pn_step {padding:0 0 0 10px;} h1 {clear:both;margin:25px 0 25px 0;padding:0 0 10px 0;line-height:1em;text-transform:uppercase;font-weight:normal;font-size:1.75em;color:#454545;font-family:"Roboto Condensed";} .startseite h1 {text-align:center; color: #454545;border-bottom:2px solid #eaeaea;} h2 {clear:both;margin:20px 0 10px 0;padding:0 0 2px 0;border-bottom:1px solid #eaeaea;line-height:1.15em;font-weight:normal;font-size:1.3em;color:#454545;} h2.trigger {cursor:pointer;} h3 {margin:13px 0 5px 0;text-transform:uppercase;font-weight:normal;font-size:1em;color:#454545;} h4 {margin:10px 0 5px 0;font-weight:bold;font-size:0.875em;color:#454545;} h5 {margin:10px 0 5px 0;font-weight:bold;font-size:0.875em;color:#454545;} h6 {margin:10px 0 5px 0;font-weight:bold;font-size:0.875em;color:#454545;} h1 a, h1 a:link, h1 a:hover, h1 a:active, h1 a:visited, h2 a, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, h3 a, h3 a:link, h3 a:hover, h3 a:active, h3 a:visited, h5 a, h4 a:link, h4 a:hover, h4 a:active, h4 a:visited, h6 a, h5 a:link, h5 a:hover, h5 a:active, h5 a:visited, h7 a, h6 a:link, h6 a:hover, h6 a:active, h6 a:visited {text-decoration:none;} .cb {clear:both;overflow:hidden;height:0px;margin:0;padding:0;line-height:1px;} .clearfix:after {content:'.';clear:both;display:block;visibility:hidden;height:0px;} .abstand {clear:both;height:2em;margin:0;padding:0;} .abstand_klein {clear:both;height:1em;margin:0;padding:0;} .trenner, hr {clear:both;margin:15px 0;padding:0 0 0 0;border-top:1px solid #fff;overflow:hidden;} .klein, .ikiss-mailform-infolabel {font-size:0.8em;} .date {display:inline-block;padding:2px 5px;background:#79b51c;font-size:.8em;color:#fff;} .startseite .date {background:none; color: #fff;} .startseite .info_aktuelles .date {display:block;} .startseite .info_veranstaltungen .date {font-size:1em;} .link {clear:both;margin:15px 0 0 0;} .link a, .link a:link, .link a:active, .link a:visited {padding:5px;background:#eaeaea;text-decoration:none;color:#454545;} .link a:hover {color:#fff;background:#454545;} .textblock_links {float:left;width:47.5%;} .textblock_rechts {float:right;width:47.5%;} .spalte_links {float: left; width:30%;margin:0;} .spalte_links img {width:100%;height:auto;} .spalte_links label {display:inline;} .spalte_rechts {float: right; width:65%;} .spalte_rechts input {width:95%;} .spalte_rechts textarea {width:95%;} .spalte_rechts select {width:95%;} .spalte_rechts input.checkbox {width:10px;} .btn a {text-decoration:none;padding: 2% 4%;display:inline-block;} .btn a:hover {transform: scale(1.025);} /*Toggler*/ .toggler-title{ background-color: #f0f0f0; padding: 5px 35px 5px 10px; font-size: 1.3em; font-weight: 300; margin: 0 0 10px; cursor: pointer; position: relative; clear: both; } .toggler-title:after{ content: '\f078'; font-family: FontAwesome; position: absolute; right: 10px; font-size: 1em; color: #666; vertical-align: middle; line-height: 1.5; transition: all 0.3s ease-in; bottom:4px; } .toggler-title.active:after{ -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); bottom:1px; } .toggler-link { padding: 5px 35px 5px 0; position: relative; clear: both; cursor: pointer; } .toggler-link:after{ content: '\f078'; font-family: FontAwesome; position: absolute; right: 10px; font-size: 1em; vertical-align: middle; line-height: 1.5; transition: all 0.3s ease-in; bottom: 4px; } .toggler-link.active::after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); bottom: 0px; } .toggler-container{ padding: 10px; margin-bottom: 10px; } /* BITV */ .sprungziel {position:absolute;z-index:9999;top:-5000px;left:-5000px;} .sprungziel a:hover, .sprungziel a:focus, .sprungziel a:active {display:block;position:absolute;top:5000px;left:5000px;padding:5px;background:#770000;text-decoration:none;font-weight:bold;color:#fff;white-space:nowrap;} /*******************************************************************************************************************/ /*******************************************************************************************************************/ /*******************************************************************************************************************/ /* SMARTPHONE */ /*******************************************************************************************************************/ h1 {margin:2% 0;} .trenner-arrow {} .wrapper_white {background-image: linear-gradient(to right, #0c7dc1, #028565); padding-bottom: 60px;overflow:hidden;} .wrapper {text-align:left;width:98%;margin:0 1%;font-size:1em;} header {background:#fff; } .folgeseite .inhalt_ganzseitig, .folgeseite .inhalt {background:#e6e6e6; margin-bottom:20px;} /*Logo*/ .logo {text-align:center;margin:0 auto;} .logo a {display:block;} .logo img {display:block;padding:2% 0;margin:0 auto;} /*Quickmenu*/ .quickmenu {text-align:center;margin:0 auto;display:block; position:relative;width:100%;background:#7f7c73;padding:0;} .quickmenu .such {text-align:center; padding: 2% 0; background:#fff;} .quickmenu ul {margin:0;padding:2% 0;list-style-type:none; width:100%; float:left;} .quickmenu li { display:inline-block; margin:0 5px 0 0; padding:0;list-style-type:none;} .quickmenu a, .quickmenu a:link, .quickmenu a:visited {display:inline;margin:0;padding:0;text-decoration:none;font-size:0.85em;color:#fff;} .quickmenu a:hover, .quickmenu a:active {color:#e9e8e8;} .quickmenu img {height:1.5em;line-height: 0.5em; vertical-align: baseline;} /*Suche*/ .suche {width:90%;margin:5% auto;padding:0;border:2px solid #fff;} .suche form {position:relative;margin:0;padding:0;} .suche input {float:left;width:90%;margin:0;background: none; color:#fff; font-size: 1em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background: none; color:#fff; font-size: 1em;width:90%; border:none; height: 30px} .suche input.lupe {position:absolute;top:0px;right:10px;width:30px;height:30px;margin:0;padding:0;border:0;background:none;cursor:pointer; font-family: FontAwesome;color:#fff;} .suche_container {position:absolute; width: 100%; min-height:100px; height:100vh; background:#585e65; background:rgba(17, 17, 17, 0.87);z-index:200; top:0;transition: none 0s ease 0s !important;} .lupe_start .close-search, .lupe_mobi i {font-size: 1em; color: #fff;padding: 0.25em 0.5em;} .lupe_start .close-search:before {content:"\f00d "; font-family:FontAwesome; margin-right:5px;} .lupe_start {display:block; position:absolute; left:50%; margin: 20px 0 0 -5em; cursor:pointer; z-index:300; text-decoration:none; text-align:center;} .lupe_start_container {position:absolute; width: 100%; bottom:0; height:100%;} .lupe_start .close-search:before {content:"\f00d "; font-family:FontAwesome; margin-right:5px;} .lupe_start .fa-close {display:none;} .lupe_start.active .fa-close {display:block;} .quickmenu a.quick_suche {padding:1%; font-size:2em; border:1px solid #454545; display:block; margin:0 auto; color: #454545;} /*Startseite*/ .info .links {padding: 0 0 4% 0; border-bottom:1px solid #fff;} .info .links p:after {content:"";font-family: FontAwesome;} /*Hauptnavigation*/ .flexnav.mobile-view {display:none;} .menu {width:100%;margin:0;background:#807c73;} .flexnav {overflow:hidden;position:relative;width:100%;max-height:0;margin:0 auto;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;} .menu-button {position:relative;display:block;margin:0;padding:2%;color:#454545;cursor:pointer; background:#fff;} .menu-button .touch-button {z-index:10;left:10px; cursor: pointer;} .menu-button .touch-button.active {} .touch-button .bars {position:relative;font-style:normal !important;font-size:2em;color:#454545;} .touch-button .bars:after {content:"\f0c9"; font-family:"FontAwesome";} .flexnav .touch-button {position:absolute;z-index:100000; right:5px; top:0.5em;cursor: pointer;} .flexnav .touch-button .bars {color: #fff;} .flexnav .touch-button.active {position:absolute;z-index:100000;right:5px; top:0.5em;} .flexnav .touch-button .bars:after {content:"\f107"; font-family:"FontAwesome";} .flexnav .touch-button.active .bars:after {content:"\f106";} .flexnav.opacity {opacity:0;} .flexnav.show {max-height:2000px;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;} .flexnav ul {width:100%;margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .flexnav li {position:relative;overflow:hidden;margin:0;padding:0;border-top:1px solid #fff;font-size:100%;} .flexnav li a, .flexnav li span {overflow:hidden;position:relative;z-index:2;display:inline-block;padding:2%;text-decoration:none;font-size:1em;color:#fff;} .flexnav li span.touch-button {padding:0; width:auto;} .flexnav ul ul span.touch-button, .flexnav ul ul span.touch-button.active {top:0;} .flexnav li ul {width:100%;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;} .flexnav li ul li {overflow:hidden;position:relative;border-top:0px;font-size:100%; background:#918d83;} .flexnav li ul.show li {overflow:visible;} .flexnav li li a, .flexnav li li span, .flexnav li li a:link, .flexnav li li a:visited {display:block;position:relative;padding:7px 25px;text-transform:none;width: 90%;} .flexnav li li a:hover, .flexnav li li a:active {display:block;background:#fff;color:#454545;} .flexnav li li a.npt_on {display:block;text-decoration:underline;} .flexnav li ul li ul li {background:#a5a095;} .flexnav li li li a, .flexnav li li li span, .flexnav li li li a:link, .flexnav li li li a:visited {padding:7px 40px;text-transform:none;} .flexnav li li li a:hover, .flexnav li li li a:active {background:#fff;color:#454545;} .flexnav li li li a.npt_on {text-decoration:underline;} .flexnav li li li li a, .flexnav li li li li span, .flexnav li li li li a:link, .flexnav li li li li a:visited {padding:7px 60px;text-transform:none;} .flexnav li li li li a:hover, .flexnav li li li li a:active {background:#fff;color:#454545;} .flexnav li li li li a.npt_on {text-decoration:underline;} .flexnav li ul li ul li ul li {background:#b4afa2;} .flexnav li a.nlk_link-active {font-weight:bold; text-decoration:underline;} /*Titelbild / Foto-Slider*/ .titelbild {position:relative;margin:0;padding:0; border-bottom: 20px solid #fff;} .titelbild img {display:block;width:100%;height:auto;} .slides, .flex-control-nav, .flex-direction-nav {display:block;position:relative;z-index:100;margin:0;padding:0;list-style:none;} .flexslider {display:block;float:left;width:100%;height:auto;margin:0;padding:0;} .flexslider .slides > li {display:none;} .flexslider .slides img {display:block;width:100%;height:auto;} .slides:after {content: "."; display:block;clear:both;visibility:hidden;line-height:0;height:0;} html[xmlns] .slides {display:block;} * html .slides {height:1%;} .flexslider {position:relative;zoom:1;font-size:.8em;color:#999;} .flexslider .slides {zoom:1;} .flex-control-nav, .flex-control-paging {display:none;} .flex-direction-nav {position:absolute;top:35%;z-index:200;width:100%;} .flex-direction-nav a {outline:none;position:absolute;text-decoration:none;line-height:.5em;font-size:4em;color:#fff;cursor:pointer;} .flex-direction-nav a.flex-prev {left:0px;margin:0 0 0 1%;} .flex-direction-nav a.flex-next {right:0px;margin:0 1% 0 0;} .meldung {background-color:#79b51c; position:absolute; bottom:-40px; z-index:200;} /*Breadcumb*/ .breadcrumb {display:none;} /*Subnavigation*/ .submenu {display:none;} /*Randspalte*/ .randspalte {} .randspalte_ganzseitig {display:none;} .randspalte_box {width:100%;margin:0;padding:2%;background:#79b51c;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; color: #fff;} .randspalte_box a, .randspalte_box h1, .randspalte_box h2, .randspalte_box h3 {color:#fff;} /*.randspalte_box.bild img {display:block;width:100%;height:auto;}*/ .randspalte_box h2 {margin:0 0 3% 0;text-transform:uppercase;font-weight:600;font-size:1.3em;} .randspalte_box .liste_titel {margin:0;font-size:1em;} .randspalte_box .links p {margin:0 0 2% 0;} .randspalte_box input:not([type="submit"]):not([type="button"]), .randspalte_box select, .randspalte_box textarea {background:#fff;} .seitennavigation {text-align:right;} .seitennavigation a, .seitennavigation a:link, .seitennavigation a:hover, .seitennavigation a:active, .seitennavigation a:visited, .seitennavigation a.seitennavigation_nonephone {text-align:right;display:inline-block;padding:2%;text-decoration:none;color:#454545;} .seitennavigation a.seitennavigation_nonephone {display:none;} footer {background-color:#7f7c73; color:#fff; border-top: 1px solid #fff;} .fusszeile {font-size:0.875em;padding:2% 0;} .fusszeile a, .fusszeile .liste_titel a {color: #fff;} .fusszeile h1 {border:none; text-align:left; color:#fff;} .fusszeile .links {width: 100%; float:left;} .fusszeile .mitte {text-align:center; width:50%;} .fusszeile .mitte img {border: none;} .fusszeile .rechts {float:right;} /* TEMPLATES *********************************************************************************************************************************************************************************************************************************************/ .input_container {float:left;width:95%;margin:0 0 0 0;} /*.liste_text, .adressen_links, .adressen_rechts {width:100%;}*/ .spalte_links {width:100%;margin:0;} .spalte_rechts {width:100%;} .textblock_links {float:left;width:100%;} .textblock_rechts {float:right;width:100%;} /* .mt_left {float:left;width:48%;height:auto;margin:0 4% 2% 0;} .mt_right {float:right;width:48%;height:auto;margin:0 0 2% 4%;} */ .suchergebnis_titel {float:left;width:50%;padding:.5% 2%;} .suchergebnis_datum {float:right;width:25%;padding:.5% 0;} .tourismus_opt {clear:both;width:100%;} /* Themenboxen */ .themenbox {display:block;float:left;width:49%;background:#fff;padding:1%;margin:0 5% 1em 0;} .themenbox:hover {background:#f4f4f4;} .themenbox img {display:block;width:100%;height:auto;} .themenbox h2 {border:none; position:absolute; bottom: 0; margin:0; padding: 2% 1%; width: 100%; background-color:#000;background-color: rgba(0,0,0,0.5);color: #fff; white-space:nowrap;height: 40px; overflow:hidden; text-overflow:ellipsis;} .themenbox.last {margin:0 0 1em 0;} .themenbox.even {margin:0 0 1em 0;} .themenbox.box1 {width:100%;} .themenbox.box2 {width:100%;} .themenbox.box3 {width:100%;} .themenbox.box4 {width:100%;} .themenbox.box5 {width:100%;} .elastislide-carousel .themenbox, .elastislide-carousel .themenbox.even, .elastislide-carousel .themenbox.last {position:relative; margin:0; padding:0; border:3px solid #fff;} /*Mediathek*/ .responsive-video, .flowplayer {position:relative;padding-bottom:55%;padding-top:15px;height:0;overflow:hidden;border:1px solid #ccc;background-color:#000;} .responsive-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;} .multimedia .liste_bild {width:100%;margin:0;} .multimedia .liste_text {width:100%;margin:0;} /* Google Maps */ #ikiss_map {position:relative;width:100%;height:600px;margin:0px;border:none;font-size:1em;} #map {position:relative;width:100%;height:65%;margin:0px;border:none;} #map_adr {position:absolute;top:16.2em;right:0px;z-index:100;text-align:left;width:180px;height:50%;padding:0px;color:#454545;} #map_adr a, #map_adr a:link, #map_adr a:hover, #map_adr a:active, #map_adr a:visited {margin:0 0 5px 0;color:#454545;} #map_adr_on {position:absolute;top:14.4em;right:0px;z-index:99;text-align:left;width:auto;padding:5px 5px 5px 5px;font-size:1em;color:#454545;background:#eaeaea;cursor:pointer;} #map_adr_off {position:absolute;top:-1.6em;right:0px;text-align:center;width:15px;height:23px;color:#454545;background:#eaeaea;cursor:pointer;} #map_sm {background:#eaeaea;} #map_sm_div {text-align:left;padding:5px;} #map_sm_div label {color:#454545;} #map_sm_div button {font-size:1em;color:#454545;background:#fff;border:none;padding:4px;vertical-align:top;cursor:pointer;} #igm_adr {overflow:auto;text-align:left;max-height:100%;padding:5px;background:#eaeaea;font-size:.8em;} #igm_iw_info {text-align:left;} #igm_iw_info img {width:100%;height:auto;} #gm_smf input, #gm_smf select, #gm_smf textarea {border:1px solid #fff;background:#fff;font-family:'Roboto', Tahoma, Helvetica, sans-serif;font-size:1em;color:#454545;} .gm_kategorie {width:100%;} .gm_kategorie select {width:100%;} .gm_name {width:100%;} .gm_name input {width:90%;} .gm_strassenverzeichnis {width:100%;} .gm_strassenverzeichnis input {width:90%;} .gm_strassenverzeichnis input, .gm_strassenverzeichnis select, .gm_strassenverzeichnis textarea {border:1px solid #fff;background:#fff;font-family:'Roboto', Tahoma, Helvetica, sans-serif;font-size:1em;color:#454545;} /*Startseitenicons*/ .stadt, .icons {padding: 4em 0; position:relative; margin: 0;} /*.icons .icon_bekanntmachungen,.icons .icon_waswo, .icons .icon_baustellen, .icons .icon_kreistag, .icons .icon_stellenanzeigen, .icons .icon_formulare {overflow:hidden, text-overflow:ellipsis;}*/ .icons a {display:block; width: 50%; margin-top: 3em; float:left; text-align:center; text-decoration:none; position:relative;color: #fff !important; } .startseite .icons a {font-size:1em;} .icons .icon_musik a, .icons .icon_volkshochschule a, .icons .icon_stadthalle a {margin-top: 6em;} .icons a:after{ position:absolute; top: -2.25em; left:50%; margin-left:-1em; width: 2em; height:2em;border: 2px solid #fff;border-radius:1em;padding: 0.42em 0;} .startseite .icons a:after {font-size: 1.3em;} .icons .icon_bekanntmachungen a:after {content:"\f0a1"; font-family: "FontAwesome";} .icons .icon_bekanntmachungen a:hover:after {transform: scale(1.1,1.1);} .icons .icon_waswo a:after {content:"\f128"; font-family: "FontAwesome";} .icons .icon_waswo a:hover:after {transform: scale(1.1,1.1);} .icons .icon_baustellen a:after {content:"\f071"; font-family: "FontAwesome";} .icons .icon_baustellen a:hover:after {transform: scale(1.1,1.1);} .icons .icon_kreistag a:after {content:"\f0c0"; font-family: "FontAwesome";} .icons .icon_kreistag a:hover:after {transform: scale(1.1,1.1);} .icons .icon_stellenanzeigen a:after {content:"\f03a"; font-family: "FontAwesome";} .icons .icon_stellenanzeigen a:hover:after {transform: scale(1.1,1.1);} .icons .icon_formulare a:after {content:"\f0c5"; font-family: "FontAwesome";} .icons .icon_formulare a:hover:after {transform: scale(1.1,1.1);} .icon_baustellen a, .icon_kreistag a, .icon_stellenanzeigen a, .icon_formulare a {margin-top: 4em;} /*FOLGESEITENICONS*/ .folgeseite .icons {display:none;} /* Elastislide Style */ .elastislide-list { list-style-type: none; display: none; } .no-js .elastislide-list { display: block; } .elastislide-carousel ul li { min-width: 20px; /* minimum width of the image (min width + border) */ } .elastislide-wrapper { position: relative; margin: 0 auto; min-height: 60px; } .elastislide-wrapper.elastislide-loading { background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center center; } .elastislide-horizontal { padding: 2px 0px; } .elastislide-vertical { padding: 40px 10px; } .elastislide-carousel { overflow: hidden; position: relative; } .elastislide-carousel ul { position: relative; display: block; list-style-type: none; padding: 0; margin: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .elastislide-horizontal ul { white-space: nowrap; } .elastislide-carousel ul li { margin: 0; -webkit-backface-visibility: hidden; } .elastislide-horizontal ul li { height: 100%; display: inline-block; padding:1%; vertical-align:top; } .elastislide-vertical ul li { display: block; } .elastislide-carousel ul li a { display: inline-block; width: 100%; vertical-align:top; } .elastislide-carousel ul li a img { display: block; max-width: 100%; } /* Navigation Arrows */ .elastislide-wrapper nav span { position: absolute; cursor: pointer; opacity: 0.8; color:#000; font-size: 3em; } .elastislide-wrapper nav span:hover { opacity: 1.0 } .elastislide-horizontal nav span { top: 50%; left: 10px; margin-top: -11px; } .elastislide-vertical nav span { top: 10px; left: 50%; margin-left: -11px; background-position: -17px 5px; } .elastislide-horizontal nav span.elastislide-next { right: 10px; left: auto; background-position: 4px -17px; } .elastislide-vertical nav span.elastislide-next { bottom: 10px; top: auto; background-position: -17px -18px; } .elastislide-next i {margin-right: -0.4em;} .elastislide-prev i {margin-left: -0.4em;} /*******************************************************************************************************************/ /*******************************************************************************************************************/ /*******************************************************************************************************************/ /* TABLET */ /*******************************************************************************************************************/ @media only screen and (min-width:700px) { .wrapper_white {padding-bottom: 120px;} h1 {margin:0 0 25px 0;} .column-3x4{width: 75%} .column-3 {width: 33.333%;} .column-4 {width: 25%;} .randspalte.column-4 {width: 75%; float:right; margin:0; padding:0; } .inhalt.column-2 {width: 75%;} /*Logo*/ .logo img {width: 20%;margin:0 auto 2% auto;} .header_right {width:100%;} /*SUCHE*/ .suche input.lupe {width:10%; float:right; margin:0; padding:0; height:50px; top:0; right:0; font-size:2em;} .suche input {font-size: 1em;height: 50px;padding:2%;} .suche input.lupe {position:absolute;height:30px;margin:0;padding:0;border:0;background:none;cursor:pointer; font-family: FontAwesome;color:#fff;} .suche {width: 50%; margin:13% auto 0 auto; } .lupe_start .close-search, .lupe_mobi i {font-size: 1.5em;} /*Hauptnavigation*/ .menu {position:relative;z-index:1000;width:100%;margin:25px 0;padding:0;font-size:1.2em; background:none;} .flexnav {margin-top:0;} .menu-button {display:none;} .flexnav .touch-button {display:none;} .flexnav {overflow:visible;} .flexnav.opacity {opacity:1;} .flexnav ul {margin:0 auto;padding:0;border-top:none;position: relative;} .flexnav>ul>li {height:60px;border-right:1px solid #333;} .flexnav>ul>li>span, .flexnav>ul>li>a {text-transform:uppercase; font-family:"Roboto Condensed";height: 85px;} .flexnav>ul>li>span:hover, .flexnav>ul>li>a:hover {color: #7f7c73;} .flexnav ul li.npt_last {border-right: none;} .flexnav li {overflow:visible;position:static;z-index:1000;float:left;width:16.666%;margin:0;padding:0;border-top:0px;list-style:none; text-align:center;} .flexnav li:hover {margin:0;padding:0;} .flexnav li a, .flexnav li span {overflow:visible;margin-right:0%;font-size:0.875em; line-height: 1.2em;padding:0.2em 0.75em;border-top:0px;background:none;color:#454545; text-align:left;} /*.flexnav li:hover a, .flexnav li:hover span {position:relative;font-size:0.875em;color:#454545;}*/ .flexnav li:hover ul {padding:0;} .flexnav li ul {position:absolute;top:auto;left:0;margin:0;} .flexnav li > ul li {border:none !important;} .flexnav ul.nlv_2 li a, .flexnav ul.nlv_2 li span {color: #fff;} .flexnav ul ul.nlv_2 {background: #454545;background-color: rgba(69,69,69,0.75);padding: 2% 0; } .flexnav ul ul.nlv_2:before {background-color: #454545;background-color: rgba(69,69,69,0.75);content: "";height: 100%;position: absolute; right: -999em;top: 0;width: 999em;} .flexnav ul ul.nlv_2:after {background-color: #454545;background-color: rgba(69,69,69,0.75);content: "";height: 100%;position: absolute; left: -999em;top: 0;width: 999em;} .flexnav ul.nlv_2 li {display:block; float:left; width: 25%;position:relative; padding: 0 2%;} .flexnav ul.nlv_2 ul {height: auto !important; opacity: 1 !important;} .flexnav>ul>li>ul>li>a, .flexnav>ul>li>ul>li>span {border-bottom: 1px solid #fff;} .flexnav ul.nlv_3 {display:block !important; opacity:1;position:relative;} .flexnav ul.nlv_3 li { padding: 0;} .flexnav li ul li ul.nlv_3 li, .flexnav li ul li ul.nlv_3 li:hover {display:block; float:none; position:relative; width:100%;} .flexnav li ul li {position:relative; background:none;} .flexnav li ul {border-right:0;} .flexnav li ul.open {opacity:1;visibility:visible;z-index:1;display:block;} .flexnav li ul.open li {overflow:visible;max-height:100px;} .flexnav li ul.open ul.open {top:0;} .flexnav li li {left:0px;width:auto;} .flexnav li li a, .flexnav li li span, .flexnav li li a:link, .flexnav li li a:visited {padding: 7px 25px 7px 0; width: 100%;} .flexnav li li a:hover, .flexnav li li span:hover, .flexnav li li a:active {font-size:1em;background:none;padding: 7px 25px 7px 0;} .flexnav li li li a, .flexnav li li li span, .flexnav li li li a:link, .flexnav li li li a:visited {padding:0.438em 0.75em 0.438em 0em; background:none; color: #fff;} .flexnav li li li a:hover, .flexnav li li li span:hover, .flexnav li li li a:active {padding:0.438em 0.75em 0.438em 0em; background:none; color: #fff;} .flexnav li li li li a, .flexnav li li li li span, .flexnav li li li li a:link, .flexnav li li li li a:visited {padding:0.438em 0.75em 0.438em 0em;} .flexnav li ul li, .flexnav li ul li ul li, .flexnav li ul li ul li ul li {background:none;} /*Titelbild / Foto-Slider*/ .flex-direction-nav {top:55%;} .flex-direction-nav a {font-size:5em;} /*Breadcrumb*/ .breadcrumb {display:block;padding:1% 0;margin:0 0 3.5em 0; border-bottom: 1px solid #fff; color:#fff;} .breadcrumb ul, .breadcrumb li {float:left;display:inline;margin:0;padding:0;list-style-type:none;} .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {padding:0 5px 0 0;text-decoration:none;font-size:.9em;color:#fff;} .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a.nlk_on {text-decoration:none;color:#fff;} /*Subnavigation*/ .submenu {display:block;float:left;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;hyphens:auto;} .submenu ul, .submenu li {margin:0;padding:1%;list-style-type:none;font-size:1em;} .submenu ul {padding:0;} .submenu > ul {margin-top:-2em;} .submenu > ul > li {padding:0;} .submenu ul li.npt_off a, .submenu ul li.npt_off a:link, .submenu ul li.npt_off a:visited {display:inline-block;margin:0 0 5% 0;text-decoration:none;text-transform:uppercase;color:#454545;} .submenu ul li.npt_off a:hover, .submenu ul li.npt_off a:active, .submenu ul li.npt_on a, .submenu ul li.npt_on a:link, .submenu ul li.npt_on a:visited, .submenu ul li.npt_on a:hover, .submenu ul li.npt_on a:active {display:inline-block;margin:0 0 0 0;padding:2%;text-decoration:none;text-transform:uppercase;color:#454545;} .submenu>ul>li.npt_off>a:hover, .submenu>ul>li.npt_off>a:active, .submenu>ul>li.npt_on>a, .submenu>ul>li.npt_on>a:link, .submenu>ul>li.npt_on>a:visited, .submenu>ul>li.npt_on>a:hover, .submenu>ul>li.npt_on>a:active {background:#79b51c; color:#fff;} .submenu > ul > li > ul > li.npt_off {background-color: #e6e6e6;} .submenu ul ul li.npt_off a, .submenu ul ul li.npt_off a:link, .submenu ul ul li.npt_off a:visited {margin:0;padding:2%;text-transform:none;color:#454545;} .submenu ul ul li.npt_off a:hover, .submenu ul ul li.npt_off a:active, .submenu ul ul li.npt_on a, .submenu ul ul li.npt_on a:link, .submenu ul ul li.npt_on a:visited, .submenu ul ul li.npt_on a:hover, .submenu ul ul li.npt_on a:active {margin:0;padding:2%;background:#fff;text-transform:none;color:#000;} .submenu ul ul li.npt_on {background-color: #fff; border-left: 5px solid #79b51c;} .submenu ul ul li.npt_off:hover, .submenu ul ul li.npt_off:active {background-color: #fff; border-left:none;} .submenu ul ul ul li.npt_off a, .submenu ul ul ul li.npt_off a:link, .submenu ul ul ul li.npt_off a:visited {margin:0 0 0 5%;padding:2%;background:none;color:#454545;} .submenu ul ul ul li.npt_off a:hover, .submenu ul ul ul li.npt_off a:active, .submenu ul ul ul li.npt_on a, .submenu ul ul ul li.npt_on a:link, .submenu ul ul ul li.npt_on a:visited, .submenu ul ul ul li.npt_on a:hover, .submenu ul ul ul li.npt_on a:active {margin:0 0 0 5%;padding:2%;background:none;text-decoration:underline;color:#000;} .submenu ul ul ul li.npt_on {border-left:none;} .submenu ul ul ul ul li.npt_off a, .submenu ul ul ul ul li.npt_off a:link, .submenu ul ul ul ul li.npt_off a:visited {margin:0 0 0 10%;padding:2%;text-decoration:none;color:#454545;} .submenu ul ul ul ul li.npt_off a:hover, .submenu ul ul ul ul li.npt_off a:active, .submenu ul ul ul ul li.npt_on a, .submenu ul ul ul ul li.npt_on a:link, .submenu ul ul ul ul li.npt_on a:visited, .submenu ul ul ul ul li.npt_on a:hover, .submenu ul ul ul ul li.npt_on a:active {margin:0 0 0 10%;padding:2%;background:none;text-decoration:underline;color:#000;} .startseite .inhalt {width:75%;margin:2em 0 5% 0;} .inhalt {padding-top: 2%; padding-bottom: 2%;} .startseite .inhalt_ganzseitig {width:100%;margin:2em 0 5% 0;} .inhalt_ganzseitig {padding-top: 2%;} .themen {margin-top: 4%;} /*Randspalte*/ .randspalte {} .randspalte_box {float:none;width:100%;margin:0;padding:3%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .randspalte_box:nth-child(even) {width:100%;margin:0;} .randspalte .links p {margin:0 0 5px 0;} .seitennavigation {padding:1% 0;} .seitennavigation a, .seitennavigation a:link, .seitennavigation a:hover, .seitennavigation a:active, .seitennavigation a:visited, .seitennavigation a.seitennavigation_nonephone {padding:2% 0 2% 2%;color:#454545;} .seitennavigation a.seitennavigation_nonephone {display:inline-block;} /* TEMPLATES ************************************************************************************************************************************************************************************************************************/ .input_container {float:left;width:45%;margin:0 2% 0 0;} .liste_bild {display:block;float:left;width:25%;} .liste_bild img {display:block;width:100%;} .liste_text {float:right;width:73%;} .veranstaltungen .liste_text {width:65%; float:none;} .spalte_links {float:left;width:33%;margin:0;} .spalte_rechts {float: right; width:65%;} .liste-bild img, .image-single img, .image-gallery img, .themenboxen img{ width: 100%; display: block; } .textblock_links {float:left;width:48%;} .textblock_rechts {float:right;width:48%;} .adressen_links {float:left;width:40%;margin:0 0 2% 0;} /* GB: width angepasst */ .adressen_rechts {float:right;width:50%;margin:0 0 2% 0;} /* GB: width angepasst */ .tourismus_opt {clear:none;float:left;width:50%;} /* Themenboxen */ .elastislide-carousel .themenbox, .elastislide-carousel .themenbox.even, .elastislide-carousel .themenbox.last {border:10px solid #fff;} .themenbox.even {margin:0 5% 2em 0;} .themenbox.last {margin:0 0 2em 0;} .themenbox.box1 {width:100%;} .themenbox.box2 {width:47.5%;} .themenbox.box3 {width:30%;} .themenbox.box4 {width:21.25%;} .themenbox.box5 {width:16%;} .elastislide-carousel .themenbox.box1, .elastislide-carousel .themenbox.box2, .elastislide-carousel .themenbox.box3, .elastislide-carousel .themenbox.box4, .elastislide-carousel .themenbox.box5 {width: 100%;} .elastislide-horizontal { padding: 10px 40px; } .elastislide-next i {margin-left: -1.25em;} .elastislide-prev i {margin-left: 0.4em;} /*Mediathek*/ .multimedia .liste_bild {width:50%;} .multimedia .liste_text {width:48%;} /* Google Maps */ #map {height:90%;} #map_adr {top:8.9em;} #map_adr_on {top:7em;} #map_adr_off {display:block;} .gm_kategorie {float:left;width:30%;margin:0 5% 0 0;} .gm_kategorie select {width:100%;} .gm_name {float:left;width:30%;} .gm_name input {width:82%;} .gm_strassenverzeichnis {float:right;width:30%;} .gm_strassenverzeichnis input {width:82%;} /*Starseitenicons*/ .icons {margin:0 0 0 0;} .startseite .icons a {font-size:1em; width: 33%;} .startseite .icons a:after{font-size:2.5em;} .icon_kreistag a, .icon_stellenanzeigen a, .icon_formulare a {margin-top: 7em;} .icon_baustellen a {margin-top: 3em;} /*FOLGESEITENICONS*/ .folgeseite .icons {position:fixed; top:100px; right: 0; z-index:10000; display:block;transform:translatex(85%);} .folgeseite .icons a:after {background-color:#7f7c73; top:-1px; left: 0;text-align:center; width:50px; height:50px; font-size: 1.5em;} .folgeseite .icons a {float:none; width: auto; text-align:left;padding:1em 10px 1em 50px; margin-top:1em; height:50px;margin-left:0;} .folgeseite .icons a:hover {background:#7f7c73; border-top:1px solid #fff;border-bottom:1px solid #fff; margin-left: -100%;} .folgeseite .icons a:hover:after { transform:none !important; border-radius:1em;} .fusszeile .mitte img {margin-top: -60px;} .fusszeile .links {width: 30%;} .fusszeile .mitte {text-align:center; width:30%;} } /*******************************************************************************************************************/ /*******************************************************************************************************************/ /*******************************************************************************************************************/ /* DESKTOP */ /*******************************************************************************************************************/ @media only screen and (min-width:980px) { .logo {text-align:left;float:left;display:inline-block;width:20%;} .logo img { min-width: 200px;} .header_right {display:inline-block; float:right;text-align:right;width:80%;} .inhalt.column-2 {width: 50%;} .randspalte.column-4 {width: 25%; float:right;padding: 0 0 0 30px;} /*Quickmenu*/ .quickmenu {text-align:left;} .quickmenu a.quick_suche {border:none; color: #fff;} .quickmenu:after {background-color: #7f7c73;content: "";height: 100%;position: absolute; right: -999em;top: 0;width: 999em;} .quickmenu .such {position:absolute; right:5px; top:6px;padding:0; background:none; border:none;} .quickmenu ul {width:95%;} .quickmenu a, .quickmenu a:link, .quickmenu a:visited {margin:0 0 0 0.625em;} .wrapper {text-align:left;margin:0 auto;} .seitennavigation {padding:0;} .tourismus_opt {width:30%;} .flexnav li a, .flexnav li span {font-size:.9em;padding: 0.3em 0.1em;} .flexnav li li li a, .flexnav li li li span, .flexnav li li li a:link, .flexnav li li li a:visited {padding:0.438em 0.875em 0.438em 0em;} .flexnav li li li li a, .flexnav li li li li span, .flexnav li li li li a:link, .flexnav li li li li a:visited {padding:0.438em 0.875em 0.438em 0em;} .lupe_start i {padding: 0.5em 0.75em;} .lupe_mobil i {padding: 0.25em 0.5em;} .suche input {font-size: 1.3em;height: 50px;} .suche input.lupe {height:50px; font-size:2em;} .stadt, .icons {padding: 6.5em 0;} .startseite .icons a {width: 16.66666%;} .icon_kreistag a, .icon_stellenanzeigen a, .icon_formulare a {margin-top: 3em;} .startseite .icons a:after {top: -2.5em;} .veranstaltungen .liste_text {float:right;} .fusszeile .mitte img {margin-top: 0px;} .themenbox h2 {min-height: 90px; height: initial; overflow:visible; text-overflow:initial; white-space:normal;} } /*******************************************************************************************************************/ /*******************************************************************************************************************/ /*******************************************************************************************************************/ /* TV */ /*******************************************************************************************************************/ @media only screen and (min-width:1600px) { .quickmenu li {margin:0 30px 0 0;} .quickmenu img {margin-right:5px;} .wrapper {max-width:80%;font-size:1.1em;} .logo img {width:35%;min-width: 200px;height:auto;margin:0;} .suche input {height: 90px;} .suche input.lupe {height:90px;font-size:2.5em;} .lupe_start .close-search, .lupe_mobi i {font-size: 2em;} } @media screen and (max-width: 700px){ .column-2 { width: 100% } .logo img {max-width:250px;width:60%;} .flexnav.mobile-view {display:block;} .flexnav.desk {display:none;} } /* Cookie-Hinweis und Tracking-Box */ .cookie-message, .tracking-box{ width: 100%; color:#454545; background-color: #f0f0f0; padding: 25px; -webkit-box-shadow: 0 5px 15px #000; box-shadow: 0 5px 15px #000; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25); box-shadow: 0 5px 15px rgba(0,0,0,0.25); z-index: 9999!important; } .cookie-message, .tracking-box, .startseite a:hover, .startseite a:active { color:#454545; } .cookie-message .btn, .tracking-box .btn{ margin: 0 10px 0 0; display: inline-block; padding: 5px 10px; } .cookie-message .pull-right .btn, .tracking-box .pull-right .btn{ margin: 0 0 0 10px; display: inline-block; padding: 5px 10px; } .cookie-message.bottom-left{ position: fixed; bottom: 30px; left: 30px; max-width: 500px; z-index: 100; } .cookie-message.bottom-right{ position: fixed; bottom: 30px; right: 30px; max-width: 500px; z-index: 100; } .cookie-message.bottom{ position: fixed; bottom: 0; z-index: 100; } #cookie-message{ display: none; } @media screen and (max-width: 960px){ .cookie-message.bottom-left, .cookie-message.bottom-right, .cookie-message.bottom{ padding:15px; font-size: 0.8em; } } @media screen and (min-width: 700px) and (max-width: 910px) { .info_aktuelles .liste_bild, .info_aktuelles .liste_text { width:100%; } } @media screen and (max-width: 680px){ .cookie-message.bottom-left, .cookie-message.bottom-right, .cookie-message.bottom{ bottom: 0; left: 0; right: 0; max-width: none; -webkit-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25); box-shadow: 0 0 15px rgba(0,0,0,0.25); } .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-2x3, .column-2x4, .column-3x4, .column-2x5, .column-3x5, .column-4x5, .column-2x6, .column-3x6, .column-4x6, .column-5x6{ width: 100%; } } @media screen and (max-width: 460px){ .icon_baustellen a, .icon_kreistag a, .icon_stellenanzeigen a, .icon_formulare a { margin-top:3em; } .icons a { margin-bottom:45px; width:100%; } .icons { padding:2em 0; } .themen.row { margin-top:30px; } .startseite .icons a:after { font-size:2em; } } /*Autocomplete*/ .solr-results img { max-width:100%; } .solr-results .liste-titel a { text-decoration:none; font-weight:bold; } .solr-results i { color:#79b51c; } .ac_results li { font-size:1em !important; line-height:1.8em !important; padding:1px !important; } .ac_label { font-weight:bold !important; color:#fff !important; background-color:#00667c !important; } .ac_over { background-color:#00667c !important; } .suchergebnis_seitenzaehler { float:right; text-align:right; width:65%; } .suchergebnis_ergebnisanzahl { float:left; width:30%; } .suchergebnis { width:100%; margin:25px 0; padding:10px 0; border-top:1px dotted #c4c4c4; border-bottom:1px dotted #c4c4c4; } /* Zusatzmodul: Volltextsuchmaschine SOLR */ .solr-results em { background-color:#ff0; font-style:normal; padding:0 1px; } .solr-results a { text-decoration:none; } /* Zusatzfunktion: Wichtige Mitteilung in einem modalen Fenster */ .modal-window, .modal-window *, .modal-window *::before, .modal-window *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modal-window { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .75); z-index: 9000; display: none; justify-content: center; align-items: center; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; color:#454545 !important; } .modal-window-overlay { background-color: #fff; overflow-y: auto; height: 100%; opacity: 0; animation-name: modal-window-open; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards; } @keyframes modal-window-open { 0% { opacity: 0 } 100% { opacity: 1 } } @media screen and (min-width: 681px) { .modal-window-overlay { max-width: 960px; height: calc(100% - 30px); width: calc(100% - 30px); } } @media screen and (min-width: 681px) and (min-height: 431px) { .modal-window-overlay { height: auto; max-height: 400px; } } @media screen and (min-width: 681px) and (min-height: 631px) { .modal-window-overlay { max-height: 600px; } } @media screen and (min-width: 681px) and (min-height: 831px) { .modal-window-overlay { max-height: 800px; } } .modal-window-content { padding: 30px; } .modal-window-content div[style="display:inline"]:last-of-type > :last-child { /* Designtemplate-Felder */ margin-bottom: 0; } .modal-window-hide-btn { vertical-align: bottom; margin-top: 30px; } .modal-window-hide-x { cursor: pointer; background-color: transparent !important; float: right; color: #404040; margin: -20px -20px 30px 30px; line-height: 1; border:none !important; } .modal-window-hide-x i[class^=fa] { margin-right: 0; } .modal-window-hide-x .fa-fw { height:1.25em; } html.noscroll { overflow: hidden; } .modal-window.flex { display: flex !important; } .modal-window h1, .modal-window h2,.modal-window h3,.modal-window h4,.modal-window h5,.modal-window h6{ color:#454545 !important; text-align:left !important; } .modal-window .randspalte_box a,.modal-window .randspalte_box h1,.modal-window .randspalte_box h2,.modal-window .randspalte_box h3 { color: #fff !important; } .modal-window .highslide_gallery_single img { max-width: 100%; } button.btn { display: inline-block; padding: 7px 15px 10px; background-color: #0065a8; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: normal; font-size: 1em; position: relative; overflow: hidden; -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15); -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15); border: none !important; margin: 10px 10px 0 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; } .btn::before { margin-right: 10px; font-family: "Font Awesome 5 Pro"; font-size: 1rem; font-weight: 400; } button.btn::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.0) !important; top: 0; left: 0; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } button i.far, a i.fas, button i.fas, a i.fab, button i.fab, a i.fa, button i.fa { line-height: 1.33; vertical-align: top; margin-right: 5px; } span.ikiss-field-button input, span.ikiss-field-button { float: left; width: auto; }