/* roboto-condensed-300 - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url('../fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-300italic - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: url('../fonts/roboto-condensed-v25-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-condensed-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-condensed-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-condensed-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-condensed-v25-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-regular - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-italic - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: url('../fonts/roboto-condensed-v25-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-condensed-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-condensed-v25-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-condensed-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-condensed-v25-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-700 - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url('../fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-700italic - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: url('../fonts/roboto-condensed-v25-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/roboto-condensed-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-condensed-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-condensed-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-condensed-v25-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /******************************/ /****** Joomla Templates ******/ /******************************/ html {width: 100%; height:100%; margin:0; padding:0; position: relative;} body { font-size: 17px; color:#0b367f; line-height: 1.6; width:100%; height:100%; min-height: 100%; margin: 0 auto; position: relative; padding:0; font-family: 'Roboto Condensed', sans-serif; position: relative; background-color:#fff;} #wrapperall { margin: 0 auto; position: relative; width:100%; overflow:auto;} #header-outer {width:100%; height:330px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} body#-verein div#wrapperall div#header-outer.clr {width:100%; height:240px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} body#-service div#wrapperall div#header-outer.clr {width:100%; height:240px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} #header-inner {width: 100%; margin: 0 auto; max-width: 1100px;} #top-outer.clr {width: 100%; margin: 0 auto; max-width: 1100px;} #topright { float: right; position:relative; margin-top:0px; margin-right:180px; margin-bottom:-130px; font-size: 20px; visibility:visible;} #topright a { color:#2b337d;} #topright a:hover { color:#d3007b;} #banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -100px;} body#-frauenhaus div#wrapperall div#banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -100px;} body#-startseite div#wrapperall div#banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -100px;} #banner-float {width: 100%; max-width: 1100px; margin:0 auto; } #banner-inner {margin: 0 auto;} #body-outer {width:100%; float:left; margin-top:10px; margin-bottom: 50px;} #body-inner {width:100%; max-width:1100px; margin:0 auto; background-color:#fff; font-family: 'Roboto', sans-serif; padding:0px;} #body-wide {padding:0px;} #footer-outer {float:left; width:100%; margin: 0 auto; height:auto; background-color:#e2ebf0;} #footer-float {width: 100%; max-width:1100px; margin: 0 auto; } #footer-inner {height:auto; margin:0 auto; padding:0px;} /******************************/ /****** Joomla Templates ******/ /******************************/ #advert-inner, #upper-inner, #body-inner, #bottom-inner { padding: 0px 0px; } /******************************/ /****** Joomla Templates ******/ /******************************/ #top-outer.clr {z-index:250;} #top-float { width: 100%; max-width:1100px; margin:0 auto; padding: 0px 0px; } #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{ } #logo { padding: 0px 0px 0px 0px; float:left; } /*#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;} }*/ #topmenu div.custom-startseite-beratung a { float: left; width:160px; height:160px; background-color:#d3007b; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:20px; font-size: 26px; color:#fff; margin-right:30px;} #topmenu div.custom-startseite-beratung a:hover { float: left; width:160px; height:160px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #032f79; padding:20px; font-size: 26px; color:#032f79; margin-right:30px;} #topmenu div.custom-unterseiten-beratung a{ float: left; width:160px; height:160px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #032f79; padding:20px; font-size: 26px; color:#032f79; margin-right:30px;} #topmenu div.custom-unterseiten-beratung a:hover { float: left; width:160px; height:160px; background-color:#d3007b; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:20px; font-size: 26px; color:#fff; margin-right:30px;} /******************************/ /****** Joomla Templates ******/ /******************************/ @media screen and (min-width:1100px){ .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: 26px; margin-bottom:40px; color:#0b367a; font-weight:bold;} h2 { font-size: 26px; margin-bottom:40px; color:#0b367a; font-weight:bold;} h3 { font-size: 20px; margin-bottom:40px; color:#0b367a; font-weight:normal;} h3 a { font-size: 18px; color:#52acb8; font-weight:normal; text-decoration:none;} h3 a:hover { font-size: 18px; color:#52acb8; font-weight:normal; text-decoration:none;} h4 { font-size: 20px; } 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:1100px){ form input, form select { font-size: 15px; } } /******************************/ /******* Joomla Default *******/ /******************************/ .fontfamily1, .fontfamily1 .inputbox, .fontfamily1 input.button { font-family: 'Roboto Condensed', 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: #b7047f; text-decoration: none; } .btn-toolbar a.btn { margin: 0px 5px; } #topmenu a, #topright a { } #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; margin-top: 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; margin-top:30px; background-color:#a5037c; color:#FFFFFF;} ul.pagenav .previous a { color:#FFFFFF; padding:10px 20px 10px 20px;} ul.pagenav .next { float: right; margin-bottom: 15px; margin-top:30px; background-color:#a5037c; color:#FFFFFF; } ul.pagenav .next a { color:#FFFFFF; padding:10px 20px 10px 20px;} p.counter { margin-bottom: 15px; } p.readmore a { padding: 5px 10px 5px 0px; 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; } /******************************/ /******* 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:1100px){ #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:1100px){ #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: 30px; } .btn-group { display: inline; } .nav-tabs li { display: inline; margin: 0px 5px; } .nav-tabs li a { color: #000000; text-decoration: none; } /******************************/ /******* Joomla Toolbar *******/ /******************************/ #navigation { margin:0 auto; } /* kleinerwerden der menübar auf 100% */ .navigation { float: left; margin: 4px 0px 0px 15px; font-weight: normal; } /*@media screen and (min-width:480px){ */ .navigation { display: none; } @media screen and (max-width:0px){ #navigation { margin:0 auto; margin-top: 10px; float:right;} .navigation { float: left; margin: 4px 0px 0px 15px; font-weight: normal; } /*@media screen and (min-width:480px){ */ /* ausblenden der menü-überschrift ab 480pixel */ .navigation { display: none; } } /******************************/ /******* Joomla Toolbar *******/ /******************************/ #toolbar { clear: both; width: 100%; position: relative; background-color:#bbd3e1; z-index: 9999;} #toolbar .menu a { font-size: 20px; display: block; text-decoration: none; padding: 8px; padding-left:20px; padding-right:20px; color:#032f79;} #toolbar .menu a:hover {color:#a5037c;} #toolbar .menu li li a { font-size: 15px; font-weight: normal; } #toolbar .menu li li li a { font-size: 15px; font-weight: normal; } @media screen and (max-width:0px){ #toolbar { clear: none; margin: 0px; width: auto; z-index: auto; text-align:center; margin: 0px 0px 0px 0px;} #toolbar .menu a { font-size: 20px; font-weight: normal; } #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: 16px; background: none; color:#000918; padding: 10px 15px 10px 15px; width:250px; } #toolbar .menu li li a:hover { font-weight: normal; font-size: 16px; background: #068c59; color:white; padding: 10px 15px 10px 15px; width:250px;} #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: -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 *******/ /******************************/ /******************************/ /******* Joomla Modules *******/ /******************************/ /******************************/ /******* Joomla Modules *******/ /******************************/ @media screen and (min-width:1100px){ #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 .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:1100px){ #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 (max-width:0px){ /* 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: 11px; margin:40px 50px 20px 20px; background-color: transparent; border-radius:10px; cursor:pointer; } @media (max-width:0px){ /* 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:1200px){ .navbar-toggle { display: none; } }*/ .navbar-inverse .navbar-toggle { border: 2px solid #6269af; background: #d6007d; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #6268ae; } .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: #b1b1d9; color: #FFFFFF; } /*****************************/ /*********** STYLES **********/ /*****************************/ #login-form { border: 2px solid #0072bc; } .contact h3 { background: #0072bc; color: #FFFFFF; } input.button, button.button, button.btn { background: #a60f7f; color: #FFFFFF; border-box; border-radius: 10px; cursor:pointer; margin-left:20px;} div.searchintro-service {padding-bottom:30px;} div.search-service form#searchForm fieldset.phrases {margin-bottom:30px;} div.search-service form#searchForm fieldset.only {margin-bottom:30px;} div.search-service form#searchForm div.form-limit {margin-bottom:30px;} div.search-service dl.search-results-service dd.result-category {margin-bottom:20px;} div.search-service dl.search-results-service dd.result-text {margin-bottom:20px;} /*****************************/ /*********** 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 (max-width:0px){ #toolbar { background: none; } #toolbar .menu a { color: #000000; } #toolbar .menu a:hover { color: #fff; } #toolbar .menu li a:hover { color: #ac121d; } #toolbar .menu li.active a { color: #ac121d; } #toolbar .menu li.active ul li a { color: #1a161a; } #toolbar .menu li.active ul li a:hover { color: #fff; } #toolbar .menu ul li ul li a:hover {background-color:#122e43;} #toolbar .menu li li a { color: #00484a;} #toolbar .menu li li li a { color: #FFFFFF; text-shadow: #3d3d3d 1px 1px 1px; } #toolbar .menu ul { background: #e9e9e9; width:auto; } /*background vom untermenü nicht vom bootstrap*/ #toolbar .menu ul ul { background: #0082d7; } } @media (min-width:1100px){ .navbar-toggle { display: none; } } /*bootstrap einblenden*/ /*********** eigenes **********/ /*********** pfeil unten **********/ #toTop { bottom: 23px; cursor: pointer; display: none; position: fixed; right: 10px; } .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: #5c5c5c; } html body div#toTop div.gotop span a {color:#ac121e; text-decoration:none;} /*********** pfeil unten ende **********/ @media (max-width:900px){ } div#layer-wide {width: 100%; background-color:#fff; margin:0 auto;} div#mainbody {padding:0px 0px 30px 0px; background-color:#fff; margin:0 auto; line-height: 1.5; } div.item-page {width:100%; margin:0 auto;} a {color:#b7047f; text-decoration:none;} a:hover {color:#a60f80; text-decoration:none;} div#toolbar.navbar-collapse.collapse ul.menu.nav li { list-style-type:none; } ul.nav-child.unstyled.small { margin-left:16px; } /*********** banner startseite **********/ div.custom-frauenhaus a{ float: left; width:162px; height:162px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:15px; font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-frauenhaus a:hover { float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:15px; font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-frauenhaus a {color:#1e2a77;} div.custom-frauenhaus a:hover {color:#fff;} div.custom-stalking a{ float: left; width:162px; height:162px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:15px; font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-stalking a:hover { float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:15px; font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-stalking a {color:#1e2a77;} div.custom-stalking a:hover {color:#fff;} div.custom-sexarbeit a{ float: left; width:162px; height:162px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:15px; font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-sexarbeit a:hover { float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:15px; font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-sexarbeit a {color:#1e2a77;} div.custom-sexarbeit a:hover {color:#fff;} div.custom-prozessbegleitung a{ float: left; width:162px; height:162px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:15px; font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-prozessbegleitung a:hover { float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:15px; font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-prozessbegleitung a {color:#1e2a77;} div.custom-prozessbegleitung a:hover {color:#fff;} div.custom-sexualisiertegewalt a{ float: left; width:162px; height:162px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:15px; font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-sexualisiertegewalt a:hover { float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:15px; font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-sexualisiertegewalt a {color:#1e2a77;} div.custom-sexualisiertegewalt a:hover {color:#fff;} div.custom-aktuelles a {float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:15px; font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-aktuelles a:hover {float: left; width:162px; height:162px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:15px; font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-aktuelles a {color:#fff;} div.custom-aktuelles a:hover {color:#032f79;} div.custom-fraugewaltsucht a{ float: left; width:162px; height:162px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:15px; font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-fraugewaltsucht a:hover { float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:15px; font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-fraugewaltsucht a {color:#1e2a77;} div.custom-fraugewaltsucht a:hover {color:#fff;} div.custom-platzhalter1 { float: left; width:162px; height:162px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; overflow:hidden; display:inline-block;} div.custom-platzhalter1:hover { float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; overflow:hidden; display:inline-block;} div.custom-platzhalter1 p img {width:162px; height:162px;} /*div.custom-platzhalter3 { float: left; width:162px; height:162px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; overflow:hidden; display:inline-block;} div.custom-platzhalter3:hover { float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; overflow:hidden; display:inline-block;}*/ div.custom-platzhalter3 a {float: left; width:162px; height:162px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; /*padding:15px;*/ font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block; color:#1e2a77; overflow: hidden;} div.custom-platzhalter3 a:hover {float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; /*padding:15px;*/ font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block; color:#fff; overflow: hidden;} div.custom-platzhalter3 p img {width:162px; height:162px;} div.custom-cora{ float: left; width:162px; height:162px; background-color:#b1b1d9; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #8583b6; padding:0px; font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block; overflow: hidden;} div.custom-cora:hover { float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:0px; font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block; overflow: hidden;} div.custom-cora p img {width:162px; height:162px;} div.custom-netzwerkgewaltschutz a{ float: left; width:162px; height:162px; background-color:#b1b1d9; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #8583b6; padding:15px; font-size: 25px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-netzwerkgewaltschutz a:hover { float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #8583b6; padding:15px; font-size: 25px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; display:inline-block;} div.custom-netzwerkgewaltschutz a {color:#1e2a77;} div.custom-netzwerkgewaltschutz a:hover {color:#fff;} div.custom-platzhalter2 { float: left; width:162px; height:162px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; font-size: 26px; color:#032f79; margin-right:18px; margin-bottom:18px; line-height: 1.3; overflow:hidden; display:inline-block;} div.custom-platzhalter2:hover { float: left; width:162px; height:162px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; font-size: 26px; color:#fff; margin-right:18px; margin-bottom:18px; line-height: 1.3; overflow:hidden; display:inline-block;} div.custom-platzhalter2 a {color:#1e2a77;} div.custom-platzhalter2 a:hover {color:#fff;} div.custom-platzhalter2 p img {width:162px; height:162px;} /*********** banner startseite ende *********/ /*********** banner frauenhaus und alle weiteren + aktuelles **********/ div.custom-datenfrauenhaus { float: left; width:340px; height:160px; background-color:#d6007e; box-sizing: border-box; border-radius: 10px; border:2px solid #fff; font-size: 18px; color:#fff; margin-right:20px; margin-bottom:20px; line-height: 1.3; overflow:hidden; padding:10px; } div.custom-prozessbegleitung-kontakt { float: left; width:340px; height:160px; background-color:#d6007e; box-sizing: border-box; border-radius: 10px; border:2px solid #fff; font-size: 16px; color:#fff; margin-right:20px; margin-bottom:20px; line-height: 1.3; overflow:hidden; padding:10px; } div.custom-frauenhaus-aktuelles { float: left; width:340px; height:160px; background-color:#fff; box-sizing: border-box; border-radius: 10px; border:2px solid #6269af; font-size: 18px; color:#1e2a77; margin-right:20px; margin-bottom:20px; line-height: 1.3; overflow:hidden; padding:10px; } div.custom-frauenhaus-platzhalter1 { float: left; width:160px; height:160px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; font-size: 26px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; overflow:hidden;} div.custom-frauenhaus-platzhalter1 img {width:160px; height:160px;} div.custom-frauenhaus-platzhalter2 { float: left; width:160px; height:160px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; font-size: 26px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; overflow:hidden;} div.custom-frauenhaus-platzhalter2 img {width:160px; height:160px;} div.custom-aktuelles-platzhalter1 { float: left; width:340px; height:160px; background-color:#fff; box-sizing: border-box; border-radius: 10px; border:2px solid #b4b2d4; font-size: 18px; color:#1e2a77; margin-right:20px; margin-bottom:20px; line-height: 1.3; overflow:hidden; } div.custom-aktuelles-platzhalter1 img {width:340px; height:160px;} div.custom-aktuelles-platzhalter2 { float: left; width:160px; height:160px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; font-size: 26px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; overflow:hidden;} div.custom-aktuelles-platzhalter2 img {width:160px; height:160px;} ul.category-module-newsflash.mod-list { float: left; width:334px; height:103px !important; background-color:#fff; font-size: 16px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; overflow:hidden; margin-top: 0px; padding:10px 10px 10px 30px;} ul.category-module-newsflash.mod-list li div.mod-articles-category-group {display:none;} ul.category-module-newsflash.mod-list li {padding-top:10px;} ul.category-module-newsflash.mod-list li a {color:#272e74;} ul.category-module-newsflash.mod-list li a:hover {color:#8e177c;} /*********** ENDE banner frauenhaus **********/ /*********** slideshow startseite *********/ div#banner-inner div.slideshow-wrapper.orbit-container {max-width:520px; height:340px; float: left; margin-right:20px; margin-bottom:20px; } .orbit-container .orbit-slides-container img {border:2px solid #b4b2d4;} div.custom-startseitevideo { float: left; width:100%; max-width:520px; height:340px; background-color:#fff; box-sizing: border-box; border-radius: 10px; border:2px solid #b4b2d4; font-size: 18px; color:#1e2a77; margin-right:20px; margin-bottom:20px; line-height: 1.3; overflow:hidden; } /*********** slideshow startseite ende *********/ /*formatierung für newsblog startseite*/ div.blog-startseite div.items-row.cols-3.row-0.row-fluid.clearfix {width:100%; max-width:1100px; float:left;} div.blog-startseite div.items-row.cols-3.row-1.row-fluid.clearfix {width:100%; max-width:1100px; float:left;} div.blog-startseite div.items-row.cols-3.row-2.row-fluid.clearfix {width:100%; max-width:1100px; float:left;} div.blog-startseite div.items-row.cols-3.row-3.row-fluid.clearfix {width:100%; max-width:1100px; float:left;} div.blog-startseite div.items-row.cols-3.row-4.row-fluid.clearfix {width:100%; max-width:1100px; float:left;} div.blog-startseite div.items-row.cols-3.row-5.row-fluid.clearfix {width:100%; max-width:1100px; float:left;} div.blog-startseite div.items-row.cols-3.row-6.row-fluid.clearfix {width:100%; max-width:1100px; float:left;} div.blog-startseite div.items-row.cols-3.row-7.row-fluid.clearfix {width:100%; max-width:1100px; float:left;} div.blog-startseite div.items-row.cols-3.row-8.row-fluid.clearfix {width:100%; max-width:1100px; float:left;} div.blog-startseite div.items-row.cols-3.row-9.row-fluid.clearfix {width:100%; max-width:1100px; float:left;} div.blog-startseite div.items-row.cols-3.row-0.row-fluid.clearfix div.span4 div.item.column-1 {float: left; width: 340px; margin: 0px 30px 40px 0px; height: auto; padding-right:30px; border-right:1px solid #868786; min-height: 330px;} div.blog-startseite div.items-row.cols-3.row-0.row-fluid.clearfix div.span4 div.item.column-2 {float: left; width: 340px; margin: 0px 30px 40px 0px; height: auto; padding-right:30px; border-right:1px solid #868786; min-height: 330px;} div.blog-startseite div.items-row.cols-3.row-0.row-fluid.clearfix div.span4 div.item.column-3 {float: left; width: 340px; margin: 0px 20px 40px 0px; height: auto; min-height: 330px;} div.blog-startseite div.items-row.cols-3.row-1.row-fluid.clearfix div.span4 div.item.column-1 {float: left; width: 340px; margin: 0px 30px 40px 0px; height: auto; padding-right:30px; border-right:1px solid #868786; min-height: 330px;} div.blog-startseite div.items-row.cols-3.row-1.row-fluid.clearfix div.span4 div.item.column-2 {float: left; width: 340px; margin: 0px 30px 40px 0px; height: auto; padding-right:30px; border-right:1px solid #868786; min-height: 330px;} div.blog-startseite div.items-row.cols-3.row-1.row-fluid.clearfix div.span4 div.item.column-3 {float: left; width: 340px; margin: 0px 20px 40px 0px; height: auto; min-height: 330px;} div.blog-startseite div.items-row.cols-3.row-2.row-fluid.clearfix div.span4 div.item.column-1 {float: left; width: 340px; margin: 0px 30px 40px 0px; height: auto; padding-right:30px; border-right:1px solid #868786; min-height: 330px;} div.blog-startseite div.items-row.cols-3.row-2.row-fluid.clearfix div.span4 div.item.column-2 {float: left; width: 340px; margin: 0px 30px 40px 0px; height: auto; padding-right:30px; border-right:1px solid #868786; min-height: 330px;} div.blog-startseite div.items-row.cols-3.row-2.row-fluid.clearfix div.span4 div.item.column-3 {float: left; width: 340px; margin: 0px 20px 40px 0px; height: auto; min-height: 330px;} html body#-startseite div.page-header {float:none; width:auto; margin:0px; height:auto; background-color:none; padding:0px; } div.blog-startseite h2 { font-size: 22px; font-family: 'Roboto Condensed', sans-serif; margin-bottom:20px; color:#394195; font-weight:bold; text-align: left;} div.blog-startseite h2 a { font-size: 22px; font-family: 'Roboto Condensed', sans-serif; margin-bottom:20px; color:#394195; font-weight:bold; text-align: left;} div.blog-startseite h2 a:hover { } p.readmore { text-align: left; margin-top: 15px; margin-bottom:15px; font-size:12px;} p.readmore a {color: #b7047f; } div.blog-startseite {font-size:16px; text-align: left; line-height: 1.4;} /* ENDE formatierung für newsblog startseite*/ /*formatierung für newsblog startseite 2 news*/ html body#-startseite div#wrapperall.container div#body-outer.clr div#body-inner div#body-wide div.clr {float:left; width:100%; max-width:66%;} html body#-startseite div#wrapperall.container div#body-outer.clr div#body-inner div#body-wide div#user-wide.clr {float:left; width: 300px; min-width: 330px; background-color:#e2ebf0;} html body#-startseite div#wrapperall.container div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr {width:100%; max-width: 650px; margin-right: 40px;} html body#-startseite div#wrapperall.container div#body-outer.clr div#body-inner div#body-wide div#user-wide.clr div.user49 div.user.first {padding:30px;} div.blog-startseite div.items-row.cols-2.row-0.row-fluid.clearfix div.span6 {width:100%; float: left; margin-bottom: 50px;} div.blog-startseite div.items-row.cols-2.row-0.row-fluid.clearfix div.span6:nth-child(2) {width:100%; float: left; padding-top: 40px; border-top:1px solid #868786;} /*formatierung für newsblog startseite 2 news*/ /* termine */ div.moduletable-terminestartseite {margin-bottom:50px;} div.newsflash-terminestartseite {text-align:left;} div.moduletable-terminestartseite div.newsflash-terminestartseite h2.newsflash-title-terminestartseite {display:block; margin: 0px 30px 40px 0px; width:300px;} div.moduletable-terminestartseite div.newsflash-terminestartseite h2.newsflash-title-terminestartseite a {font-size: 18px; margin-bottom:40px; color:#394195; font-weight: normal;} div.moduletable-terminestartseite div.newsflash-terminestartseite h2.newsflash-title-terminestartseite a:hover {color:#b7047f;} div.moduletable-terminestartseite h3 {font-size: 26px; margin-bottom:40px; color:#394195; font-weight:bold; text-align:left; } div.moduletable-buttonalletermine div.custom-buttonalletermine div p a {color:#fff;} div.moduletable-buttonalletermine div.custom-buttonalletermine div p a:hover {color:#b7047f;} /* termine */ /*formatierung für aktuelles*/ div.blog-aktuelles div div.span12 {border-bottom:1px solid #032f79; padding-bottom: 10px; margin-bottom: 30px;} /*ende formatierung für aktuelles*/ /* menü rechts*/ #right-left-right {float: left; width:160px;} #right-left-right div.moduletable ul.menu.nav li {background-color:#fef5f1; box-sizing: border-box; border-radius: 10px; border:2px solid #b4b2d4; margin-bottom:10px; padding:10px; font-size:17px; height:80px;} #right-left-right div.moduletable ul.menu.nav li a {color: #1e2a77; } #right-left-right div.moduletable ul.menu.nav li a:hover {color: #a60f80;} /* menü rechts*/ /* menü rechts falls einzeln*/ #right-right-only {float: left; width:160px;} #right-right-only div.moduletable ul.menu.nav li {background-color:#fef5f1; box-sizing: border-box; border-radius: 5px; border:2px solid #b4b2d4; margin-bottom:10px; padding:10px; font-size:19px; height:80px; line-height:1.4;} #right-right-only div.moduletable ul.menu.nav li a {color: #1e2a77; font-family: 'Roboto Condensed', sans-serif;} #right-right-only div.moduletable ul.menu.nav li a:hover {color: #a60f80; font-family: 'Roboto Condensed', sans-serif;} /* menü rechts falls einzeln*/ /* menü links*/ #left-left-right { float: left; width: 320px; margin-right:40px; margin-left: 2px;} #left-left-right div.moduletable ul.menu.nav li {list-style-type: square; color: #a60f80; padding-bottom:5px;} #left-left-right div.moduletable ul.menu.nav li ul li {list-style-type: square; color: #a60f80; padding-top:5px;} #left-left-right div.moduletable ul.menu.nav li a {color: #1e2a77; font-size: 18px;} #left-left-right div.moduletable ul.menu.nav li a:hover {color: #a60f80; font-size: 18px;} #left-left-right div.moduletable ul.menu.nav li.active a {font-weight:bold;} #left-left-right div.moduletable ul.menu.nav {margin-left:15px;} /* menü links*/ /* menü links SEXARBEIT*/ html body#-frauenhaus div#wrapperall.container div#body-outer.clr div#body-inner div#left-left-right div.moduletable:nth-child(2) {padding-top: 30px; border-top:2px solid #d6007e;} html body#default div#wrapperall.container div#body-outer.clr div#body-inner div#left-left-right div.moduletable:nth-child(2) {padding-top: 30px; border-top:2px solid #d6007e;} /* menü links SEXARBEIT*/ /* strukturierung hauptmenü */ #toolbar.navbar-collapse.collapse.in ul.menu.nav li.item-101 {padding-top:20px;} #toolbar.navbar-collapse.collapse.in ul.menu.nav li.item-222 {padding-bottom:20px;} #toolbar.navbar-collapse.collapse.in ul.menu.nav li.item-344.deeper.parent ul.nav-child.unstyled.small li.item-336.divider.deeper.parent {padding-left:20px;} /* strukturierung hauptmenü ENDE */ /* strukturierung footer */ #footer-inner a {color:#2c4694;} #footer-inner a:hover {color:#d3007b;} div.footer.full div.moduletable-menufooter div.custom-menufooter div.col-sm-2 {float:left; height:auto; margin:30px 70px 30px 0px; font-size:17px;} div.footer.full div.moduletable-menufooter div.custom-menufooter div.col-sm-2 ul {padding-left:20px;} div.footer.full div.moduletable-copyright {clear:both; border-top:1px solid #606aab; text-align:center; padding:10px;} /* strukturierung footer ENDE */ #body-left-right { float: left; width:100%; max-width: 500px; margin-right:38px;} #body-right-only { float: left; width:100%; max-width: 680px; margin-right:40px; margin-left: 180px;} #body-right-only div.clr div#layer-right-only {padding-left:0px; padding-right:0px;} tbody tr td {border-bottom:1px solid #8583b6; padding:10px;} tbody {width:100%; height:auto;} div.item-page-news-gesa div img {float:right; margin-left:20px; margin-bottom:20px;} html body#-startseite div#wrapperall div#body-outer.clr div#body-inner div#body-wide div.clr div#layer-wide div#mainbody.clr div.item-page-startseite div p img {float:right; margin-left:20px; margin-bottom:20px;} hr {color:#a5037c; margin-top:20px; margin-bottom:20px;} /* mobile Optimierung */ @media (max-width:1100px){ #body-wide {padding:0px 20px 0px 20px;} #footer-inner {padding:0px 20px 0px 20px;} #topright { margin:0px; padding:0px; visibility:hidden; width:0px; height:0px;} #topmenu div.custom-startseite-beratung a{margin-left:10px; } #topmenu div.custom-unterseiten-beratung a{margin-left:10px; } #header-outer {width:100%; height:530px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} #banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -300px;} body#-frauenhaus div#wrapperall div#banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -320px;} body#-startseite div#wrapperall div#banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -300px;} body#-verein div#wrapperall div#header-outer {width:100%; height:330px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} body#-aktuelles div#wrapperall div#header-outer {width:100%; height:330px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} body#-service div#wrapperall div#header-outer {width:100%; height:330px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} #wrapperall {overflow-x: hidden;} #body-right-only div.clr div#layer-right-only {padding-left:10px; padding-right:10px;} #banner-inner {margin: 0 auto; padding-left:10px; padding-right:10px;} #right-right-only {margin-left:10px;} html body#-startseite div#wrapperall.container div#body-outer.clr div#body-inner div#body-wide div.clr {float:left; width:100%; max-width:100%;} } @media (max-width:900px){ #left-left-right {margin-left: 20px; margin-right:20px; margin-top:20px;} #body-left-right {margin-left: 20px; margin-right:20px;} #right-left-right {margin-left: 20px;} } @media (max-width:890px){ #header-outer {width:100%; height:730px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding:30px 0px 0px 0px;} #banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -320px;} body#-frauenhaus div#wrapperall div#banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -480px;} body#-startseite div#wrapperall div#banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -480px;} body#-verein div#wrapperall div#header-outer {width:100%; height:330px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} body#-aktuelles div#wrapperall div#header-outer {width:100%; height:330px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} body#-service div#wrapperall div#header-outer {width:100%; height:330px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} #topmenu div.custom-startseite-beratung a{margin-top:200px; float:left;} #topmenu div.custom-unterseiten-beratung a{margin-top:200px; float:left;} #topmenu div.custom-unterseiten-beratung a{display: none;} #logo { margin-left:10px; } div.custom-aktuelles {display: none;} div.custom-aktuelles a {display: none;} div.custom-cora p {display: none;} div.custom-cora p a {display: none;} div.custom-netzwerkgewaltschutz {display: none;} div.custom-netzwerkgewaltschutz p a {display: none;} div.custom-platzhalter1 {display: none;} div.custom-platzhalter1 p a img {display: none;} div.custom-platzhalter3 {display: none;} div.custom-platzhalter3 p a img {display: none;} div.custom-platzhalter2 {display: none;} div.custom-platzhalter2 p a img {display: none;} #body-outer {width:100%; float:left; margin-top:0px; margin-bottom: 50px;} body#-service div#wrapperall div#body-outer {width:100%; float:left; margin-top:90px; margin-bottom: 30px;} body#-service div#wrapperall.container div#body-outer.clr div#body-inner div#body-right-only {float: left; width:100%; max-width: 680px; margin-right:40px; margin-left:0px; margin-top:50px;} div#body-right-only {margin-left:0px;} } @media (max-width:650px){ #logo { padding: 10px; float:left; } #logo img { width:100%; max-width:481px; height:auto;} body#-startseite div#wrapperall.container div#header-outer.clr div#header-inner div#logo {margin-top:-320px;} body#-startseite div#wrapperall.container div#header-outer.clr div#header-inner div#navigation.navbar.navbar-inverse button.navbar-toggle { position: relative; float: left; padding: 10px; margin:-115px 50px 10px 150px; cursor:pointer; } #header-outer {width:100%; height:630px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:10px;} #banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -350px;} body#-frauenhaus div#wrapperall div#banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -350px;} body#-startseite div#wrapperall div#banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -280px;} body#-verein div#wrapperall div#header-outer {width:100%; height:330px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} body#-aktuelles div#wrapperall div#header-outer {width:100%; height:330px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} body#-service div#wrapperall div#header-outer {width:100%; height:330px; float:left; position: relative; margin:0 auto; background-color:#e2ebf0; padding-top:30px;} .navbar-toggle { position: relative; float: left; padding: 10px; margin:30px 50px 10px 20px; background-color: transparent; cursor:pointer; } #body-outer {width:100%; float:left; margin-bottom: 30px;} body#-service div#wrapperall div#body-outer {width:100%; float:left; margin-top:90px; margin-bottom: 30px;} div.custom-frauenhaus a{ float: left; width:120px; height:120px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:10px; font-size: 20px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-frauenhaus a:hover { float: left; width:120px; height:120px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:10px; font-size: 20px; color:#fff; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-stalking a{ float: left; width:120px; height:120px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:10px; font-size: 20px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-stalking a:hover { float: left; width:120px; height:120px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:10px; font-size: 20px; color:#fff; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-sexarbeit a{ float: left; width:120px; height:120px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:10px; font-size: 20px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-sexarbeit a:hover { float: left; width:120px; height:120px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:10px; font-size: 20px; color:#fff; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-prozessbegleitung a{ float: left; width:120px; height:120px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:10px; font-size: 20px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-prozessbegleitung a:hover { float: left; width:120px; height:120px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:10px; font-size: 20px; color:#fff; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-sexualisiertegewalt a{ float: left; width:120px; height:120px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:10px; font-size: 20px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-sexualisiertegewalt a:hover { float: left; width:120px; height:120px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:10px; font-size: 20px; color:#fff; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-fraugewaltsucht a{ float: left; width:120px; height:120px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; padding:10px; font-size: 20px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-fraugewaltsucht a:hover { float: left; width:120px; height:120px; background-color:#6269af; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:10px; font-size: 20px; color:#fff; margin-right:20px; margin-bottom:20px; line-height: 1.3; display:inline-block;} div.custom-frauenhaus-platzhalter1 { float: left; width:120px; height:120px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; font-size: 20px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; overflow:hidden;} div.custom-frauenhaus-platzhalter1 img {width:120px; height:120px;} div.custom-frauenhaus-platzhalter2 { float: left; width:120px; height:120px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #b4b2d4; font-size: 20px; color:#032f79; margin-right:20px; margin-bottom:20px; line-height: 1.3; overflow:hidden;} div.custom-frauenhaus-platzhalter2 img {width:120px; height:120px;} #topmenu div.custom-startseite-beratung a { float: left; width:120px; height:120px; background-color:#d3007b; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:15px; font-size: 20px; color:#fff; margin-right:30px;} #topmenu div.custom-startseite-beratung a:hover { float: left; width:120px; height:120px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #032f79; padding:15px; font-size: 20px; color:#032f79; margin-right:30px;} #topmenu div.custom-unterseiten-beratung a{ float: left; width:120px; height:120px; background-color:#fff; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #032f79; padding:15px; font-size: 20px; color:#032f79; margin-right:30px;} #topmenu div.custom-unterseiten-beratung a:hover { float: left; width:120px; height:120px; background-color:#d3007b; box-sizing: border-box; border-radius: 10px; cursor:pointer; border:2px solid #fff; padding:15px; font-size: 20px; color:#fff; margin-right:30px;} #topmenu div.custom-unterseiten-beratung a{display: none;} #left-left-right {margin-left: 20px; margin-right:20px; margin-top:50px;} div.lSSlideOuter {display: none;} } @media (max-width:560px){ #body-left-right { width: 100%; margin-left: 0px; margin-right: 0px;} #layer-left-right { padding:0px 20px 0px 20px;} div.orbit-container ul.orbit-slides-container li img {height:auto;} } @media (max-width:515px){ #logo { padding: 10px; float:left; margin-left:0px;} body#-startseite div#wrapperall.container div#header-outer.clr div#header-inner div#logo {margin-top:-290px;} body#-startseite div#wrapperall div#banner-outer {float: left; width: 100%; margin: 0 auto; position: relative; margin-top: -310px;} #topmenu div.custom-startseite-beratung a {margin-top:160px; float:left;} #topmenu div.custom-unterseiten-beratung a {margin-top:160px; float:left;} } /* mobile Optimierung */ .orbit-container .orbit-slides-container img { display: block; max-width: 100%; } .orbit-container .orbit-slides-container img { border: 2px solid #b4b2d4; box-sizing: border-box; border-radius: 10px;} *, ::before, ::after { box-sizing: border-box; } div.custom-datenfrauenhaus a {color:#FFFFFF;} @media (max-width:1080px){ html body#-aktuelles div#wrapperall.container div#banner-outer.clr {margin-top:0px;} } @media (max-width:900px){ html body#-aktuelles div#wrapperall.container div#body-outer.clr div#body-inner div#body-right-only {margin-left:10px;} } div.moduletable-stalking-onlineberatung ul.menu.nav li {padding:20px; margin-top:40px; background-color:#272e74; color:#FFFFFF; border-radius:8px; text-align: center;} div.moduletable-stalking-onlineberatung ul.menu.nav li a {padding:0px; color:#FFFFFF;} div.moduletable-spendenbutton div.custom-spendenbutton {padding-top:50px; position:absolute; padding-left: 75px; margin-bottom: 50px;} div.moduletable-spendenbutton div.custom-spendenbutton div:hover {background-color:#6269af!important;} div.moduletable-spendenbutton div.custom-spendenbutton div p a {color:#fff; font-weight:600;} @media (max-width:1100px){ div.moduletable-spendenbutton div.custom-spendenbutton {padding-top:50px; position:relative; padding-left: 0px; margin-bottom: 50px;} } div.moduletable-spendenbutton-rechts {position:fixed; right:0; top: 18%;} div.moduletable ul.menu.nav li.item-382 {font-size:14px!important; line-height: 1.4!important;}