/* 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%; height:100%; margin:0; padding:0; position: relative;} body { font-size: 24px; color:#013360; line-height: 1.5; width:100%; height:100%; min-height: 100%; margin: 0; padding:0; font-family: 'Open Sans'; font-weight:200; position: relative;} #wrapperall {background-image: url(../images/ice-6538605.jpg); background-repeat: no-repeat; background-position:center center; background-size: cover; background-attachment: fixed;} #header-outer {position: relative; width:100%; margin:0 auto; border-top:67px solid #bbe1ff; z-index:200;} #header-inner {position: relative; width: 100%; margin: 0 auto;} #banner-outer {width: 100%; margin: 0 auto; position: relative; margin-top: 0px; z-index:100; } #banner-float div#banner-inner div#camera_wrap_90.camera_wrap.camera_black_skin {border-bottom:2px solid #b8956c;} #banner-float {width: 100%; margin:0 auto;} #banner-inner {width:100%; margin: 0 auto; position: relative; } #body-outer {position: relative; width:100%; margin:0 auto; margin-top:47px; display: flex; align-items: center; justify-content: center; } #body-inner {position: relative; width:100%; max-width:1200px; margin:0 auto; background-image: url(../images/bgcontent.png); background-repeat: repeat-x-y;} #footer-outer {position: relative; width:100%; max-width:1200px; margin: 0 auto; height:auto; z-index:200; background-color:#014887;} #footer-float {position: relative; width: 100%; margin: 0 auto; } #footer-inner {position: relative; margin:0 auto; color:#fff; font-size:16px; padding:30px; line-height:2;} /******************************/ /****** Joomla Templates ******/ /******************************/ #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-float { margin:0 auto; padding: 0px 0px; max-width:1200px;} #top-inner {float:right; color:#fff; font-size:18px; font-weight:300;} #topright { margin-top:30px; width:250px;} #banner2-float { float: left; 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;} #logo img{ width: 200px; height:auto;} #logo { margin-top:-62px; margin-left:40px;} @media screen and (min-width:1200px){ #logo { margin-top:-62px; margin-left:40px;} /*#header-inner { width:100%; margin:0 auto; display: flex; align-items: center; justify-content: center;}*/ } /*#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;} }*/ /******************************/ /****** Joomla Templates ******/ /******************************/ #body-right-only { float: left; width:100%; max-width: 795px; margin-bottom:20px; background-color:#fff; border-bottom: 10px solid #f26c4f; box-shadow: #848484 0px 0px 4px; font-size:15px;} @media screen and (min-width:768px){ #body-left-only { float: right; width: 640px; } #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, .pagination ul, .actions li, #login-form ul, ul.dropdown-menu, ul.breadcrumb, ul.pagenav, ul.category-module, .nav-tabs li { position:relative; list-style: none; padding: 0; margin: 0 auto;} ul.menu ul { position:relative; list-style: none; padding: 0; margin: 0 auto; margin-top: 0px;} img { border: none; padding: 0; margin: 0; } /*.clr { clear: both; }*/ h1, h2, h3, h4, h5 { margin: 0px;} h1 { font-size: 36px; margin-bottom:40px; color:#014887; text-align:center; text-transform:uppercase;} h2 { font-size: 36px; margin-bottom:40px; color:#014887; text-align:center; text-transform:uppercase; border-bottom: 2px solid #014887;} h3 { font-size: 28px; margin-bottom:40px; color:#014887; text-align:center; text-transform:uppercase;} h3 a { font-size: 30px; margin-bottom:40px; color:#006c8c; font-weight:normal;} h3 a:hover { font-size: 18px; color:#52acb8; font-weight:normal; text-decoration:none;} h4 { font-size: 26px; margin-bottom:20px; margin-top:40px; color:#006c8c; font-weight:bold;} h5 { font-size: 18px; } form input, form select { font-size: 17px; } @media screen and (min-width:480px){ form input, form select { font-size: 16px; } } @media screen and (min-width:768px){ form input, form select { font-size: 15px; } } /******************************/ /******* Joomla Default *******/ /******************************/ .fontfamily1, .fontfamily1 .inputbox, .fontfamily1 input.button { font-family: 'Open Sans', Sans-Serif;} .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, .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 { color: #380000; } #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 *******/ /******************************/ .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: 35px; } .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; } } /******************************/ /******* 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: 3px 10px; margin: 2px 0px; display: block; } /******************************/ /******* 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:1120px){ #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:1120px){ #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; display: block; margin-top: -55px; } /* kleinerwerden der menübar auf 100% */ .navigation { float: left; margin: 4px 0px 0px 15px; font-weight:300; } /*@media screen and (min-width:480px){ */ .navigation { display: none; } @media screen and (min-width:1600px){ #navigation {width:100%; margin:0 auto; display: flex; align-items: center; margin-top: -52px;} .navigation { float: left; margin: 4px 0px 0px 15px; font-weight:300; } /*@media screen and (min-width:480px){ */ /* ausblenden der menü-überschrift ab 480pixel */ .navigation { display: none; } } @media screen and (min-width:1600px){ /*#navigation { height: 50px; }*/ .navigation { display: none; } } /******************************/ /******* Joomla Toolbar *******/ /******************************/ #toolbar { clear: both; width: 100%; position: relative; z-index: 999; background-color:#014887; text-align: center;} #toolbar .menu a { font-size: 19px; display: block; text-decoration: none; padding: 6px; padding-left:15px; padding-right:15px; line-height:1.7;} #toolbar .menu li li a { font-size: 15px; font-weight:300; margin-left:0px;} #toolbar .menu li li li a { font-size: 15px; font-weight:300; } div#navigation.navbar.navbar-inverse div#toolbar.navbar-collapse.collapse.in ul.menu.nav li a {padding-top:10px; padding-bottom:10px;} @media screen and (min-width:1600px){ #toolbar { margin: 0px 0px 15px 0px; } } @media screen and (min-width:1600px){ #toolbar { clear: none; margin: 0 auto; width: auto; z-index: auto; } #toolbar .menu a { font-size: 20px; font-weight:400; text-shadow: 0 0 5px #fff;} #toolbar .menu a:hover {} #toolbar .menu li { position:relative; padding: 0px; vertical-align: middle; display:inline-block;} /******************************/ /******* Joomla Toolbar *******/ /******************************/ #toolbar .menu li li a { font-weight: normal; font-size: 18px; background: none; padding: 10px 15px 10px 15px; min-width:200px; margin-left: 0px;} #toolbar .menu li li a:hover { font-weight: normal; font-size: 18px; padding: 10px 15px 10px 15px; min-width:200px; margin-left: 0px;} #toolbar .menu ul { float:none; left:-999em; position:absolute; z-index: 99; } #toolbar .menu ul { padding: 0px; } #toolbar .menu ul li { width: auto; height:auto; padding: 0px; position:relative; margin-left: 0px; line-height: 1.8; } #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 { background: none !important; } #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 { background: none !important; } #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 { background: none !important; } #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 { background: none !important; }*/ /******************************/ /******* Joomla Toolbar *******/ /******************************/ #toolbar .menu li li li a { font-weight: normal; font-size: 14px; } #toolbar .menu ul ul { margin: -40px 0px 0px 220px; } #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:1600px){ #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-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; } } /******************************/ /******* Joomla Modules *******/ /******************************/ /******************************/ /******* Joomla Modules *******/ /******************************/ @media screen and (min-width:1600px){ #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:1600px){ #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:1600px){ /* hauptmenü ein und ausblenden */ .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } } .navbar-toggle { position: relative; float: right; padding: 7px; margin:10px; margin-top: 10px; margin-right:30px; background-color: transparent; border-radius:2px; cursor:pointer; } @media (min-width:1600px){ /* 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: #014887; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #7dbcee; } .navbar-inverse .navbar-toggle .icon-bar{ background: #FFFFFF; } /*****************************/ /*********** 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; } .pagination .pagenav { background: #31639e; 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; } #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 { background: #0072bc; color: #FFFFFF; } #login-form { border: 2px solid #0072bc; } .contact h3 { background: #0072bc; color: #FFFFFF; } input.button, button.button, button.btn { background: #2d2e22; color: #FFFFFF; cursor:pointer; padding:15px; margin-top:20px;} /*****************************/ /*********** STYLES **********/ /*****************************/ #toolbar { } /*#toolbar .menu a { color: #380000; }*/ /*#toolbar .menu li li a { color: #380000; }*/ #toolbar .menu li li li a { color: #380000; } #navigation.navbar.navbar-inverse div#toolbar.navbar-collapse.collapse ul.menu.nav li ul li ul li a {color:#fff; font-size:18px; border-bottom:none; margin:0; text-shadow:none;} #navigation.navbar.navbar-inverse div#toolbar.navbar-collapse.collapse ul.menu.nav li ul li ul li a:hover {background-color:#80b8e4; font-size:18px; border-bottom:none; margin:0; text-shadow:none;} @media screen and (min-width:1600px){ /*bootstrap menü blendet sich ein*/ #toolbar { background: none; } #toolbar .menu a { color: #014887; } #toolbar .menu a:hover { color: #014887; border-bottom:1px solid #014887; margin-top:1px;} #toolbar .menu li.active a { color: #014887; border-bottom:1px solid #014887; margin-top:1px;} #toolbar .menu li.active ul li a { color: #014887; } #toolbar .menu li.active ul li a:hover { color: #014887; border-bottom:1px solid #014887; margin-top:1px; } #toolbar .menu ul li ul li a:hover {background-color:#2d2e22;} #toolbar .menu li li a { color: #014887; font-weight:300;} #toolbar .menu li li a:hover { background-color:#80b8e4;} #toolbar .menu li li li a { color: #014887; font-weight:300;} #toolbar .menu ul { background-color:#a4d2f6; width:auto; } /*background vom untermenü nicht vom bootstrap*/ #toolbar .menu ul ul { background: #0082d7; } } @media (min-width:1600px){ .navbar-toggle { display: none; } } /*bootstrap einblenden*/ /*********** eigenes **********/ @media (max-width:1200px){ } div#layer-wide {width: 100%; margin:0 auto;} div#mainbody {padding:40px 30px 30px 30px; margin:0 auto; } div.item-page {width:100%; margin:0 auto;} div.user99 {padding: 40px 30px 0px 30px; margin:0 auto;} a {color:#014887; text-decoration:none; font-weight: 400;} a:hover {color:#02396a; text-decoration:underline; font-weight: 400;} div#toolbar.navbar-collapse.collapse ul.menu.nav li {list-style-type:none; } div#toolbar.navbar-collapse.collapse ul.menu.nav li:hover {list-style-type:none; background-color:#215f97;} #toTop { bottom: 23px; cursor: pointer; display: none; position: fixed; right: 10px; z-index: 99999; } .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; z-index: 99999; color: #2d2e22; } html body div#toTop div.gotop span a {color:#2d2e22; text-decoration:none; } p.readmore {margin-top:40px; margin-bottom: 80px;} p.readmore a.btn {background-color:#31639e; padding:15px; color:#FFFFFF; font-size:16px;} div.pagination p.counter.pull-right {padding-bottom:20px;} div#unten a {color:#fff;} div#unten a:hover {color:#8a8b8b;} /*********** startboxen **********/ html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#ausstellungen img {opacity:0;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#ausstellungen img:hover {opacity:1; transition: opacity 0.5s ease-in-out; box-shadow: #000 0px 0px 8px; transition box-shadow 0.5s ease-in-out;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#eiskunst img {opacity:0;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#eiskunst img:hover {opacity:1; transition: opacity 0.5s ease-in-out; box-shadow: #000 0px 0px 8px; transition box-shadow 0.5s ease-in-out;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#wanted img {opacity:0;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#wanted img:hover {opacity:1; transition: opacity 0.5s ease-in-out; box-shadow: #000 0px 0px 8px; transition box-shadow 0.5s ease-in-out;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#partner img {opacity:0;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#partner img:hover {opacity:1; transition: opacity 0.5s ease-in-out; box-shadow: #000 0px 0px 8px; transition box-shadow 0.5s ease-in-out;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#nachhaltigkeit img {opacity:0;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#nachhaltigkeit img:hover {opacity:1; transition: opacity 0.5s ease-in-out; box-shadow: #000 0px 0px 8px; transition box-shadow 0.5s ease-in-out;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#musea img {opacity:0;} html body#default div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page div div#startbox div#musea img:hover {opacity:1; transition: opacity 0.5s ease-in-out; box-shadow: #000 0px 0px 8px; transition box-shadow 0.5s ease-in-out;} /*********** startboxen **********/ html body#-vergangenheit div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page-vergangenheit div div div p a {color:#444444;} html body#-vergangenheit div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page-vergangenheit div div div p a:hover {color:#333333;} html body#-makingof div#wrapperall div#banner-outer.clr div#banner-float {margin-top:0px} #navigation.navbar.navbar-inverse div#toolbar.navbar-collapse.collapse ul li {background-color:transparent;} #navigation.navbar.navbar-inverse div#toolbar.navbar-collapse.collapse.in ul li a {color:#fff;} /*********** footer **********/ div#footer-inner div.footer33 div.footer.first div.moduletable ul.menu.nav li a {color:#fff;} div#footer-inner div.footer33 div.footer.first div.moduletable ul.menu.nav li a:hover {color:#59d6ff; text-decoration:none;} div#footer-inner div.footer33 div.footer.third div.moduletable div.custom div#button a {color:#02396a;} div#footer-inner div.footer33 div.footer.third div.moduletable div.custom div#button a:hover {color:#59d6ff; text-decoration:none;} div.footer33 {display: flex; justify-content: space-around; flex-wrap: wrap;} /*********** footer **********/ div#mainbody.clr div.item-page div div div#button a {color:#fff;} div#mainbody.clr div.item-page div div div#button a:hover {color:#59d6ff; text-decoration:none;} div.jwts_toggleControlContainer a.jwts_toggleControl.jwts_toggleOff span.jwts_toggleControlTitle {font-size:18px!important;} div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle { line-height: normal; background: url(https://www.eiswelt.de/plugins/content/jw_ts/jw_ts/tmpl/Default/images/arrows.png) no-repeat 0 5px; padding-left: 20px; } @media (max-width:700px){ div#kasten {width:80%!important;} } div#mobil {display:none;} div#desktop {display:block;} @media (max-width:500px){ div#mobil {display:block;} div#desktop {display:none;} }