/* lora-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: normal; font-weight: 400; src: url('../fonts/lora-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lora-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: italic; font-weight: 400; src: url('../fonts/lora-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lora-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: normal; font-weight: 500; src: url('../fonts/lora-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lora-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: italic; font-weight: 500; src: url('../fonts/lora-v32-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lora-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: normal; font-weight: 600; src: url('../fonts/lora-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lora-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: italic; font-weight: 600; src: url('../fonts/lora-v32-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lora-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: normal; font-weight: 700; src: url('../fonts/lora-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lora-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: italic; font-weight: 700; src: url('../fonts/lora-v32-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 500; src: url('../fonts/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../fonts/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /******************************/ /****** Joomla Templates ******/ /******************************/ html {width: 100%; margin:0 auto; padding:0;} body { font-size: 24px; color:#221f20; line-height: 1.7; width:100%; margin: 0 auto; padding:0px; background-color:#b2c492; font-family: 'Open Sans'; font-weight:400; background-image: url(../images/bg-verlauf.jpg); background-repeat: repeat-x; background-position:top left;} div#wrapperall {} #header-outer {width:100%; margin:0 auto; position:relative; z-index:9000;} #header-inner {width:100%; max-width: 1400px; margin:0 auto; display: flex; justify-content: center;} #banner-outer {width:100%; margin:0 auto; margin-top:-120px; } #banner-inner {width:100%; max-width: 1400px;} #body-outer {width:100%; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; float: left;} #body-inner {width:100%; max-width:1400px; margin:0 auto; text-align:justify; background-color:#fff;} #wrapper2 {padding:50px;} #footer-outer {width:100%; float: left; margin: 0 auto; } #footer-float {width:100%; max-width: 1400px; margin: 0 auto; background-color:#5c2e01;} #footer-inner { padding:40px 40px 0px 40px;} /******************************/ /****** Joomla Templates ******/ /******************************/ #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner{ padding: 0px 0px; } @media screen and (min-width:768px){ #header-inner { padding: 0px 0px; } #top-inner, #banner-inner, #advert-inner, #upper-inner, #bottom-inner, #copyright-inner { margin: 0 auto; } } /******************************/ /****** Joomla Templates ******/ /******************************/ #top-outer.clr {z-index:250;} #top-float { width: 100%; max-width:1400px; margin:0 auto; padding: 0px 0px;} #banner-float { width: 100%; } #advert-float { float: left; width: 100%; padding: 15px 0px 0px 0px; } /******************************/ /****** Joomla Templates ******/ /******************************/ #copyright, #designer { color: #000000; } #spacer { height: 0px; width:100%; margin: 0 auto; float:left;} #logo { padding: 0px 10px 20px 0px; margin:0 auto; margin-left:-6px;} #logo img { margin:0 auto; height:auto;} /*div#logo img.logo {width:100%; max-width:189px; height:auto; max-height:291px;}*/ /*#logo img.logo {visibility:hidden;} /*ausblenden des normalen logos und skalieren beim kleinerwerden damit der scrolbalken verschwindet */ /*#logo {background-image: url(../images/logo-carolin-kampehl-small.jpg); background-repeat: no-repeat; background-position:center center;} /*einblenden des kleinen logos */ /*@media screen and (min-width:890px){ #logo { width:566px; height:66px; padding: 0px 0px 0px 0px; margin-top:35px; float: left; } #logo img.logo {visibility:visible;} }*/ #topright { float:right; width:100%; max-width:800px; height:auto; margin-right: 7px;} @media screen and (min-width:768px){ #copyright { float: left; margin-top: 15px; } #designer { float: right; margin-top: 15px; } } /******************************/ /****** Joomla Templates ******/ /******************************/ #body-right-only { float: left; width: 100%; max-width:750px; margin-bottom:20px; margin-right:25px;} #right-right-only {float:left; width:284px; padding-right:20px; padding-left:20px; padding-bottom:0px; padding-top:30px; background-color:#e8dbe1; border-left:1px solid #b97593; font-size:14px;} @media screen and (min-width:768px){ #body-left-only { float: right; width: 780px; } #body-left-right { float: left; width: 520px; margin-left: 20px; } #body-right-center { float: left; width: 690px; } #body-left-center { float: right; width: 690px; } #body-left-right-center { float: left; width: 520px; margin-left: 20px; } /*#right-right-only { float: right; width: 300px; }*/ #left-left-only { float: left; width: 300px; } #left-left-right { float: left; width: 200px; } #right-left-right { float: right; width: 200px; } #right-right-center { float: right; width: 250px; } #left-left-center { float: left; width: 250px; } #left-left-right-center { float: left; width: 200px; } #right-left-right-center { float: right; width: 200px; } } @media screen and (min-width:768px){ .centerright #layer-right-center { float: left; width: 470px; } .centerright #center-right-center { float: right; width: 200px; } .centerleft #layer-right-center { float: right; width: 470px; } .centerleft #center-right-center { float: left; width: 200px; } .centerright #layer-left-center { float: left; width: 470px; } .centerright #center-left-center { float: right; width: 200px; } .centerleft #layer-left-center { float: right; width: 470px; } .centerleft #center-left-center { float: left; width: 200px; } .centerright #layer-left-right-center { float: left; width: 300px; } .centerright #center-left-right-center { float: right; width: 200px; } .centerleft #layer-left-right-center { float: right; width: 300px; } .centerleft #center-left-right-center { float: left; width: 200px; } .centerright #layer-center-only { float: left; width: 740px; } .centerright #center-center-only { float: right; width: 200px; } .centerleft #layer-center-only { float: right; width: 740px; } .centerleft #center-center-only { float: left; width: 200px; } } /******************************/ /******* Joomla Default *******/ /******************************/ p { margin:0;} ul.menu, ul.menu ul, ul.menu ul ul, .pagination ul, .actions li, #login-form ul, ul.dropdown-menu, ul.breadcrumb, ul.pagenav, ul.category-module, .nav-tabs li { list-style: none; padding: 0; margin: 0; } img { border: none; padding: 0; margin: 0 auto; } /*.clr { clear: both; }*/ h1, h2, h3, h4, h5 { margin: 0px;} h1 { font-size: 34px; font-weight: 600; margin-bottom:35px; text-align:center; color:#a3181b;} h2 { font-size: 34px; font-weight: 600; margin-bottom:35px; text-align:center; color:#a3181b;} h3 { font-size: 28px; color:#fff; font-weight: 300; margin-bottom:15px; text-align:center;} h4 { font-size: 20px; } h5 { font-size: 18px; } form input, form select { font-size: 17px; border-radius: 10px; padding: 5px; background-color: #fff; border: 1px solid #2c712d; margin-bottom: 10px;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div.moduletable div.rapid_contact div div.input-group textarea { font-size: 17px; border-radius: 10px; padding: 5px; background-color: #fff; border: 1px solid #2c712d; margin-bottom: 10px;} } /******************************/ /******* Joomla Default *******/ /******************************/ .fontfamily1, .fontfamily1 .inputbox, .fontfamily1 input.button { font-family: 'Open Sans';} .fontfamily2, .fontfamily2 .inputbox, .fontfamily2 input.button { font-family: "Times New Roman", Times, serif; } .fontfamily3, .fontfamily3 .inputbox, .fontfamily3 input.button { font-family: "Courier New", Courier, monospace; } .fontfamily4, .fontfamily4 .inputbox, .fontfamily4 input.button { font-family: "Georgia", Times New Roman, Times, serif; } .fontfamily5, .fontfamily5 .inputbox, .fontfamily5 input.button { font-family: "Verdana", Arial, Helvetica, sans-serif; } .fontfamily6, .fontfamily6 .inputbox, .fontfamily6 input.button { font-family: "Geneva", Arial, Helvetica, sans-serif; } .fontfamily7, .fontfamily7 .inputbox, .fontfamily7 input.button { font-family: "Book Antiqua"; } /******************************/ /******* Joomla Default *******/ /******************************/ .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: .8; filter: alpha(opacity=80); } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0; } /******************************/ /******* Joomla Default *******/ /******************************/ .upper a, .user a, .inside a, .bottom a, .blog-featured h2 a, .blog h2 a, .item-page h2 a, .dropdown-menu li a, ul.pagenav a, .category-name a, .result-title a, .contact-emailto a, a.btn, #right-right-only .newsflash-title a, #left-left-only .newsflash-title a, #left-left-right .newsflash-title a, #right-left-right .newsflash-title a, #right-right-center .newsflash-title a, #left-left-center .newsflash-title a, #left-left-right-center .newsflash-title a, #right-left-right-center .newsflash-title a, #center-right-center .newsflash-title a, #center-left-center .newsflash-title a, #center-left-right-center .newsflash-title a, #center-center-only .newsflash-title a, #right-right-only a.readmore, #left-left-only a.readmore, #left-left-right a.readmore, #right-left-right a.readmore, #right-right-center a.readmore, #left-left-center a.readmore, #left-left-right-center a.readmore, #right-left-right-center a.readmore, #center-right-center a.readmore, #center-left-center a.readmore, #center-left-right-center a.readmore, #center-center-only a.readmore, #designer a { color: #000000; text-decoration: none; } .btn-toolbar a.btn { margin: 0px 5px; } #topmenu { margin:0 auto; height:30px; background-color:#f3f3f3; padding-top:5px; padding-left:20px; font-size: 14px;} #topmenu a { color: #FFFFFF; text-decoration: none; } #topmenu .menu li { float: left; margin-right: 15px; } #topright .menu li { float: left; margin-left: 15px; } #topmenu .menu li li, #topmenu .menu li li li, #topright .menu li li, #topright .menu li li li { display: none; } /******************************/ /******* Joomla Default *******/ /******************************/ .page-header h1, .contact h1 { font-size: 20px; margin-bottom: 25px; color:#0098dc; font-weight: normal; margin-left:-40px; padding-left:40px; text-transform: uppercase;} .blog-featured h2, .blog h2, .item-page h2, .contact h2 { } .dropdown-menu li { display: inline; margin-right: 10px; } dl.article-info dd { padding: 0; margin: 0; } .newsflash-title { margin-top: 10px; } .pagination { text-align: center; float: left; width: 100%; margin-bottom: 15px; } .pagination li { display: inline; } li.pagination-page { display: none; } .pagination .pagenav { padding: 5px 10px; text-decoration: none; margin: 0px 2px; } ul.pagenav .previous { float: left; margin-bottom: 15px; } ul.pagenav .next { float: right; margin-bottom: 15px; } p.counter { margin-top: -10px; } p.readmore a { padding: 5px 10px; text-decoration: none; } @media screen and (min-width:480px){ li.pagination-page { display: inline; } } @media screen and (min-width:768px){ p.readmore { text-align: right; } } /******************************/ /******* Joomla Config ********/ /******************************/ #right-right-only .moduletable, #right-right-only .moduletable_menu, #left-left-only .moduletable, #left-left-only .moduletable_menu, #left-left-right .moduletable, #left-left-right .moduletable_menu, #right-left-right .moduletable, #right-left-right .moduletable_menu, #right-right-center .moduletable, #right-right-center .moduletable_menu, #left-left-center .moduletable, #left-left-center .moduletable_menu, #left-left-right-center .moduletable, #left-left-right-center .moduletable_menu, #right-left-right-center .moduletable, #right-left-right-center .moduletable_menu, #center-right-center .moduletable, #center-right-center .moduletable_menu, #center-left-center .moduletable, #center-left-center .moduletable_menu, #center-left-right-center .moduletable, #center-left-right-center .moduletable_menu, #center-center-only .moduletable, #center-center-only .moduletable_menu { padding-bottom: 15px; } #right-right-only .moduletable h3, #right-right-only .moduletable_menu h3, #left-left-only .moduletable h3, #left-left-only .moduletable_menu h3, #left-left-right .moduletable h3, #left-left-right .moduletable_menu h3, #right-left-right .moduletable h3, #right-left-right .moduletable_menu h3, #right-right-center .moduletable h3, #right-right-center .moduletable_menu h3, #left-left-center .moduletable h3, #left-left-center .moduletable_menu h3, #left-left-right-center .moduletable h3, #left-left-right-center .moduletable_menu h3, #right-left-right-center .moduletable h3, #right-left-right-center .moduletable_menu h3, #center-right-center .moduletable h3, #center-right-center .moduletable_menu h3, #center-left-center .moduletable h3, #center-left-center .moduletable_menu h3, #center-left-right-center .moduletable h3, #center-left-right-center .moduletable_menu h3, #center-center-only .moduletable h3, #center-center-only .moduletable_menu h3 { padding-bottom: 5px; margin-bottom: 10px; } #right-right-only .menu li a, #left-left-only .menu li a, #left-left-right .menu li a, #right-left-right .menu li a, #right-right-center .menu li a, #left-left-center .menu li a, #left-left-right-center .menu li a, #right-left-right-center .menu li a, #center-right-center .menu li a, #center-left-center .menu li a, #center-left-right-center .menu li a, #center-center-only .menu li a, #right-right-only .category-module li a, #left-left-only .category-module li a, #left-left-right .category-module li a, #right-left-right .category-module li a, #right-right-center .category-module li a, #left-left-center .category-module li a, #left-left-right-center .category-module li a, #right-left-right-center .category-module li a, #center-right-center .category-module li a, #center-left-center .category-module li a, #center-left-right-center .category-module li a, #center-center-only .category-module li a { text-decoration: none; padding: 5px; margin: 2px 0px; text-shadow: #444444 1px 1px 1px; text-transform:uppercase; font-size:16px;} /******************************/ /******* Joomla Config ********/ /******************************/ #login-form { padding: 10px; background: #fafafa; } #form-login-username, #form-login-password { margin-bottom: 10px; } #login-form .inputbox { padding: 4px; width: 94%; border: 1px solid #c0c0c0; } #jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { padding: 4px; width: 94%; border: 1px solid #c0c0c0; } #member-registration, #user-registration { margin-bottom: 15px; } #member-registration fieldset, #user-registration fieldset { margin-bottom: 10px; } #login-form ul { margin-top: 10px; } #login-form a { color: #000000; text-decoration: none; } @media screen and (min-width:768px){ #jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { width: 250px; } } /******************************/ /******* Joomla Config ********/ /******************************/ .search .inputbox { padding: 3px; border: 1px solid #c0c0c0; } .search .form-limit { text-align: center; margin-top: 10px; } .result-created, .result-category, .result-text { padding: 0; margin: 0; } .result-created { margin-bottom: 10px; } #searchForm #ordering, #searchForm #limit { padding: 3px; } .highlight { color: #000000; } #searchForm { color: #000000; } /******************************/ /******* Joomla Config ********/ /******************************/ #contact-form { margin: 15px 0px; } #jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { padding: 4px; width: 94%; border: 1px solid #c0c0c0; } #jform_contact_message { padding: 4px; width: 94%; border: 1px solid #c0c0c0; } .contact h3 { padding: 3px 10px; } .contact h2 { margin-bottom: 15px; } @media screen and (min-width:768px){ #jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { width: 250px; } #jform_contact_message { height: 250px; } } /******************************/ /******* Joomla Config ********/ /******************************/ input.button, button.button, button.btn { padding: 4px 10px; border: none; } .btn-toolbar { padding-bottom: 10px; } .btn-group { display: inline; } .nav-tabs li { display: inline; margin: 0px 5px; } .nav-tabs li a { color: #000000; text-decoration: none; } /******************************/ /******* Joomla Toolbar *******/ /******************************/ #navigation { width:100%; margin:0 auto;} /* kleinerwerden der menübar auf 100% */ .navigation { float: left; margin: 4px 0px 0px 15px; } /*@media screen and (min-width:480px){ */ .navigation { display: none; } @media screen and (min-width:1200px){ #navigation { width:100%; margin:0 auto; margin-top: 50px;} .navigation { float: left; margin: 4px 0px 0px 15px; } .navigation { display: none; } } /******************************/ /******* Joomla Toolbar *******/ /******************************/ #toolbar { clear: both; margin: 50px 0px 0px 0px; width: 100%; position: relative; z-index: 5; background-color:#eaeaea; padding:10px;} #toolbar .menu a { display: block; text-decoration: none; } #toolbar .menu a:hover {color:#76ffff;} #toolbar .menu li li a { font-size: 18px; font-weight: normal; } #toolbar .menu li li li a { font-size: 18px; font-weight: normal; } #toolbar.navbar-collapse.collapse.in ul.menu.nav a {color:#000; padding:15px; font-size: 20px;} #toolbar.navbar-collapse.collapse ul.menu.nav li ul {border-radius:15px;} @media screen and (min-width:1200px){ #toolbar { clear: none; margin: 0 auto; width:100%; max-width:1100px; text-align:center;} #toolbar .menu a { font-size: 24px; padding: 5px 35px 5px 35px; font-weight: 400;} /*#toolbar .menu a:hover {background-image: url(../images/bg-menu.jpg); background-repeat: repeat-x;}*/ #toolbar .menu li { display: inline-block; position:relative; padding: 0px; } /******************************/ /******* Joomla Toolbar *******/ /******************************/ #toolbar .menu li li a { font-size: 18px; font-weight:400; padding: 20px 20px 20px 20px; line-height:normal;} #toolbar .menu ul { float:none; left:-999em; position:absolute; z-index: 99; } #toolbar .menu ul { padding: 0px; } #toolbar .menu ul li { padding: 0px; position:relative; margin-left: 0px; } #toolbar .menu li li, #toolbar li:hover ul, #toolbar li.sfhover ul { left: auto; } #toolbar ul.menu li li:hover { background: none; } #toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { } #toolbar ul.menu ul li.active a, #toolbar ul.menu ul li.active a:hover, #toolbar ul.menu ul li.active a:active, #toolbar ul.menu ul li.active a:focus { } #toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { } #toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { } /******************************/ /******* Joomla Toolbar *******/ /******************************/ #toolbar .menu li li li a { font-weight: normal; font-size: 14px; } #toolbar .menu ul ul { margin: -1.8em 0 0 12.5em; } #toolbar .menu ul ul { position: absolute; z-index: 99; height: auto; } #toolbar .menu ul ul { padding: 0px; } #toolbar ul.menu li li li:hover { } /******************************/ /******* Joomla Toolbar *******/ /******************************/ #toolbar li:hover ul ul, #toolbar li:hover ul ul ul, #toolbar li.sfhover ul ul, #toolbar li.sfhover ul ul ul, #toolbar ul.menu li:hover ul ul, #toolbar ul.menu li:hover ul ul ul, #toolbar ul.menu li.sfhover ul ul, #toolbar ul.menu li.parentsfhover ul ul, #toolbar ul.menu li.parent-activesfhover ul ul, #toolbar ul.menu li.activesfhover ul ul, #toolbar ul.menu li.sfhover ul ul ul, #toolbar ul.menu li.parentsfhover ul ul ul, #toolbar ul.menu li.parent-activesfhover ul ul ul, #toolbar ul.menu li.activesfhover ul ul ul { left: -999em; } #toolbar li:hover ul, #toolbar li li:hover ul, #toolbar li li li:hover ul, #toolbar li.sfhover ul, #toolbar li li.sfhover ul, #toolbar li li li.sfhover ul, #toolbar ul.menu li:hover ul, #toolbar ul.menu li li:hover ul, #toolbar ul.menu li li li:hover ul, #toolbar ul.menu li.sfhover ul, #toolbar ul.menu li.parentsfhover ul, #toolbar ul.menu li.parent-activesfhover ul, #toolbar ul.menu li.activesfhover ul, #toolbar ul.menu li li.sfhover ul, #toolbar ul.menu li li.havesubchildsfhover ul, #toolbar ul.menu li li.havesubchild-activesfhover ul, #toolbar ul.menu li li.activesfhover ul, #toolbar ul.menu li li li.sfhover ul, #toolbar ul.menu li li li.havesubchildsfhover ul, #toolbar ul.menu li li li.havesubchild-activesfhover ul, #toolbar ul.menu li li li.activesfhover ul { left: auto; } } /******************************/ /******* Joomla Modules *******/ /******************************/ @media screen and (min-width:768px){ #body-right-only .cols-3 .column-1, #body-left-only .cols-3 .column-1 { width: 204px; float: left; } #body-right-only .cols-3 .column-2, #body-left-only .cols-3 .column-2 { width: 204px; float: left; margin-left: 14px; } #body-right-only .cols-3 .column-3, #body-left-only .cols-3 .column-3 { width: 204px; float: right; } #body-right-only .cols-2 .column-1, #body-left-only .cols-2 .column-1 { width: 312px; float: left; } #body-right-only .cols-2 .column-2, #body-left-only .cols-2 .column-2 { width: 312px; float: right; } #body-right-only .cols-1 .column-1, #body-left-only .cols-1 .column-1 { width: 640px; float: left; } #body-right-only .cols-4 .column-1, #body-left-only .cols-4 .column-1 { width: 148px; float: left; } #body-right-only .cols-4 .column-2, #body-left-only .cols-4 .column-2 { width: 148px; float: left; margin-left: 16px; } #body-right-only .cols-4 .column-3, #body-left-only .cols-4 .column-3 { width: 148px; float: left; margin-left: 16px; } #body-right-only .cols-4 .column-4, #body-left-only .cols-4 .column-4 { width: 148px; float: right; } #body-left-right .cols-3 .column-1 { width: 164px; float: left; } #body-left-right .cols-3 .column-2 { width: 164px; float: left; margin-left: 14px; } #body-left-right .cols-3 .column-3 { width: 164px; float: right; } #body-left-right .cols-2 .column-1 { width: 252px; float: left; } #body-left-right .cols-2 .column-2 { width: 252px; float: right; } #body-left-right .cols-1 .column-1 { width: 520px; float: left; } #body-wide .cols-5 .column-1 { width: 180px; float: left; } #body-wide .cols-5 .column-2 { width: 180px; float: left; margin-left: 15px; } #body-wide .cols-5 .column-3 { width: 180px; float: left; margin-left: 15px; } #body-wide .cols-5 .column-4 { width: 180px; float: left; margin-left: 15px; } #body-wide .cols-5 .column-5 { width: 180px; float: right; } #body-wide .cols-4 .column-1 { width: 228px; float: left; } #body-wide .cols-4 .column-2 { width: 228px; float: left; margin-left: 16px; } #body-wide .cols-4 .column-3 { width: 228px; float: left; margin-left: 16px; } #body-wide .cols-4 .column-4 { width: 228px; float: right; } #body-wide .cols-3 .column-1 { width: 310px; float: left; } #body-wide .cols-3 .column-2 { width: 310px; float: left; margin-left: 15px; } #body-wide .cols-3 .column-3 { width: 310px; float: right; } #body-wide .cols-2 .column-1 { width: 472px; float: left; } #body-wide .cols-2 .column-2 { width: 472px; float: right; } #body-wide .cols-1 .column-1 { width: 960px; float: left; } #body-right-center .cols-1 .column-1, #body-left-center .cols-1 .column-1 { width: 470px; float: left; } #body-right-center .cols-2 .column-1, #body-left-center .cols-2 .column-1 { width: 227px; float: left; } #body-right-center .cols-2 .column-2, #body-left-center .cols-2 .column-2 { width: 227px; float: right; } #body-center-only .cols-1 .column-1 { width: 740px; float: left; } #body-center-only .cols-2 .column-1 { width: 362px; float: left; } #body-center-only .cols-2 .column-2 { width: 362px; float: right; } #body-center-only .cols-3 .column-1 { width: 236px; float: left; } #body-center-only .cols-3 .column-2 { width: 236px; float: left; margin-left: 16px; } #body-center-only .cols-3 .column-3 { width: 236px; float: right; } #body-center-only .cols-4 .column-1 { width: 173px; float: left; } #body-center-only .cols-4 .column-2 { width: 173px; float: left; margin-left: 16px; } #body-center-only .cols-4 .column-3 { width: 173px; float: left; margin-left: 16px; } #body-center-only .cols-4 .column-4 { width: 173px; float: right; } #body-left-right-center .cols-1 .column-1 { width: 300px; float: left; } } #body-right-only .cols-3 .column-1, #body-left-only .cols-3 .column-1, #body-right-only .cols-3 .column-2, #body-left-only .cols-3 .column-2, #body-right-only .cols-3 .column-3, #body-left-only .cols-3 .column-3, #body-right-only .cols-2 .column-1, #body-left-only .cols-2 .column-1, #body-right-only .cols-2 .column-2, #body-left-only .cols-2 .column-2, #body-right-only .cols-1 .column-1, #body-left-only .cols-1 .column-1, #body-right-only .cols-4 .column-1, #body-left-only .cols-4 .column-1, #body-right-only .cols-4 .column-2, #body-left-only .cols-4 .column-2, #body-right-only .cols-4 .column-3, #body-left-only .cols-4 .column-3, #body-right-only .cols-4 .column-4, #body-left-only .cols-4 .column-4, #body-left-right .cols-3 .column-1, #body-left-right .cols-3 .column-2, #body-left-right .cols-3 .column-3, #body-left-right .cols-2 .column-1, #body-left-right .cols-2 .column-2, #body-left-right .cols-1 .column-1, #body-wide .cols-5 .column-1, #body-wide .cols-5 .column-2, #body-wide .cols-5 .column-3, #body-wide .cols-5 .column-4, #body-wide .cols-5 .column-5, #body-wide .cols-4 .column-1, #body-wide .cols-4 .column-2, #body-wide .cols-4 .column-3, #body-wide .cols-4 .column-4, #body-wide .cols-3 .column-1, #body-wide .cols-3 .column-2, #body-wide .cols-3 .column-3, #body-wide .cols-2 .column-1, #body-wide .cols-2 .column-2, #body-wide .cols-1 .column-1, #body-right-center .cols-1 .column-1, #body-left-center .cols-1 .column-1, #body-right-center .cols-2 .column-1, #body-left-center .cols-2 .column-1, #body-right-center .cols-2 .column-2, #body-left-center .cols-2 .column-2, #body-center-only .cols-1 .column-1, #body-center-only .cols-2 .column-1, #body-center-only .cols-2 .column-2, #body-center-only .cols-3 .column-1, #body-center-only .cols-3 .column-2, #body-center-only .cols-3 .column-3, #body-center-only .cols-4 .column-1, #body-center-only .cols-4 .column-2, #body-center-only .cols-4 .column-3, #body-center-only .cols-4 .column-4, #body-left-right-center .cols-1 .column-1 { margin-bottom: 15px; } /******************************/ /******* Joomla Modules *******/ /******************************/ /******************************/ /******* Joomla Modules *******/ /******************************/ @media screen and (min-width:768px){ #user-right-only .user99 .full, #user-left-only .user99 .full { float: left; width: 640px; } #user-right-only .user49 .first, #user-left-only .user49 .first { float: left; width: 312px; } #user-right-only .user49 .second, #user-left-only .user49 .second { float: right; width: 312px; } #user-right-only .user33 .first, #user-left-only .user33 .first { float: left; width: 204px; } #user-right-only .user33 .second, #user-left-only .user33 .second { float: left; width: 204px; margin-left: 14px; } #user-right-only .user33 .third, #user-left-only .user33 .third { float: right; width: 204px; } #user-left-right .user33 .first { float: left; width: 164px; } #user-left-right .user33 .second { float: left; width: 164px; margin-left: 14px; } #user-left-right .user33 .third { float: right; width: 164px; } #user-left-right .user49 .first { float: left; width: 252px; } #user-left-right .user49 .second { float: right; width: 252px; } #user-left-right .user99 .full { float: left; width: 520px; } #user-wide .user99 .full { /*float: left; width: 960px; */} #user-wide .user49 .first { float: left; width: 472px; } #user-wide .user49 .second { float: right; width: 472px; } #user-wide .user33 .first { float: left; width: 310px; } #user-wide .user33 .second { float: left; width: 310px; margin-left: 15px; } #user-wide .user33 .third { float: right; width: 310px; } #user-center-only .user99 .full { float: left; width: 960px; } #user-center-only .user49 .first { float: left; width: 472px; } #user-center-only .user49 .second { float: right; width: 472px; } #user-center-only .user33 .first { float: left; width: 310px; } #user-center-only .user33 .second { float: left; width: 310px; margin-left: 15px; } #user-center-only .user33 .third { float: right; width: 310px; } #user-right-center .user99 .full, #user-left-center .user99 .full { float: left; width: 690px; } #user-right-center .user49 .first, #user-left-center .user49 .first { float: left; width: 337px; } #user-right-center .user49 .second, #user-left-center .user49 .second { float: right; width: 337px; } #user-right-center .user33 .first, #user-left-center .user33 .first { float: left; width: 220px; } #user-right-center .user33 .second, #user-left-center .user33 .second { float: left; width: 220px; margin-left: 15px; } #user-right-center .user33 .third, #user-left-center .user33 .third { float: right; width: 220px; } #user-left-right-center .user99 .full { float: left; width: 520px; } #user-left-right-center .user49 .first { float: left; width: 252px; } #user-left-right-center .user49 .second { float: right; width: 252px; } #user-left-right-center .user33 .first { float: left; width: 164px; } #user-left-right-center .user33 .second { float: left; width: 164px; margin-left: 14px; } #user-left-right-center .user33 .third { float: right; width: 164px; } } #user-center-only .user99 .full, #user-center-only .user49 .first, #user-center-only .user49 .second, #user-center-only .user33 .first, #user-center-only .user33 .second, #user-center-only .user33 .third, #user-left-right-center .user99 .full, #user-left-right-center .user49 .first, #user-left-right-center .user49 .second, #user-left-right-center .user33 .first, #user-left-right-center .user33 .second, #user-left-right-center .user33 .third, #user-left-center .user99 .full, #user-left-center .user49 .first, #user-left-center .user49 .second, #user-left-center .user33 .first, #user-left-center .user33 .second, #user-left-center .user33 .third, #user-right-center .full, #user-right-center .user49 .first, #user-right-center .user49 .second, #user-right-center .user33 .first, #user-right-center .user33 .second, #user-right-center .user33 .third, #user-right-only .user99 .full, #user-left-only .user99 .full, #user-right-only .user49 .first, #user-left-only .user49 .first, #user-right-only .user49 .second, #user-left-only .user49 .second, #user-right-only .user33 .first, #user-left-only .user33 .first, #user-right-only .user33 .second, #user-left-only .user33 .second, #user-right-only .user33 .third, #user-left-only .user33 .third, #user-left-right .user33 .first, #user-left-right .user33 .second, #user-left-right .user33 .third, #user-left-right .user49 .first, #user-left-right .user49 .second, #user-left-right .user99 .full, #user-wide .user99 .full, #user-wide .user49 .first, #user-wide .user49 .second, #user-wide .user33 .first, #user-wide .user33 .second, #user-wide .user33 .third { margin-bottom: 0px; } /******************************/ /******* Joomla Modules *******/ /******************************/ @media screen and (min-width:768px){ #inside-right-only .inside49 .first, #inside-left-only .inside49 .first { float: left; width: 312px; } #inside-right-only .inside49 .second, #inside-left-only .inside49 .second { float: right; width: 312px; } #inside-right-only .inside99 .full, #inside-left-only .inside99 .full { float: left; width: 640px; } #inside-left-right .inside49 .first { float: left; width: 252px; } #inside-left-right .inside49 .second { float: right; width: 252px; } #inside-left-right .inside99 .full { float: left; width: 520px; } #inside-wide .inside49 .first { float: left; width: 472px; } #inside-wide .inside49 .second { float: right; width: 472px; } #inside-wide .inside99 .full { float: left; width: 960px; } #inside-right-center .inside49 .first, #inside-left-center .inside49 .first { float: left; width: 227px; } #inside-right-center .inside49 .second, #inside-left-center .inside49 .second { float: right; width: 227px; } #inside-right-center .inside99 .full, #inside-left-center .inside99 .full { float: left; width: 470px; } #inside-left-right-center .inside49 .first { float: left; width: 142px; } #inside-left-right-center .inside49 .second { float: right; width: 142px; } #inside-left-right-center .inside99 .full { float: left; width: 300px; } #inside-center-only .inside49 .first { float: left; width: 362px; } #inside-center-only .inside49 .second { float: right; width: 362px; } #inside-center-only .inside99 .full { float: left; width: 740px; } } #inside-right-only .inside49 .first, #inside-left-only .inside49 .first, #inside-right-only .inside49 .second, #inside-left-only .inside49 .second, #inside-right-only .inside99 .full, #inside-left-only .inside99 .full, #inside-left-right .inside49 .first, #inside-left-right .inside49 .second, #inside-left-right .inside99 .full, #inside-wide .inside49 .first, #inside-wide .inside49 .second, #inside-wide .inside99 .full, #inside-right-center .inside49 .first, #inside-left-center .inside49 .first, #inside-right-center .inside49 .second, #inside-left-center .inside49 .second, #inside-right-center .inside99 .full, #inside-left-center .inside99 .full, #inside-left-right-center .inside49 .first, #inside-left-right-center .inside49 .second, #inside-left-right-center .inside99 .full, #inside-center-only .inside49 .first, #inside-center-only .inside49 .second, #inside-center-only .inside99 .full { margin-bottom: 15px; } /******************************/ /********** Bootstrap *********/ /******************************/ .collapse { display: none } .collapse.in { display: block } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition:height .35s ease } @media (min-width:1200px){ /* hauptmenü ein und ausblenden */ .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } } .navbar-toggle { position: relative; float: left; padding: 7px; background-color: transparent; border-radius:2px; cursor: pointer; } @media (min-width:1200px){ /* bootstrap button menü-funktion ein und ausbleden */ /*.navbar-toggle { margin: 15px 15px 15px 0px; }*/ } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 25px; height: 4px; border-radius: 1px; } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; } /*@media (min-width:768px){ .navbar-toggle { display: none; } }*/ .navbar-inverse .navbar-toggle { border: 1px solid #3f3f3f; background: #fff; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #e9e4e0; } .navbar-inverse .navbar-toggle .icon-bar{ background: #000; } /*****************************/ /*********** STYLES **********/ /*****************************/ #copyright-outer { } /*#banner-float { border-bottom:5px solid #0072bc; }*/ #banner2-float { border-bottom:5px solid #0072bc; } #advert-float { border-bottom:5px solid #0072bc; background: #0064a5; } #footer-outer { } /*****************************/ /*********** STYLES **********/ /*****************************/ .advert a, .footer a { color: #fff; text-decoration: none; } .page-header h1, .contact h1 { border-bottom: 1px solid #0098dc; } .pagination .pagenav { background: #0072bc; color: #FFFFFF; } p.readmore a { background: #0072bc; color: #FFFFFF; } /*****************************/ /*********** STYLES **********/ /*****************************/ #right-right-only .moduletable h3, #right-right-only .moduletable_menu h3, #left-left-only .moduletable h3, #left-left-only .moduletable_menu h3, #left-left-right .moduletable h3, #left-left-right .moduletable_menu h3, #right-left-right .moduletable h3, #right-left-right .moduletable_menu h3, #right-right-center .moduletable h3, #right-right-center .moduletable_menu h3, #left-left-center .moduletable h3, #left-left-center .moduletable_menu h3, #left-left-right-center .moduletable h3, #left-left-right-center .moduletable_menu h3, #right-left-right-center .moduletable h3, #right-left-right-center .moduletable_menu h3, #center-right-center .moduletable h3, #center-right-center .moduletable_menu h3, #center-left-center .moduletable h3, #center-left-center .moduletable_menu h3, #center-left-right-center .moduletable h3, #center-left-right-center .moduletable_menu h3, #center-center-only .moduletable h3, #center-center-only .moduletable_menu h3 { border-bottom: 3px solid #0072bc; } #login-form { border: 2px solid #0072bc; } .contact h3 { background: #0072bc; color: #FFFFFF; } input.button, button.button, button.btn { background: #303644; color: #FFFFFF; cursor:pointer;} /*****************************/ /*********** STYLES **********/ /*****************************/ #toolbar { } /*#toolbar .menu a { color: #380000; }*/ /*#toolbar .menu li li a { color: #380000; }*/ #toolbar .menu li li li a { color: #380000; } @media screen and (min-width:1200px){ /*bootstrap menü blendet sich ein*/ #toolbar { background: none; } #toolbar .menu a { color: #221f20;} #toolbar .menu a:hover { color: #221f20; background-color: #fff; border-radius: 15px} #toolbar .menu li.active a, #toolbar .menu li.active a:hover, #toolbar .menu li.active a:active, #toolbar .menu li.active a:focus, li a:hover { color: #a3181b; background-color: #fff; border-radius: 15px} #toolbar .menu li li a { color: #221f20; } #toolbar .menu li li li a { color: #FFFFFF; } #toolbar .menu ul { background: #eaeaea;} #toolbar .menu ul ul { background: #fffaf1; } #toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { color: #000; } #toolbar ul.menu li.active li a:hover { color: #000; background-color: #ebc587;} } @media (min-width:1200px){ .navbar-toggle { display: none; } } /*bootstrap einblenden*/ /*********** eigenes **********/ div#toolbar.navbar-collapse.collapse ul.menu.nav li {list-style-type:none;} div#header-inner div#logo a {display: block;} #toTop { bottom: 23px; cursor: pointer; display: none; position: fixed; right: 10px; z-index: 300; } .gotop { background-color: #f5f5f5; border: 1px solid #fff; box-shadow: 0 2px 5px #888; font-size: 30px; font-weight: bolder; padding: 5px 10px 5px 10px; transition: color 0.5s ease-in-out 0s; color: #5c5c5c; } html body div#toTop div.gotop span a {color:#00599c; text-decoration:none;} div.slideshow-wrapper.orbit-container {margin: 0 auto; max-width:832px; float: left;} div.slideshow-wrapper.orbit-container div.orbit-container {float:left; max-width:832px; border-radius: 30px;} div.custom-karteoben {float:right; width:500px; height:auto; min-height:555px; padding:20px; background-color:#fff; border-radius: 30px; font-size: 18px; line-height: 2.2;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div p#button span a {color:#fff;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div p#button span a:hover {color:#ccc;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div p span#cloak0fc5ea7b31e5cbf7650402fd913f2b97 a {color:#303644;} /*********** buchung startseite **********/ div.moduletable-buchungstartseite { background-color:#303644; color:#fff; border-radius: 30px; padding:20px; font-size: 18px; width: 100%; max-width: 350px; margin-left: 50px; } html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active { border:none; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content:center; } html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.field3.required div.controls div.field-calendar.uk-width-1-1 {margin-right: -40px;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.field4.required div.controls div.field-calendar.uk-width-1-1 {margin-right: -40px;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.required div.controls img#captchacode1.captchacode {margin-left: 30px;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.form-actions input#field7.btn {background-color:#CCC; margin-top:20px; cursor:pointer;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.required label#captcha-lbl.control-label {margin-left: 30px; line-height: 40px!important;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.form-actions input#field7.btn:hover {background-color:#fff; margin-top:20px; cursor:pointer;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#buchungstart div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.field3.required div.controls div.field-calendar.uk-width-1-1 div.js-calendar div.calendar-container table.table thead.calendar-header tr.calendar-head-row td.title div div span {color:#333;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#buchungstart div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.field3.required div.controls div.field-calendar.uk-width-1-1 div.js-calendar div.calendar-container table.table thead.calendar-header tr.calendar-head-row td.title div div span {color:#333;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#buchungstart div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.field3.required div.controls div.field-calendar.uk-width-1-1 div.js-calendar div.calendar-container table.table tbody tr.daysrow.wk td.day {color:#000;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#buchungstart div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.field3.required div.controls div.field-calendar.uk-width-1-1 div.js-calendar div.calendar-container table.table thead.calendar-header tr.daynames.wk td.day-name.day-name-week {color:#000;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#buchungstart div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.field4.required div.controls div.field-calendar.uk-width-1-1 div.js-calendar div.calendar-container table.table thead.calendar-header tr.calendar-head-row td.title div div span {color:#333;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#buchungstart div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.field4.required div.controls div.field-calendar.uk-width-1-1 div.js-calendar div.calendar-container table.table thead.calendar-header tr.calendar-head-row td.title div div span {color:#333;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#buchungstart div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.field4.required div.controls div.field-calendar.uk-width-1-1 div.js-calendar div.calendar-container table.table thead.calendar-header tr.daynames.wk td.day-name.day-name-week {color:#000;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#buchungstart div.moduletable-buchungstartseite div.visforms.visforms-form form#mod-visform1.visform.bthorizontal.-formular1.form-horizontal fieldset.fieldset-1.active div.control-group.field4.required div.controls div.field-calendar.uk-width-1-1 div.js-calendar div.calendar-container table.table tbody tr.daysrow.wk td.day {color:#000;} /*********** buchung startseite **********/ a {color:#2c712d; text-decoration: none;} a:hover {color:#2c712d; text-decoration:underline;} html body#-start div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page-start a {color:#fff; text-decoration: none;} html body#-start div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page-start a:hover {color:#ccc; text-decoration: none;} html body#-impressum div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page-impressum a {color: #2c712d; text-decoration:none;} html body#-impressum div#wrapperall div#body-outer.clr div#body-inner div#wrapper2 div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page-impressum a:hover {color: #2c712d; text-decoration:underline;} html body#default div#wrapperall p#unten a {color:#fff; text-decoration: none;} html body#default div#wrapperall p#unten a:hover {color:#ccc; text-decoration: none;} div#startbox {text-align:justify;} strong {font-weight:700;} @media (max-width:1400px){ div#wrapper2 {padding:50px 20px 20px 20px; } } @media (max-width:1340px){ div.custom-karteoben {float:left; margin-top:20px;} } @media (max-width:1200px){ #navigation.navbar.navbar-inverse {} #header-inner {} #banner-outer {float: left;} #logo {float: left; padding: 0px 10px 20px 20px; margin: 0 auto;} .navbar-toggle {margin-left: 20px; margin-top: 40px;} } @media (max-width:850px){ #mainbody {font-size:18px;} h2 {font-size:26px;} } @media (max-width:680px){ div#buchungstart {float: none !important; margin-bottom:30px;} div.moduletable-buchungstartseite { background-color:#303644; color:#fff; border-radius: 30px; padding:20px; font-size: 18px; width: 100%; max-width: 350px; margin-left: 0px;} div.custom-karteoben { max-width: 500px; height: auto; min-height: 555px; padding: 20px; background-color: #fff; border-radius: 30px; font-size: 18px; line-height: 2.2; width: 100%;} div.custom-karteoben div {float:none!important; width:100%!important;} }