/* pinyon-script-regular - latin */ @font-face { font-family: 'Pinyon Script'; font-style: normal; font-weight: 400; src: url('../fonts/pinyon-script-v8-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Pinyon Script'), local('PinyonScript'), url('../fonts/pinyon-script-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/pinyon-script-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/pinyon-script-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/pinyon-script-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/pinyon-script-v8-latin-regular.svg#PinyonScript') format('svg'); /* Legacy iOS */ } body { background: #fff } body p,body ol,body ul,body dl,body address { font-family: verdana,arial,sans-serif; margin-bottom: 1.5em; font-size: 0.95em; line-height: 1.75em; word-wrap: break-word; } @media only screen and (max-width: 1000px) { body p,body ol,body ul,body dl,body address { font-size: 0.8em; line-height: 1.75em;} } #back { padding: 0 20px; } #all { background: #FFFFFF; color: #444; max-width: 100%; } #shadow #all { } #printkopf { display: none; } /* +++++++++++++++++++ Header ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ div#google_translate_element { position: absolute; top: 3px; right: 3px; z-index:200; } #header { background: #EFAD23; overflow: visible; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edab28+0,edae28+2,efb63b+21,f2bf4c+39,efb63b+74,edae28+100 */ background: rgb(237,171,40); /* Old browsers */ background: -moz-linear-gradient(left, rgba(237,171,40,1) 0%, rgba(237,174,40,1) 2%, rgba(239,182,59,1) 21%, rgba(242,191,76,1) 39%, rgba(239,182,59,1) 74%, rgba(237,174,40,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(237,171,40,1) 0%,rgba(237,174,40,1) 2%,rgba(239,182,59,1) 21%,rgba(242,191,76,1) 39%,rgba(239,182,59,1) 74%,rgba(237,174,40,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(237,171,40,1) 0%,rgba(237,174,40,1) 2%,rgba(239,182,59,1) 21%,rgba(242,191,76,1) 39%,rgba(239,182,59,1) 74%,rgba(237,174,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edab28', endColorstr='#edae28',GradientType=1 ); /* IE6-9 */ } #header-inner { position: relative; padding: 0px 20px; max-width: 1200px; margin: 0 auto; } div.custom_logo { margin-right: 140px; } div.custom_logo a:hover { background: none; border: none; text-decoration: none;} div.custom_logo .logo-name { position: relative; border-bottom: 1px solid #7B182C; margin-top: 1.3em; } div.custom_logo .logo-name img { width: 300px; margin-bottom: -5px; } div.custom_logo .logo-dreisterne { position: absolute; bottom: 0px; right: 20px; width: 70px; } div.custom_logo .logo-dreisterne img { width: 100%; } div.custom_logo .logo-untertext { width: 300px; text-align: center; margin-bottom: 0.8em; margin-top: 0.5em; } div.custom_logo .logo-untertext img { width: 70%; } div.custom_tulpe { position: absolute; bottom: -80px; right: -15px; width: 140px;} div.custom_tulpe img { width: 100%; } #line { padding: 2px 0; width: 100%; text-align: left; min-width: 40em; background: #FCE7C2; overflow: visible; z-index: 500 } #line-inner { padding: 0px; max-width: 1200px; margin: 0 auto; overflow: visible;} ul.mvvenu { display: none; } @media only screen and (max-width: 650px) { div.custom_tulpe { display: none; } div.custom_logo { margin: 0 auto; width: 70%; } div.custom_logo .logo-name { margin-top: 0px; } div.custom_logo .logo-dreisterne { display: none;} div.custom_logo .logo-untertext { width: 100%; } #line { background: none; } #header { overflow: visible; padding-top:0em; text-align: left; } #header-inner { text-align: center; margin-bottom: 0; } .logoheader {background:#EFB63A; min-height:80px; margin:0} ul.menu { display: block; } #line { text-align: center; top: 0px; right: auto; max-width: 100% ; min-width:100%; margin: 0 0px; background:#EFB63A; z-index: 800; } #menuwrapper { margin-top:10px; } } /* +++++++++++++++++++ Header SF-Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0;padding: 0;list-style: none;} .sf-menu li {position: relative;} .sf-menu ul {position: absolute;display: none;top: 100%;left: 0;z-index: 99;} .sf-menu > li { float: left;} .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block;} .sf-menu a {display: block; position: relative;} .sf-menu ul ul {top: 0; left: 100%;} .sf-menu { float: left; margin-bottom: 0em;} .sf-menu ul {min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */} .sf-menu a, .sf-menu li.divider span.separator { display: block; border: none;padding: 0.6em 1.3em;text-decoration: none; font-size: 1.2em; color: #7B182C; text-transform: uppercase; zoom: 1; /* IE7 */} .sf-menu li.divider span.separator { background: url(../images/personal/menuepfeil-rot.png) no-repeat ; background-position: right 1em top 55%; background-size: 10px; padding: 0.5em 2em 0.5em 2em;} .sf-menu li.divider:hover span.separator { background: url(../images/personal/menuepfeil-weiss.png) no-repeat ; background-position: right 1em top 55%; background-size: 10px; padding: 0.5em 2em 0.5em 2em; color: #fff;} .sf-menu li {background: none; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s;} .sf-menu ul li {background: #FCF5E8; border-right: none;} .sf-menu ul li a {color: #7B182C; text-transform: none; } .sf-menu ul ul li { background: #FCF5E8;} .sf-menu li:hover, .sf-menu li.sfHover {background: #7B182C;color: #fff; /* only transition out, not in */ -webkit-transition: none; transition: none;} .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li a:focus { background: #7B182C;color: #fff; text-transform: none; } @media only screen and (max-width: 1000px) { .sf-menu li.divider span.separator { background: url(../images/personal/menuepfeil-rot.png) no-repeat ; background-position: right 0.4em top 55%; background-size: 8px; padding: 0.6em 1.3em; font-size: 1.1em; } .sf-menu li.divider:hover span.separator { background: url(../images/personal/menuepfeil-weiss.png) no-repeat ; background-position: right 0.4em top 55%; background-size: 8px; padding: 0.6em 1.3em; font-size: 1.1em; } } /* +++++++++++++++++++ Header Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ div#menuwrapper { height: 40px;} @media only screen and (min-width: 650px) { /*** ESSENTIAL STYLES ***/ #line-inner .menu, #line-inner .menu * { margin: 0;padding: 0;list-style: none; width: 100%} #line-inner .menu li {position: relative;} #line-inner .menu ul {position: absolute;display: none;top: 100%;left: 0;z-index: 99;} #line-inner .menu li { float: left; width: auto;} #line-inner .menu li:hover > ul, #line-inner .menu li.Hover > ul { display: block;} #line-inner .menu a {display: block; position: relative;} #line-inner .menu ul ul {top: 0; left: 100%;} #line-inner .menu { float: left; margin-bottom: 0em;} #line-inner .menu ul {min-width: 15em; /* allow long menu items to determine submenu width */ *width: 15em; /* no auto sub width for IE7, see white-space comment below */} #line-inner .menu a, #line-inner .menu li.divider span.separator { display: block; float: left; border: none;padding: 0.6em 1.3em;text-decoration: none; font-size: 1.2em; color: #7B182C; text-transform: uppercase; zoom: 1; /* IE7 */} #line-inner .menu li.divider { } #line-inner .menu li.divider span.separator { background: url(../images/personal/menuepfeil-rot.png) no-repeat; background-position: right 4.7em top 50%; background-size: 10px; padding: 0.5em 2em 0.5em 2em;} #line-inner .menu li.divider:hover span.separator { background: url(../images/personal/menuepfeil-weiss.png) no-repeat; background-position: right 4.7em top 50%; background-size: 10px; padding: 0.5em 2em 0.5em 2em; color: #fff;} #line-inner .menu li {background: none; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s;} #line-inner .menu ul li { border-right: none; width: 100%;} #line-inner .menu ul li a {color: #7B182C; text-transform: none; background: rgba(252, 245, 232, 0.9); transition: 0.5s } #line-inner .menu ul ul li { background: #FCF5E8;} #line-inner .menu li:hover, #line-inner .menu li.Hover {background: #7B182C;color: #fff; /* only transition out, not in */ -webkit-transition: none; transition: none;} #line-inner .menu ul li a:hover, #line-inner .menu ul li a:active, .#line-inner .menu ul li a:focus { background: #7B182C;color: #fff; text-transform: none; } } @media only screen and (max-width: 1000px) { #line-inner .menu li.divider span.separator { background: url(../images/personal/menuepfeil-rot.png) no-repeat ; background-position: right 3em top 55%; background-size: 8px; padding: 0.6em 1.3em; font-size: 1.1em; } #line-inner .menu li.divider:hover span.separator { background: url(../images/personal/menuepfeil-weiss.png) no-repeat ; background-position: right 3em top 55%; background-size: 8px; padding: 0.6em 1.3em; font-size: 1.1em; } } /* +++++++++++++++++++ Header Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ @media only screen and (max-width: 650px) { #header ul.sf-menu { display: none; } #header ul.menu { position: relative; padding: 0; width: auto;text-align: left;display: block;margin: 0 10px; z-index: 400;} #header ul.menu { background-color:#fff; color: #7B182C; text-transform: uppercase; border-top: 2px solid #7B182C; border-bottom: 2px solid #7B182C;} #header ul.menu li{ position: relative; border-bottom: 1px solid #eee;} #header ul.menu li ul { display: none} #header ul.menu li:hover ul { display: block; position: relative; z-index: 700} #header ul.menu li ul li { clear: left; float: none; background: #fff; } #header ul.menu li a:link,#header ul.menu li a:visited,#header ul.menu li:last-child a, #header ul.menu li.divider span.separator {color: #7B182C;font-size: 1.1em; text-decoration: none; margin: 0;display: inline-block;padding: 12px 15px;position: relative;} #header ul.menu li ul li a:link,#header ul.menu li ul li a:visited { background: #fff; color: #444; font-size: 1.1em; padding: 12px 0px 12px 25px;} #line-inner .menu li.divider span.separator { background: url(../images/personal/menuepfeil-rot.png) no-repeat ; background-position: right 0em top 55%; background-size: 8px; padding: 0.6em 1.3em; font-size: 1.1em; } #line-inner .menu li.divider:hover span.separator { background: url(../images/personal/menuepfeil-weiss.png) no-repeat ; background-position: right 0em top 55%; background-size: 8px; padding: 0.6em 1.3em; font-size: 1.1em; } } /* +++++++++++++++++++ / Header SF-Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++ */ /* responsive */ #mobile_select h2 {border:0; margin: 0; padding:5px 0 0 0; } #mobile_select h2 a { display:inline-block; background: #7B182C; color: #fff; border-radius:4px; padding:6px 10px; font-size:0.7em; } /* +++++++++++++++++++ Breadcrumbs +++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++ */ div#breadcrumbs { background: #FCE7C2; overflow: hidden;clear: both;} .djslider-loader { margin-bottom: 59px; } #breadcrumbs .custom p, #breadcrumbs .custom img, #breadcrumbs .custom_infoleiste p { margin: 0px; padding: 0; overflow: visible;} #breadcrumbs .custom_infoleiste { padding: 2px 0 2px 10%; max-width: 1200px; margin: 0 auto; overflow: visible; } #breadcrumbs .custom_infoleiste ul { display: inline; margin-left: 0px; word-break: normal; } #breadcrumbs .custom_infoleiste ul li { margin-left: 0px; float: left; list-style-type: none; color: #7B182C; font-size: 1.1em; text-transform: uppercase; text-align: center; width: 16%; padding: 8px 0; margin: 0 2%; } #breadcrumbs .custom_infoleiste ul li:hover { background: #7B182C; color: #fff; } #breadcrumbs .custom_infoleiste a { text-decoration: none; color: #7B182C; } #breadcrumbs .custom_infoleiste a:hover { background: none; color: #fff; } #breadcrumbs .custom_infoleiste a:active, #breadcrumbs .custom_infoleiste a:focus { background: none; color: #7B182C; } #breadcrumbs .custom_infoleiste ul li:hover a { color: #fff; } @media only screen and (max-width: 1000px) { #breadcrumbs .custom_infoleiste ul li { width: auto; padding: 8px 10px; margin: 0 1%; font-size: 0.9em; } } @media only screen and (max-width: 650px) { #breadcrumbs {display: none;} } /* +++++++++++++++++++ / Breadcrumbs ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++ */ /* +++++++++++++++++++ Aside rechts +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++++ */ div.custom_rechts { border: 1px solid #7B182C; padding: 0; margin: 0 auto 40px auto; max-width: 400px; } div.custom_rechts h3 { margin: 0; background: #7B182C; padding: 5px; text-align: center; color: #fff; } div.custom_rechts img { width: 100%; } div.custom_rechts p { padding: 0 15px; margin-bottom: 0px;} div.custom_rechts p.image { padding: 0px;} div.custom_rechts p.leftlink { display: block; margin: 10px 15px 10px 15px; padding: 0; } div.custom_rechts p.leftlink a:link, div.custom_rechts p.leftlink a:visited { display: block; background: #7B182C url(../images/personal/pfeil-menu-weiss.png) no-repeat 10px 50%; background-size: 7px auto; padding: 3px 10px 5px 30px; color: #fff; text-decoration: none; font-size: 1.0em; } div.custom_rechts p.leftlink a:hover { display: block; background: #F1BE53 url(../images/personal/pfeil-menu-weiss.png) no-repeat 10px 50%; background-size: 7px auto; padding: 3px 10px 5px 30px;-webkit-transition: background .2s; transition: background .2s; } /* +++++++++++++++++++ / Aside rechts ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++ */ #contentarea { max-width: 1200px; margin: 0 auto; padding-top: 30px;} #wrapper2 .item-page { max-width: 100%; } /* +++++++++++++++++++ Main ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #main h1 { font-family: 'Pinyon Script', cursive; font-size: 3em; text-align: center;} #main h1.starth1 { font-size: 3em; margin: 1.2em 0 0.5em 0;} #main h3.toptext {font-family: verdana,arial,sans-serif; font-size: 1.0em;line-height: 1.7em; font-weight: normal; text-align: center; padding: 0 10%; margin: 1.4em 0 6em 0;} @media only screen and (max-width: 1000px) { #main h1.starth1 { font-size: 2.5em; margin: 1.2em 0 0.5em 0;} #main h3.toptext {font-size: 0.9em; } } h2 a { text-decoration: none} h2,.moduletable h3, .items-leading h2 { border-bottom: solid 1px #ddd;} .items-row h2 { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;} a:link,a:visited {color: #444} a:hover,a:active,a:focus { background: none; color: #444;} #main p.buttonlink { text-align: center; padding-top: 30px; } #main p.buttonlink a:link, #main p.buttonlink a:visited { background: #7B182C url(../images/personal/pfeil-menu-weiss.png) no-repeat 32px 17px; background-size: 9px auto; padding: 13px 50px 13px 50px; color: #fff; text-decoration: none;font-size: 1.1em; border-radius: 3px; } #main p.buttonlink a:hover { background: #F1BE53 url(../images/personal/pfeil-menu-weiss.png) no-repeat 32px 17px; background-size: 9px auto; -webkit-transition: background .2s; transition: background .2s; } h2.zwischenrot { margin-top: 60px; background-color: #7b182c; padding: 5px; text-align: center; color: #ffffff; font-size: 1.3em; } .startdreier h4 { text-align: center; text-transform: uppercase; font-family: verdana,arial,sans-serif; background: #7B182C; color: #fff; padding: 10px; margin-bottom: 0.2em; } .startvierer h4 { text-align: center; text-transform: uppercase; font-family: verdana,arial,sans-serif; background: #F1BE53; color: #fff; padding: 10px; margin-bottom: 0.2em; } @media only screen and (max-width: 1000px) { .startdreier h4 { font-size: 1.1em } .startvierer h4 { font-size: 1.1em } } @media only screen and (max-width: 650px) { .startvierer .zweivonvier { width: 50%; float: left; overflow: hidden; } .startvierer .zweivonvier .g3of12 { width: 100%; } .startvierer .zweivonvier .gcr, .startvierer .zweivonvier .gcm, .startvierer .zweivonvier .gcl,{ padding: 0 10px; } } .geschenkgutschein { } .geschenkgutschein .gcr { padding-top: 30px; } ul.gutschein {padding: 40px 0 0px 5%;} ul.gutschein li { list-style-type: "-"; padding: 0 0 0.25em 10px;} section#buchen { margin-top: 40px; border: 1px solid #7B182C;} .rotzeile { background: #7B182C; font-size: 1.0em; color: #fff; padding: 4px 10px; text-align: center; text-transform: uppercase; margin-bottom: 0.5em; } section#buchen .buchenlinks { float: left; text-align: center; padding-top: 10px; width: 220px;} section#buchen .buchenlinks iframe {margin: 0 auto; width: 180px; height: 140px; } section#buchen .buchenrechts { font-size: 0.9em; padding: 20px 20px 0 20px; } div.datenschutz h3{ font-size: 0.8em; margin-bottom: 0.25em;} div.datenschutz p{ font-size: 0.8em;} ul.freizeit { padding-left: 0px; margin-left: 0px; overflow: hidden; } ul.freizeit li { padding-left: 0px; margin: 0px 0px 20px 0px; list-style-type: none; float: left; width: 30%; margin-right: 2%; height: 6em; border: 2px solid #7B182C; text-align: center; background: #f9f9f7;} ul.freizeit li a { display: block; padding: 20px 0; width: 100%; color: #7B182C; color: #444; font-weight: bold; text-decoration: none; } ul.freizeit li:hover { background: #7B182C; } ul.freizeit li:hover a { color: #fff; } @media only screen and (max-width: 800px) { ul.freizeit li { width: 47%; } } @media only screen and (max-width: 480px) { ul.freizeit li { width: 99%; margin-right: 0%; } } figure { margin-bottom: 0.75em;} figcaption { font-size: 0.9em; font-style: italic;} div.golfplaetze { margin-top: 20px;} div.golfplaetze img { width: 100%; max-width: 200px;} div.golfplaetze h4 { margin: 30px 0 0.5em 0; border-bottom: 1px solid #ccc; font-size: 1.2em; padding-bottom: 5px; } div.golfplaetze p { margin-bottom: 0.25em; font-size: 0.9em; } div.golfplaetze p a { color: #444; } div.golfplaetze .gcl p { font-size: 0.8em; line-height: 1.5em; } div.golfangebote .gcr p { text-align: right; } div.golfangebote .gcr p span { font-size: bold; color: #993300; font-size: 1.2em;} div.feierangebot { background-color: #fcf7f0; text-align: center; padding: 15px 20px 20px 20px; margin-bottom: 1em} div.feierangebot h2 { font-size: 1.1em; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 1em; font-style: italic;} div.feierangebot p { margin-bottom: 0.4em; } ul.menu_login { margin-left: 0px; padding-left: 0px; } ul.menu_login li { margin-left: 0px; padding-left: 0px; list-style-type: none; } ul.menu_login a{ text-decoration: none; } .fotohinw { font-size: 0.7em} .fotohinw img { width: 60px; height: auto; margin-bottom: 2px;} /* +++++++++++++++++++ Formular Breezingforms +++++++++++++++++++++++++++++++++++++ */ div.breezingforms { margin: 50px 0;} div.breezingforms a { position: absolute; top: -2000px; } div.breezingforms input text { display: block; } div.breezingforms input, div.breezingforms textarea, div.breezingforms select { padding: 8px; } div.breezingforms .bfQuickMode section.bfElemWrap { margin-bottom: 10px;} .bfQuickMode .bfLabelLeft label { width: 25%!important; } .bfQuickMode section input[type="text"], .bfQuickMode section textarea, .bfQuickMode section select { width: 60%!important; } .bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton { padding:10px!important; margin-top: 20px; margin-left: 45%; font-size: 0.9em; float: none!important; } section.bfSectionDescription p { font-size: 1.2em; padding: 20px 0px 0px 0px; margin-bottom: 0.2em;} div.breezingforms select { height: 40px; } /* +++++++++++++++++++ / Formular Breezingforms +++++++++++++++++++++++++++++++++++++ */ /* ######################### GRID ######################################## */ /* Dieser Container umfasst die Spalten zeilenweise. */ .grid {width: 100%; overflow: hidden;text-align: center;} /* Die allgemeine Klasse für einen Gridcontainer. */ .gc { float: left; margin: 0; padding: 0px 0 0px 0; text-align: left;} /* Die Breiten der Spalten. Hier können die Modifikationen entstehen. */ .g1of12 {width: 8.33333333%;} .g2of12 {width: 16.66666666%;} .g3of12 {width: 24.99999999%;} .g4of12 {width: 33.33333333%;} .g5of12 {width: 41.66666666%;} .g6of12 {width: 50%;} .g7of12 {width: 58.33333333%;} .g8of12 {width: 66.66666666%;} .g9of12 {width: 75%;} .g10of12 {width: 83.33333333%;} .g11of12 {width: 91.66666666%;} .g1-5of12 {width: 12.49999999%;} /* --- grid-abstaende ------------------------------------------------- */ .gcl {margin: 0 18px 0 0;} .gcm { margin: 0 12px 0 12px; } .gcr {margin: 0 0 0 18px;} /* ######################### / GRID ######################################## */ #bottom a { background: none} .box1 { border-right: solid 0px #ccc} div.box1 div.custom { padding-right: 5%;} .box2 p { padding-left: 10px;} .box2 p.padding0 { padding-left: 0; margin-bottom: 0;} .box2 img { margin-top: 30px; width: 100%; max-width: 300px; } .box2 p.unterzeile { margin-top: -10px; } .box3 { border-left: solid 0px #ccc; padding-top: 33px; } #bottom div.box3 ul.menu_footermenu { margin-top: 10px;margin-left: 0px; padding-left: 0px; } #bottom div.box3 ul.menu_footermenu li { border-bottom: 1px solid #d6ccbc; padding: 0; margin-bottom: 5px; margin-left: 0px; } #bottom div.box3 ul.menu_footermenu li a:link, div.box3 ul.menu li a:visited { display: block; border-bottom: none; box-shadow: none; background: #FFF9EF url(../images/personal/pfeil-menu.png) no-repeat 18px 15px; background-size: 8px auto; padding: 7px 0 7px 37px; color: #555; font-size: 1.0em; text-shadow: none; text-decoration: none; } #bottom div.box3 ul.menu_footermenu li a:hover { background: #7B182C url(../images/personal/pfeil-menu-weiss.png) no-repeat 18px 15px; background-size: 8px auto;padding: 7px 0 7px 37px; color: #fff; } div#footer-sub { background: #EDAF2A; } #footer-inner,#footer { max-width: 1200px; margin: auto; } #footer { overflow: hidden; position: relative} #footer a { color: #fff;background: none} #footer ul.menu { display: block; padding: 0px 0 20px 0} #footer ul.menu li { float: left; padding-right: 20px; border: none;} #footer ul.menu li a { border: none; text-shadow: none; box-shadow: none;} @media only screen and (max-width: 750px) { .box1, .box2 { width: 45%;} .box3 { width: 100%;} } /* +++++++++++++ Pfeil nach oben +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++* */ div#pfeil-oben { position:fixed; right: 30px; bottom: 20px; width: 55px; height: 55px; } div#pfeil-oben a { display: block; padding: 50px 0 0 50px; text-decoration: none; background: url(../images/personal/pfeil-oben.png) no-repeat; } div#pfeil-oben a:hover { display: block; padding: 50px 0 0 50px; text-decoration: none; background: url(../images/personal/pfeil-oben_hover.png) no-repeat; } #footer-outer { font-size: 1em; background: #FCE7C2; padding: 0 20px; } /* +++++++++++++ table display Catgegories table, contact etc, ++++++++++++++++++++* */ table { border: solid 1px #ddd} table th { background-color: #0074cc; color: #fff; background-image: -moz-linear-gradient(top, #095197, #1B6BA5); background-image: -ms-linear-gradient(top, #095197, #1B6BA5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#095197), to(#1B6BA5) ); background-image: -webkit-linear-gradient(top, #095197, #1B6BA5); background-image: -o-linear-gradient(top, #095197, #1B6BA5); background-image: linear-gradient(top, #095197, #1B6BA5); background-repeat: repeat-x; filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#095197', endColorstr = '#1B6BA5', GradientType = 0 ); border-color: #0055cc #0055cc #003580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid : dximagetransform.microsoft.gradient ( enabled = false ); } table th a:link,table th a:visited {color: #fff} tr.odd,tr.cat-list-row1 {background: #f8f8f8} table tr:hover td {background: #FEFDE2;} /* blue background */ .button:hover, .button:active, .button:focus, button:hover, p.readmore a:hover, #header ul.menu a:hover, #header ul.menu a:active, #header ul.menu a:focus, .pagenav a:hover, .pagenav a:active, .pagenav a:focus, #advanced-search-toggle:hover, #advanced-search-toggle:active, #advanced-search-toggle:focus, .profile-edit a:hover, .profile-edit a:active, .profile-edit a:focus, #fontsize a:hover,#fontsize a:active,#fontsize a:focus, #mobile_select h2 a { color: #fff; background: #7B182C; } /* +++++++++++++++++ Pagination +++++++++++++++ */ .pagination span,.pagination span a:hover { color: #999999; background-color: #f5f5f5;} /* active item */ span.pagenav { background: #095197; color: #fff} .pagination-start span.pagenav,.pagination-prev span.pagenav,.pagination-end span.pagenav,.pagination-next span.pagenav { background-color: #f5f5f5; color: #444} /* +++++++++++++++++ content +++++++++++++++ */ .article-info { background-color: #fbfbfb; background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5) ); background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); background-image: linear-gradient(top, #ffffff, #f5f5f5); background-repeat: repeat-x; filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#ffffff', endColorstr = '#f5f5f5', GradientType = 0 ); border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } ul.menu a:link,ul.menu a:visited { color: #444;} /* ++++++++++++++++++++++ menu ++++++++++++++++++++++++++ */ .moduletable_menu { border: solid 1px #ddd; background: #f9f9f9;} #header ul.menu { border: solid 0px #D5D5D5; box-shadow: none;} #header ul.menu a { box-shadow: none; border-bottom: 0} ul.menu a:hover,ul.menu a:active,ul.menu a:focus { background-color: #F5F5F5; background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6); background-repeat: repeat-x; background: url(../images/arrow.png) no-repeat right center; color: #095197} /* ++++++++++++++++ highlightning active menuitem +++++++++++++++++++ */ ul.menu li.active a,ul.menu li.active ul li.active a,ul.menu li.active ul li.active ul li.active a,ul.menu li.active ul li.active ul li.active ul li.active a,ul.menu li.active ul li.active ul li.active ul li.active ul li.active a { font-weight: bold;} ul.menu li.active ul li a,ul.menu li.active ul li.active ul li a,ul.menu li.active ul li.active ul li.active ul li a,ul.menu li.active ul li.active ul li.active ul li.active ul li a { font-weight: normal} ul.menu a { box-shadow: 0 1px 0 #fff; border-bottom: solid 1px #ddd; text-shadow: 0 1px 0 #fff} ul.menu ul a { background: #e5e5e5;margin-bottom: 1px} ul.menu ul ul ul a {background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;} ul.menu ul ul ul ul a { background: #fff;} /* +++++++++++++++++++++++ SLIDER ++++++++++++++++++++ */ .panel h3.pane-toggler a {background: url(../images/slider_plus.png) right top no-repeat; color: #333} .panel h3.pane-toggler-down a { background: url(../images/slider_minus.png) right top no-repeat;border-bottom: solid 1px #ddd;color: #333} /* +++++++++++++++++ Tabs ++++++++++++++++++++++ */ ul.tabs li,dl.tabs dt h3 a:link,dl.tabs dt h3 a:visited {background: #f5f5f5 url(../images/nature/box.png) repeat-x;} ul.tabs li a:link,ul.tabs li a:visited,dl.tabs dt a {color: #333;border: solid 1px #ddd;border-bottom: 0} ul.tabs li a:hover,ul.tabs li a:active,ul.tabs li a:focus { color: #000} .tabcontent,div.current {background: #fff;color: #000;border: solid 1px #ddd;} .tabcontent .linkclosed { color: #000;border-bottom: solid 1px #e5e5e5;} ul.tabs li a.linkopen,dl.tabs dt.open h3 a:link,dl.tabs dt.open h3 a:visited { background: #fff; color: #333;border-radius: 5px 5px 0px 0px;} ul.tabs li a.linkclosed:hover,ul.tabs li a.linkclosed:active,ul.tabs li a.linkclosed:focus,ul.tabs li a.linkopen:hover,ul.tabs li a.linkopen:active,ul.tabs li a.linkopen:focus { background: #555; color: #fff} @media only screen and (max-width: 750px) { img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; } #fontsize{display:none} #nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,#header form { float: none; width: 100% } } @media only screen and (max-width: 480px) { .box { float: none; width: 100%; border-left: 0 !important; border-bottom: solid 1px #ddd; } .g1of12 {width: 100%;} .g2of12 {width: 100%;} .g3of12 {width: 100%;} .g4of12 {width: 100%;} .g5of12 {width: 100%;} .g6of12 {width: 100%;} .g7of12 {width: 100%;} .g8of12 {width: 100%;} .g9of12 {width: 100%;} .g10of12 {width: 100%;} .g11of12 {width: 100%;} .g1-5of12 {width: 100%;;} .gcl {margin: 0 0 20px 0;} .gcm {margin: 0 0 20px 0;} .gcr {margin: 0 0 20px 0;} section#buchen .buchenlinks { width: 100%;} .startvierer .zweivonvier { width: 100%;} div#pfeil-oben { position:fixed; right: 8px; bottom: 8px; width: 25px; height: 25px; } div#pfeil-oben a { padding: 20px 0 0 20px; text-decoration: none; background: url(../images/personal/pfeil-oben_response.png) no-repeat; } div#pfeil-oben a:hover { padding: 20px 0 0 20px; text-decoration: none; background: url(../images/personal/pfeil-oben_response_hover.png) no-repeat; } } @media only screen and (min-width: 600px) { } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 992px) { } @media only screen and (min-width: 1382px) { /* Styles */ } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and (min--moz-device-pixel-ratio: 1.5) , only screen and (min-device-pixel-ratio: 1.5) { /* Styles */ }