/* alegreya-regular - latin */ @font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 400; src: url('../fonts/alegreya-v10-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Alegreya Regular'), local('Alegreya-Regular'), url('../fonts/alegreya-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-v10-latin-regular.svg#Alegreya') format('svg'); /* Legacy iOS */ } /* alegreya-italic - latin */ @font-face { font-family: 'Alegreya'; font-style: italic; font-weight: 400; src: url('../fonts/alegreya-v10-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Alegreya Italic'), local('Alegreya-Italic'), url('../fonts/alegreya-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-v10-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-v10-latin-italic.svg#Alegreya') format('svg'); /* Legacy iOS */ } /* alegreya-500italic - latin */ @font-face { font-family: 'Alegreya'; font-style: italic; font-weight: 500; src: url('../fonts/alegreya-v10-latin-500italic.eot'); /* IE9 Compat Modes */ src: local('Alegreya Medium Italic'), local('Alegreya-MediumItalic'), url('../fonts/alegreya-v10-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-v10-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-v10-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-v10-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-v10-latin-500italic.svg#Alegreya') format('svg'); /* Legacy iOS */ } /* alegreya-500 - latin */ @font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 500; src: url('../fonts/alegreya-v10-latin-500.eot'); /* IE9 Compat Modes */ src: local('Alegreya Medium'), local('Alegreya-Medium'), url('../fonts/alegreya-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-v10-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-v10-latin-500.svg#Alegreya') format('svg'); /* Legacy iOS */ } /* alegreya-700 - latin */ @font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 700; src: url('../fonts/alegreya-v10-latin-700.eot'); /* IE9 Compat Modes */ src: local('Alegreya Bold'), local('Alegreya-Bold'), url('../fonts/alegreya-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-v10-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-v10-latin-700.svg#Alegreya') format('svg'); /* Legacy iOS */ } /* alegreya-700italic - latin */ @font-face { font-family: 'Alegreya'; font-style: italic; font-weight: 700; src: url('../fonts/alegreya-v10-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Alegreya Bold Italic'), local('Alegreya-BoldItalic'), url('../fonts/alegreya-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-v10-latin-700italic.svg#Alegreya') format('svg'); /* Legacy iOS */ } /* alegreya-800 - latin */ @font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 800; src: url('../fonts/alegreya-v10-latin-800.eot'); /* IE9 Compat Modes */ src: local('Alegreya ExtraBold'), local('Alegreya-ExtraBold'), url('../fonts/alegreya-v10-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-v10-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-v10-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-v10-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-v10-latin-800.svg#Alegreya') format('svg'); /* Legacy iOS */ } /* alegreya-800italic - latin */ @font-face { font-family: 'Alegreya'; font-style: italic; font-weight: 800; src: url('../fonts/alegreya-v10-latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Alegreya ExtraBold Italic'), local('Alegreya-ExtraBoldItalic'), url('../fonts/alegreya-v10-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-v10-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-v10-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-v10-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-v10-latin-800italic.svg#Alegreya') format('svg'); /* Legacy iOS */ } /* alegreya-900 - latin */ @font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 900; src: url('../fonts/alegreya-v10-latin-900.eot'); /* IE9 Compat Modes */ src: local('Alegreya Black'), local('Alegreya-Black'), url('../fonts/alegreya-v10-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-v10-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-v10-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-v10-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-v10-latin-900.svg#Alegreya') format('svg'); /* Legacy iOS */ } /* alegreya-900italic - latin */ @font-face { font-family: 'Alegreya'; font-style: italic; font-weight: 900; src: url('../fonts/alegreya-v10-latin-900italic.eot'); /* IE9 Compat Modes */ src: local('Alegreya Black Italic'), local('Alegreya-BlackItalic'), url('../fonts/alegreya-v10-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-v10-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-v10-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-v10-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-v10-latin-900italic.svg#Alegreya') format('svg'); /* Legacy iOS */ } /* alegreya-sans-300 - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 300; src: url('../fonts/alegreya-sans-v8-latin-300.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans Light'), local('AlegreyaSans-Light'), url('../fonts/alegreya-sans-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-300.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } /* alegreya-sans-300italic - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: italic; font-weight: 300; src: url('../fonts/alegreya-sans-v8-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans Light Italic'), local('AlegreyaSans-LightItalic'), url('../fonts/alegreya-sans-v8-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-300italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } /* alegreya-sans-regular - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 400; src: url('../fonts/alegreya-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans Regular'), local('AlegreyaSans-Regular'), url('../fonts/alegreya-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-regular.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } /* alegreya-sans-italic - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: italic; font-weight: 400; src: url('../fonts/alegreya-sans-v8-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans Italic'), local('AlegreyaSans-Italic'), url('../fonts/alegreya-sans-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } /* alegreya-sans-500 - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 500; src: url('../fonts/alegreya-sans-v8-latin-500.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans Medium'), local('AlegreyaSans-Medium'), url('../fonts/alegreya-sans-v8-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-500.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } /* alegreya-sans-500italic - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: italic; font-weight: 500; src: url('../fonts/alegreya-sans-v8-latin-500italic.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans Medium Italic'), local('AlegreyaSans-MediumItalic'), url('../fonts/alegreya-sans-v8-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-500italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } /* alegreya-sans-700 - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 700; src: url('../fonts/alegreya-sans-v8-latin-700.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans Bold'), local('AlegreyaSans-Bold'), url('../fonts/alegreya-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-700.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } /* alegreya-sans-700italic - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: italic; font-weight: 700; src: url('../fonts/alegreya-sans-v8-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans Bold Italic'), local('AlegreyaSans-BoldItalic'), url('../fonts/alegreya-sans-v8-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-700italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } /* alegreya-sans-800 - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 800; src: url('../fonts/alegreya-sans-v8-latin-800.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans ExtraBold'), local('AlegreyaSans-ExtraBold'), url('../fonts/alegreya-sans-v8-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-800.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } /* alegreya-sans-800italic - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: italic; font-weight: 800; src: url('../fonts/alegreya-sans-v8-latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans ExtraBold Italic'), local('AlegreyaSans-ExtraBoldItalic'), url('../fonts/alegreya-sans-v8-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-800italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } /* alegreya-sans-900 - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 900; src: url('../fonts/alegreya-sans-v8-latin-900.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans Black'), local('AlegreyaSans-Black'), url('../fonts/alegreya-sans-v8-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-900.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } /* alegreya-sans-900italic - latin */ @font-face { font-family: 'Alegreya Sans'; font-style: italic; font-weight: 900; src: url('../fonts/alegreya-sans-v8-latin-900italic.eot'); /* IE9 Compat Modes */ src: local('Alegreya Sans Black Italic'), local('AlegreyaSans-BlackItalic'), url('../fonts/alegreya-sans-v8-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/alegreya-sans-v8-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/alegreya-sans-v8-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/alegreya-sans-v8-latin-900italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */ } body { font-family: 'Alegreya', sans-serif; color:#263039; font-size:17px; line-height:160%; margin:0; padding:0 !important; position:relative; -moz-hyphens: auto; hyphens: auto; font-weight:400;} .cc-grower { z-index:10; position:relative; max-height:185px !important;} #body-shape { background: #f0f0f1; content: ""; height: 500px; left: -70%; position: fixed; top: 0; transform: rotate(-45deg); width: 200%; } html, body {height: 100%; } html {overflow-y: scroll;} #main-wrapper { position:relative; } .wrapper, #userForm { max-width:1360px; margin:0 auto; clear:both; padding:0 2%; } a#logo { display:block; width:120px; height:127px; background:url(../images/sv-poessneck-logo.png) no-repeat; float:left; background-size:contain; text-decoration:none; position: relative; z-index: 1000; } header {margin-top:25px !important; overflow:visible; height:250px;} article { overflow:hidden; } #header-right { float:right; width:90%; z-index:3; margin-top:80px; } #menu { float:right; width:100%; } #facebook { width:30px; height:30px; float:right; } #facebook-mobile { width:30px; height:30px; display:none; position:fixed; left:40px; top:40px; } #facebook img, #facebook-mobile img { width:100%; height:auto; } /* Flexbox Inhalte */ section#content { width:100%; } #sidebar { width:90%; } #sidebar { padding:20px 5%; margin-top:30px; border:1px solid #DFDFDF; } .moduletable ul.mod-list li { line-height:110%;} .moduletable ul.mod-list li a { font-size:14px; } .moduletable ul.mod-list li ul.nav-child li { width: 100%; vertical-align: top;} @media (min-width:900px) { #hauptinhalte { flex-direction: row-reverse; display: flex; justify-content: space-between; } section#content { width:65%; } section#content-full { width:96%; } #sidebar { width:20%; padding-left:4.8%; border-left:1px solid #DFDFDF; border-top: none; border-right:none; border-bottom:none; } .moduletable ul.mod-list li { line-height:180%; } .moduletable ul.mod-list li a { font-size:inherit; } } /* Desktop Menu */ ul.maximenuck {text-align:right; width:100%; padding:0; } div#maximenuck128 ul.maximenuck { display:flex !important; justify-content: flex-end; } div#maximenuck128 ul.maximenuck li.maximenuck.level1 { margin-left:3%; } #menu ul li .titreck { font-family: 'Alegreya Sans', sans-serif; color:#263039; font-size:18px;text-decoration:none; text-transform:uppercase; font-weight:500; } #menu ul li .titreck .descck, #maximenuck128-mobile-bar div.level1.maximenuck > a .descck { color:#AD0403; font-size:0.77em; text-transform:none; font-weight:400; margin-top:3px; } #menu ul li, .mobilemaximenuckitem { padding-bottom:10px; border-bottom:2px solid transparent; } #menu ul li.level1:hover, #menu ul li.level1.clickedck, div#maximenuck128 ul.maximenuck li.maximenuck.item143.level1.active, div#maximenuck128 ul.maximenuck2 li.maximenuck.item143.level1.active, div#maximenuck128 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck128 ul.maximenuck li.maximenuck.level1.active, .mobilemaximenuckitem:hover, .open { border-bottom:2px solid #AD0403; background:none !important; } #menu ul li.level2 .titreck, #maximenuck128-mobile-bardiv.level2.maximenuck > a { font-size:1.15em; text-transform:none; font-weight:400; color:#263039; background:none; padding:0;} #menu ul li.level2 .titreck:hover, ul.maximenuck2 li.current .titreck { color:#AD0403 !important; } #menu ul li.level2{ border-bottom:1px solid #DFDFDF; padding:10px 0; } div#maximenuck128 div.floatck { background:#fff; border-top:1px solid #DFDFDF; width:100%; left:0; margin-top:12px !important; } div.maximenuckh ul.maximenuck{ position:static !important; } .maxidrop-main { max-width:1380px; margin:0 auto; width:100%; padding:10px 2% 30px 2%; width:96%; } .maximenuck2 { margin-right:3% !important; } .maximenuck2:last-child { margin-right:0; } a:link, a:hover, a:active, #menu ul li, span.titreck, ul.zoo-itempro-default .description, .btn-primary, .rsform-submit-button, .rsform-button { -webkit-transition: all 1s; transition: all 1s;} ul.zoo-itempro-default .description .element-textarea, .mobilemaximenuckitem { -webkit-transition: all 0.1s; transition: all 0.1s;} div#maximenuck128 ul.maximenuck li.level1.parent > a::after, div#maximenuck128 ul.maximenuck li.level1.parent > span.separator::after { border:none; } div#maximenuck128.maximenuckh ul.maximenuck li.level1.parent > a, div#maximenuck128.maximenuckh ul.maximenuck li.level1.parent > span.separator { padding:0; } #maximenuck128-mobile-bar { font-family: 'Alegreya Sans', sans-serif !important; } /* Sidebar Menu */ .moduletable ul.mod-list {list-style-type:none; padding:0; margin:0; } .moduletable ul.mod-list li ul.current li { list-style-type:none; } .moduletable ul.mod-list li { border-bottom:1px solid #DFDFDF; padding:6px 0; } .moduletable ul.mod-list li ul li { border-bottom:none; } .moduletable ul.mod-list li a:link, .moduletable ul.mod-list li a:visited, span.nav-header, .moduletable ul.mod-list li.current ul li a:link, .moduletable ul.mod-list li.current ul li a:visited { color:#263039; text-decoration:none; } .moduletable ul.mod-list li a:hover, .moduletable ul.mod-list li a:active, .moduletable ul.mod-list li.current a, .moduletable ul.mod-list li.current ul li.current a {color:#AD0403; } .moduletable ul.mod-list li ul { display:none; } .moduletable ul.mod-list li.current ul, .moduletable ul.menu li ul.current { display:block; list-style-type:none; } .moduletable ul.mod-list li ul li.current { display:block; } li.item-347 img { width:20px; margin-right:5px; } /* News Startseite */ #news { margin-bottom:60px; width:100%; margin-top:20px; text-align:center; } #news ul.zoo-itempro-default, #vereinsinfos ul { list-style-type:none; margin:0; padding:0; position:relative;display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; display:-ms-flexbox;} #news ul.zoo-itempro-default li { width:33.2%; vertical-align:top; position:relative; display:inline-block; } #news ul.zoo-itempro-default li .media { width:100%; height:260px; overflow:hidden; position: relative;} #news ul.zoo-itempro-default li .media img { position: absolute; margin: auto; min-height: 100%; min-width: 100%; left: -100%; right: -100%; top: -100%; bottom: -100%; z-index:0; } #news ul.zoo-itempro-default .description {top:0; height:260px; text-align:center; width:100%; width:100%; background:#263039; opacity: 0.75; filter: alpha(opacity =75); bottom: 0; left: 0; position: absolute; right: 0; top: 0; overflow:hidden;-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0 100%, 0% 0%); clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0 100%, 0% 0%);} #news ul.zoo-itempro-default .description:hover::after { background: rgba(130, 2, 2, 0.7) none repeat scroll 0 0; content: ""; height: 260px; left: -65%; position: absolute; top: 0; transform: rotate(-45deg); width: 200%; } #news ul.zoo-itempro-default .description:hover { background:#AD0403; opacity: 0.80; filter: alpha(opacity =80); -webkit-clip-path: polygon(40px 0%, 100% 0, 100% 100%, 0 100%, 0% 40px); clip-path: polygon(40px 0%, 100% 0, 100% 100%, 0 100%, 0% 40px); } #news ul.zoo-itempro-default .description .element-itemprimarycategory { margin-top:70px; color:#fff; border:1px solid #fff; display:inline-block; padding:2px 2px; position:relative; z-index:10; font-size:0.85em; } #news ul.zoo-itempro-default .description .element-itemprimarycategory a:link { color:#26303A; text-decoration:none; background:#fff; font-weight:300; display:block; padding:1px 8px; opacity: 0.80; filter: alpha(opacity =80); } #news ul.zoo-itempro-default .description .element-itemlink a{ position:absolute; bottom:0; left:0; right:0; top:0; z-index:4; text-indent:-9999px; height:100%; } #news ul.zoo-itempro-default .description .element-itemname { margin:20px auto 0 auto; padding:0 3%; position:relative; z-index:10; width:85%; } #news ul.zoo-itempro-default .description .element-itemname a { color:#fff; text-transform:uppercase; font-weight:500; font-size:1.1em; text-decoration:none; letter-spacing:0.03em; line-height:110%; font-family: 'Alegreya Sans', sans-serif;} #news ul.zoo-itempro-default .description .element-textarea { opacity:0; font-size:0.95em; color:#fff; font-weight:300; line-height:110%; width:85%; overflow: hidden; margin:0 auto; padding:0 3%; position: relative; height:56px; } #news ul.zoo-itempro-default .description:hover > .element-textarea { opacity:1; } #news ul.zoo-itempro-default .description .element-textarea:after { content: '...'; position: absolute; bottom: -1px; right: 0; background: inherit; padding: 0 0.3em; z-index:11; color:#fff; } #news ul.zoo-itempro-default .description .element-textarea p { position:relative; z-index:10; height:100%; } #news .moduletable.vorstand ul.zoo-itempro-default li { width:100%; } #news .moduletable.vorstand { width:24.7%; display:inline-block; } #news .moduletable { width:75%; display:inline-block; } /* Vereinsinformationen Startseite */ #vereinsinfos ul li { display:inline-block; width:24%; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15); background:#fff; padding:14px 0; min-height:220px; } #vereinsinfos p.title a { text-decoration:none; font-size:1em; text-transform:uppercase; padding:0 14px 10px 14px; display:block; color:#263039; font-weight:400; font-family: 'Alegreya Sans', sans-serif; line-height:140%; } #vereinsinfos p.title { line-height:110%; border-bottom:1px solid #E9E9E9; } #vereinsinfos .description, #vereinsinfos .links { padding:0 14px; } #vereinsinfos .description { font-size:0.9em; line-height:170%; } #vereinsinfos .links { margin-bottom:0; } #vereinsinfos { margin-bottom:40px; } /* News Detail */ .content { overflow:hidden; } .content .element-image { float:left; margin:0 15px 15px 0; width:30%; height:auto; } .content .element-image img, .jcemediabox-image img {width:100%; height:auto; border:1px solid #DFDFDF; padding:5px; background:#fff; } a.jcepopup span.jcemediabox-zoom-image { background:none; } a.jcemediabox-image { display:block; float:left; } a.jcepopup span.jcemediabox-zoom-span { background:#fff; } .uk-background-cover { width: 200px; height:200px; overflow:hidden; } .galerie .uk-grid > * { padding-left:0; margin-right:1%; } .galerie .uk-grid .uk-width-1-5\@xl { width:19%; } .zoo-itempro-grid .layout-default {border:1px solid #DFDFDF; } /* News Abteilung Übersicht */ #aktuelles ul.blog-svpoessneck { list-style-type:none; margin:20px 0 0 0; padding:0; } #aktuelles .uk-list-divider > li:nth-child(n+2), .uk-list > li:nth-child(n+2), .uk-list > li > ul { margin-top:0 !important; padding-top:0; } #aktuelles ul.blog-svpoessneck li { border:1px solid #DFDFDF; float:left; display:block; width:48%; margin-right:1%; } .media img { width:100%; } ul.zoo-list > li { margin-top:0 !important; padding-top:0 !important; } /* Termine */ .sj-zoo-ajax-tabs .tabs-content { border:none; background:none; } .owl-item { padding:25px 0; border-top:1px solid #DFDFDF; } .events-svpoessneck .items { margin-top:40px; } .items-inner { max-width:1160px; margin:0 auto; width:100%; overflow:hidden; padding:0 20px; } .row .event .floatbox .column-left { width:10%; float:left; } .row .event .floatbox .column-right { width:80%; float:right; } .element-text h3 {display:inline; margin-right:5px; font-size:1em !important; } p.pos-links span, p.links span { color:#fff; border:1px solid #AD0403; display:inline-block; padding:2px 2px; background:#fff; display:inline-block; line-height:100%; } p.pos-links span a:link, p.pos-links span a:visited, p.links span a:link, p.links span a:visited { color:#fff !important; text-decoration:none; background:#AD0403; font-weight:300; display:block; padding:1px 8px; font-size:0.85em; } p.pos-links span a:hover, p.pos-links span a:active, p.links span a:active, p.links span a:hover { background:#D02D1D; } .events-svpoessneck .pagination { border-top:1px solid #DFDFDF; } .events-svpoessneck .categories .no-box .row div { width:13%; display:inline-block; } /* Content */ h1 { font-family: 'Alegreya Sans', sans-serif;font-size:1.85em !important; color:#263039; text-transform:uppercase; font-weight:700; text-align:center; width:100%; margin:0 0 60px 0; padding:0; font-family: 'Alegreya Sans', sans-serif; line-height:110%;} h1.title { text-align:left; } h2, .zx .uk-h2, .zx h2 { font-family: 'Alegreya Sans', sans-serif;margin:30px 0 10px 0!important; padding:0 !important; font-size:1.1em !important; color:#263039; text-transform:uppercase; font-weight:700; font-family: 'Alegreya Sans', sans-serif; } .blog-svpoessneck-auszeichnungen h2 { margin:0!important; padding:15px 10px !important; font-size:1.1em !important; color:#263039; } h2 a { font-family: 'Alegreya Sans', sans-serif;color:#263039; text-decoration:none !important; } .teaserwrapper h2 { font-family: 'Alegreya Sans', sans-serif;margin:10px 0 0 0 !important; } .content .element-textarea h2:first-child { margin-top:0 !important; } h3 { font-family: 'Alegreya Sans', sans-serif;text-transform:none; font-size:1.3em; margin:0 0 2px 0; font-weight:700; letter-spacing:0.03em; padding:0; font-family: 'Alegreya Sans', sans-serif;} #vereinsinfos .moduletable h3 { font-family: 'Alegreya Sans', sans-serif;font-size:1.85em; text-align:center; text-transform:uppercase; margin-bottom:40px; } .moduletable h3 { margin-bottom:30px; font-family: 'Alegreya Sans', sans-serif;} h4 { font-weight:500; margin:20px 0 0 0; padding:0; font-family: 'Alegreya Sans', sans-serif; font-size:1.1em;} .teaserbild img { width:100%; height:auto; } .blog-svpoessneck-vorstand .kategorie { display:none; } .blog-svpoessneck-vorstand .datum { color:#999999; margin:20px 0 10px 0; } .blog-svpoessneck-vorstand .pos-links { margin-bottom:20px !important; } .content .teaser { font-weight:400; } aside .moduletable { margin-top:87px; } section#content a:link, section#content a:visited, section#content-full a:link, section#content-full a:visited, aside a:link, aside a:visited { color:#AD0403; } section#content a:hover, section#content a:active, section#content-full a:hover, section#content-full a:active, aside a:hover, aside a:active { color:#D02D1D; } table tr td { padding:10px 5px; } table tr td:first-child { font-weight:500; } article .datum { font-weight:500; color:#999999; } article .datum::before { content:'Aktuelles vom '; font-weight:300; } .teaserwrapper { padding:20px; } .kategorie-full, .datum-full { display:inline; } .kategorie-full::after { content:'| '; } .galerie { padding-top:20px; margin-top:20px; border-top:1px solid #DFDFDF; overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #DFDFDF; } .galerie .uk-grid { margin-left:0 !important; } .galerie .uk-container { padding-left: 0; padding-right: 0; } .moduletable .custom p, .teaser p { margin:0 0 3px 0; } .zx img { width:100%; } .element-textarea em { color:#263039; font-family: 'Alegreya Sans', sans-serif; } .floatbox { clear:both; margin-bottom:20px; } .floatbox img {float:left; margin:0 20px 20px 0; } .element-gallerypro .uk-container { margin-left:0; } a.edit-item { display:none; } .form-horizontal { margin-top:20px; } fieldset { border:none;} .avs { background:none; !important } b, strong { font-weight:700; } .element-textarea .content { width:100%; } #widget-startseite { margin-bottom: 80px;} .blog-svpoessneck-aktuelle-termine-wettkaempfe h1 { text-align: center; margin-bottom: 0;} /* Tabellen */ table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;} table caption { font-size: 1.5em; margin: .5em 0 .75em; } table tr { background: #f8f8f8; border: 1px solid #ddd; padding: .35em; } table th, table td { padding: .625em; text-align: center; } table tr.empty { background:#fff; border:none; padding:0; } table th { font-size: .85em; letter-spacing: .1em; text-transform: uppercase; } .blog-svpoessneck-entwicklung-sportgeschichte table td { text-align:left; padding:10px 20px; } .blog-svpoessneck-spielergebnisse table th:first-child { width:7%; } .blog-svpoessneck-spielergebnisse table th:last-child { width:25%; } .rt-table { background:none;} /* Auszeichnungen */ .uk-grid article {border:1px solid #DFDFDF; } .auszeichnung {display:none; padding:10px; } .blog-svpoessneck-auszeichnungen h2:hover { cursor:pointer; } /* Form */ .rsform-input-box, .rsform-text-box, .rsform-password-box, .rsform-calendar-box, .rsform-captcha-box, .rsform-select-box, input { width:90%; height:30px; padding:10px 5px; } textarea#Message { height:100px; font-family:sans-serif; } input.rsform-checkbox { width:30px; height:inherit; padding:0; } input#remember { width:30px; } .componentheading { font-weight:500; margin-bottom:20px; } .btn-primary {color:#fff; text-decoration:none; background:#AD0403; font-weight:300; border:none; width:80px; padding:8px 0; border-radius:0; } .btn-primary:hover { background:#D02D1D; } label { font-weight:500; } .rsform-block { margin-top:10px; } .rsform-block .cpt { width:80%; display:inline; } .rsform-submit-button, .rsform-button { background:#AD0403; color:#fff; display:inline-block; padding:0; border:none; line-height:40px; width:200px; height:40px; } .rsform-submit-button:hover, .rsform-button:hover { background:#D02D1D; cursor:pointer; } .rsform-block:hover { background:none; } .rsform-input-box, .rsform-text-box, .rsform-password-box, .rsform-calendar-box, .rsform-captcha-box, .rsform-select-box { background:#fff; margin-bottom:10px; border: 1px solid #DADADA; } #geraetturnen ul.nav-tabs { display:none; } .moduletable #login-form ul.unstyled { display:none; } input[type="checkbox"] { width:30px !important; height:inherit; padding:0;} /* Footer */ footer { background:#515961; width:100%; height:260px; overflow:hidden; position:relative; margin-top:60px; } footer .wrapper { position:relative; z-index:1; padding:30px 20px 10px 20px; margin:0 auto; width:95%;} #anschrift a { color:#fff; text-decoration:none; } #footer-shape { background: #26303A; content: ""; height: 150px; top: 0; transform: rotate(-45deg); width: 50%; position:absolute; left:-18%; } footer h3 { color:#fff; text-transform:uppercase; margin-bottom:10px; font-size:1.1em; } footer p { margin:0; padding:0; } #sponsoren { float:left; width:25%; } #sponsoren img { margin-bottom:5px; } #anschrift { float:left; width:40%; margin-left:10%; } #anschrift .moduletable { display:inline-block; width:48%; color:#fff; font-size:0.90em; font-weight:400; line-height:130%; vertical-align:top; } #anschrift .moduletable span { width:30%; display:inline-block; } #footmenu { float:right; padding:0; margin:0; text-align:right; width:25%; } #footmenu ul { margin:0; padding:0; } #footmenu ul.nav li { display:inline-block; margin-left:10%; border:none; } #footmenu ul.nav li:first-child { margin:0; } #footmenu ul.nav li a:link, #footmenu ul.nav li a:visited { border-bottom:1px solid transparent; color:#fff; font-size:0.90em; font-weight:400; text-decoration:none;} #footmenu ul.nav li a:hover, #footmenu ul.nav li a:active, #footmenu ul.nav li.current a { border-bottom:1px solid #fff; } footer::after { background: #26303A; content: ""; height: 150px; top: 0; transform: rotate(-45deg); width: 80%; position:absolute; right:-45%; } /* Video*/ .video-container { position: relative; height: 260px; overflow: hidden;} .video-container iframe,.video-container object,.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container-full { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto; margin: auto; } .video-container-full iframe,.video-container-full object,.video-container-full embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .avs-grid-item { border:1px solid #eee; padding: 20px; margin: 20px; background:#fff;} @media (max-width:1580px) { #menu ul li.level2 .titreck{ font-size:1.0em; } #header-right { margin-top: 50px;} #menu { float:right; width:100%; } #facebook { width:30px; height:30px; float:right; margin:-20px 0 20px 0; } #news .moduletable.vorstand { width:24.5%; } #news .moduletable { width:74.5%; } } @media (max-width:1380px) { #menu ul li.level2 .titreck{ font-size:1.0em; } #header-right { margin-top: 50px;} #menu { float:right; width:100%; } #facebook { width:30px; height:30px; float:right; margin:-20px 0 20px 0; } } @media (max-width:1280px) { #anschrift { width:50%; float:right; margin:0; } #footmenu { width:50%; clear:both; text-align:left; margin-top:20px; } #sponsoren { width:50%; } a#logo { width:100px; height:106px; } #header-right { width:90%; } } /* Mobile Menu */ [data-id="maximenuck128"] .mobilemenuck-bar-title { background:none; } #maximenuck128-mobilebar .mobilemenuck-bar-title { background:none; } #maximenuck128-mobilebar .mobilemenuck-bar-title, #maximenuck128-mobilebar div.level1.maximenuck > a, #maximenuck128-mobilebar .mobilemaximenucktogglericon::after { background-image:none; } .mobilemaximenuckitemwrap, #maximenuck128-mobile, [data-id="maximenuck128"] .mobilemenuck-title { background:#fff; } #maximenuck128-mobilebar div.level1.maximenuck > a .descck { display:block; } #maximenuck128-mobilebar div.level1.maximenuck > a {line-height:100%; text-align:center; padding:0; } [data-id="maximenuck128"] .mobilemenuck-item > .level1 { margin-bottom:0px; padding:10px 0; font-size:16px; border-radius:0 !important; background:none;text-align: center; border-bottom:2px solid transparent; transition:all .3s;} [data-id="maximenuck128"] .mobilemenuck-item > .level1:hover { background:none; border-bottom:2px solid #AD0403; transition:all .3s;} [data-id="maximenuck128"] .mobilemenuck-item > .level2 { font-size:16px; border-radius:none; text-align: center; font-weight: normal; } [data-id="maximenuck128"].mobilemenuck a { font-weight: normal; } [data-id="maximenuck128"] .mobilemenuck-button { color:#263039; right:10px; top:20px; } [data-id="maximenuck128"] .mobilemenuck-togglericon::after { background:none; } .mobilemenuck-submenu { border-top:1px solid #efefef; border-bottom:1px solid #efefef;} #maximenuck128-mobile-bar div.level1.maximenuck > a, [data-id="maximenuck128"] .mobilemenuck-item > .level1 > a, [data-id="maximenuck128"] .mobilemenuck-item > .level1 { font-family: 'Alegreya Sans', sans-serif; color:#263039; font-size:16px;text-decoration:none; text-transform:uppercase; font-weight:500; } @media (max-width:1200px) { #maximenuck128-mobile-bar .mobilemenuck-bar-title, #maximenuck128-mobile-bar div.level1.maximenuck > a, #maximenuck128-mobile-bar .mobilemaximenucktogglericon::after { width:100%; } .mobilemaximenuckbackbutton {color:#999; cursor:pointer; } .mobilemaximenuckitemwrap { top:150; } #maximenuck128-mobile-bar .mobilemenuck-bar-title, #maximenuck128-mobile-bar div.level1.maximenuck > a { width:inherit; } #facebook-mobile.hallo {display:block; z-index:100001; } #maximenuck128-mobile-bar .mobilemaximenucktopbar { background:#fff !important; } [data-id="maximenuck128"] .mobilemenuck-bar-button { background:#AD0403; border: 1px solid #AD0403; box-shadow: 0 0 0 5px #fff, 0 0 0 6px #AD0403; padding-top:2px; } .mobilemenuck-bar-button {display:block; width:63px !important; height:33px!important; position:absolute!important; right:50px !important; top:30px!important; margin:0 !important; } .mobilemaximenuckclose { background:url(../images/toggle-active.png) no-repeat!important; background-size:16px 17px!important; border:1px solid #AD0403!important; background-position:center!important; } #maximenuck128-mobile-bar .mobilemaximenuckclose { width:63px !important; height:33px!important; right:50px; top:30px!important; background-color:#fff !important; z-index:100; margin:0 !important;} #facebook { left:40px; position:relative; top:10px; } #header-right {display:none; width:100%; background:#fff; position:absolute; height:220px; top:0; margin:0; padding-top:50px; } #menu { margin-top:20px; } div#maximenuck128 ul.maximenuck { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex!important;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify; justify-content: space-between; width:inherit; padding:0 40px 0 0; } div#maximenuck128 ul.maximenuck li { display:inline-block; text-align:center; flex-basis: 20% !important; margin-left:0; } .mobilemaximenuckitem { width:20%; display:inline-block; margin-bottom:20px; } .mobilemaximenucksubmenu .mobilemaximenuckitem { margin-bottom:5px; } #maximenuck128-mobile-bar .mobilemenuck-bar-title { font-size:0.85em; padding-top:10px;padding-left:30px; } .mobilemaximenuckbackbutton { background:url(../images/back.png) no-repeat 10px 10px !important; background-size:28px 18px !important; } .mobilemaximenucksubmenu .mobilemaximenuckitem { width:30%; margin-right:3%; border-bottom:1px solid #DFDFDF; font-size:0.95em;} .mobilemaximenucksubmenu { position:absolute; left:0; background:#fff; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; padding:30px 40px; margin-top0;} #maximenuck128-mobile-bar .mobilemenuck-bar-title {height:100px; } #maximenuck128-mobile-bar { color:#999999; } #menu ul li .titreck, #maximenuck128-mobile-bar div.level1.maximenuck > a { font-size:16px; } #menu ul li .titreck .descck, #maximenuck128-mobile-bar div.level1.maximenuck > a .descck { padding-bottom:3px; } header { margin-top:0 !important; } header.wrapper { position:relative; padding:0; } a#logo { margin:30px 0 0 40px; } #facebook { float:left; } ul.maximenuck { text-align:left; } table { border: 0; } table caption { font-size: 1.3em; } table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } table td.empty { border:none; background:none; } table td:before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } table td:last-child { border-bottom: 0; } table.normal thead { clip:inherit; overflow:inherit; position:relative; } table.normal tr { border-bottom: none; display: inline-block; margin-bottom: 0; } table.normal td { border-bottom: none; display: inline-block; font-size: .8em; text-align: left; } table.normal td.empty { border:none; background:none; } table.normal td:before { content: inherit; float: none; font-weight: bold; text-transform: uppercase; } table.normal td:last-child { border-bottom: 0; } .kal-wrapper { width: 80%;} .rt-table td.rt-td-heading::before { text-align:left; width:auto; } #news .moduletable.vorstand { width:100%; } #news .moduletable.vorstand ul.zoo-itempro-default li { width:100%; } #news .moduletable.vorstand ul.zoo-itempro-default { -webkit-flex-flow: row; flex-flow: row;} #news .moduletable { width:100%; } #news ul.zoo-itempro-default, #vereinsinfos ul { -webkit-flex-flow: row wrap; flex-flow: row wrap;} #news ul.zoo-itempro-default li, #vereinsinfos ul li { width:49.6%; margin-bottom:5px; } .galerie .uk-grid .uk-width-1-5\@xl { width:32%; } h1 { margin-bottom:20px; margin-top:20px;} } @media (max-width:900px) { footer {height:inherit; } #anschrift { width:60%; } #anschrift, #footmenu { width:60%; margin:0 0 20px 0; } #sponsoren { width:40%; } .uk-background-cover { width: 280px; height:280px; } aside .moduletable { margin-top:10px; margin-bottom: 20px; } ul#cats { margin-top:60px; width:90%; } .galerie .uk-grid .uk-width-1-5\@xl { width:32%; } } @media (max-width:760px) { #footer-shape { width: 80%; left:-25%; } #sponsoren { display:none; } #anschrift, #footmenu { float:none; width:100%; text-align:center; clear:both; margin:0; } #anschrift .moduletable { display:block; width:100%; text-align:center; margin-bottom:20px; } #anschrift .moduletable span { width:inherit; display:inline-block; } #footmenu ul.nav li:first-child { margin-left:0; } footer::after { width: 300%; right:-180%; } .event .date , .event .last_table{ float:none; clear:both; width:100% !important; margin:0; } .uk-width-1-3, .uk-width-1-2 { width:100% !important;} } @media (max-width:680px) { #body-shape { display:none; } header {height:150px; } #news ul.zoo-itempro-default { -webkit-flex-flow: row wrap; flex-flow: row wrap;} #news ul.zoo-itempro-default li, #vereinsinfos ul li { width:100%; margin-bottom:5px; } #vereinsinfos ul li { min-height:inherit; } #news ul.zoo-itempro-default .description { background:#AD0403; height:120px; bottom:0; top:inherit; opacity: 0.80; filter: alpha(opacity =80);} #news ul.zoo-itempro-default .description:hover::after { background: none; } #news ul.zoo-itempro-default .description:hover { opacity: 1.00; filter: alpha(opacity =100); -webkit-clip-path:inherit; clip-path: inherit; } #news ul.zoo-itempro-default .description .element-itemprimarycategory { margin-top:20px; } #news ul.zoo-itempro-default .description .element-itemprimarycategory a:link, #news ul.zoo-itempro-default .description .element-itemprimarycategory a:visited { background:none; color:#fff; } #news ul.zoo-itempro-default .description .element-itemname { margin-top:20px; width:90%; font-size:0.85em; line-height:100%; } #news ul.zoo-itempro-default .description .element-itemname a { font-size:1.0em; line-height:100%; } #news ul.zoo-itempro-default .description .element-textarea { display:none; } .content .element-image { width:50%; } #news ul.zoo-itempro-default .description .element-itemname { margin-top:15px; } a#logo { width:75px; height:81px; background-size:cover !important; margin-left:10px; } .mobilemenuck-bar-button { width:56px !important; height:32px!important; background-size:cover !important; right:10px !important; } #maximenuck128-mobile-bar .mobilemaximenuckclose { width:56px !important; height:32px!important; right:10px !important; } .mobilemaximenuckitem { width:100%; } #facebook-mobile { left:10px; } .mobilemaximenucksubmenu .mobilemaximenuckitem { width:100%; } .mobilemaximenucksubmenu { padding:10px 5% !important; width:90% !important; } .uk-background-cover { width: 100%; height:300px; } #aktuelles ul.blog-svpoessneck li { float:none; display:block; width:100%; margin-right:0; } #aktuelles ul.blog-svpoessneck li, #news .uk-list-divider > li:nth-child(n+2) { margin-top:20px; margin-bottom:10px; } h1, #vereinsinfos .moduletable h3 { font-size:1.15em !important; } .galerie .uk-grid .uk-width-1-5\@xl { width:48%; } .galerie .uk-grid .uk-width-1-5\@xl .uk-inline-clip { width:100%; } } @media (max-width:480px) { .content .element-image { width:100%; } #footer-shape { width: 200%; left:-75%; } footer::after { width: 300%; right:-220%; } footer .wrapper { padding:30px 10px 10px 10px; } .floatbox img {float:none; margin:0; } .galerie .uk-grid .uk-width-1-5\@xl { width:48%; } } @media (max-width:320px) { .galerie .uk-grid .uk-width-1-5\@xl { width:100%; } } @media (min-width:700px) { #banner-startseite { max-width:1000px; margin:0 auto 100px auto; } } #banner-startseite div { margin-bottom:20px;}