@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=f98898fb-dddd-4bae-89a5-3a38bb2e9786");@font-face { font-family: "Flaticon"; src: url("/design/Fonts/Flaticon.eot"); src: url("/design/Fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("/design/Fonts/Flaticon.woff") format("woff"), url("/design/Fonts/Flaticon.ttf") format("truetype"), url("/design/Fonts/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; }#cms body{background: none repeat scroll 0 0 #aaaaaa;margin: 0px;padding: 0;background-color:#;} #cms h1{font-size: 1.6em;font-weight: normal;margin: 0;padding: 10px 0;} #cms h2{font-size: 1em;font-weight: bold;margin: 0 0 0.2em 0;} #cms p{margin-top: 0px !important;margin-bottom: 12px !important;} #cms a{color: #21529D;text-decoration: none;} #cms a img{border: none;} #cms ol, ul{padding-left: 2em;} #cms ol li{list-style: decimal;} #cms ul{margin-top:0;padding-left: 2em;} #cms li{line-height: 1.5em;} #cms table tr th{font-weight: bold;text-align: left;} #centered-container, #cms.centered-container, #cms .centered-container{text-align: left;color:#;background-color:#;position: relative;width: 860px;margin:10px auto 0 auto;} #cms .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} #cms * html .clearfix{height: 1%;} #cms div.canvas{background-color: #FFFFFF;width: 860px;padding: 0px 0 0 0;} #cms .abschnitt{padding-bottom: 1em;position: relative;overflow:hidden;zoom:1;} #cms.inlineedit .abschnitt{border-bottom: 2px dotted #FF8888;} #cms .abschnitt table img{padding-top:5px;} #cms .tabelle tr td{padding-right: 10px;} #selectlayout a img{border:1px #D1DDEF solid;} #selectlayout a img.layoutaktiv{border:1px #FF0000 solid;} #cms .linkfeld{display:none;} #cms .abschnitticon{position:absolute;top:0;z-index:20;opacity:0.6;} #cms .suchresultate div{padding-bottom: 12px;margin: 6px 0;border-bottom: 1px solid #999999;} #cms .suchresultate a{display:block;} #cms table.cmstab tr > td:first-child{padding-left:0;} #cms table.cmstab tr > td{padding:0 0 0 1em;} #cms .cmstab p{margin-bottom:0 !important;} #cms .cmstab .abschnitt{margin-bottom:0 !important;padding:2px 0;} #cms .titelzeile{font-weight: bold;background-color:#dddddd;} #cms .rahmen td{border:1px solid #333333;border-collapse: collapse;} #cms .zebra{background-color:#dddddd;} #LoginBox{position: absolute;width:99%;top:200px;z-index: 800;margin-bottom: -31px;} #LoginBox form{width: 140px;height:110px;background-color: #FFFFFF;border: 1px solid black;border-radius: 15px;box-shadow: 10px 10px 5px #aaaaaa;margin: 0 auto;font-size:90%;padding:10px;} #LoginBox input{display:block;margin-bottom:5px;width:120px;} #cms .links{float: left;margin-right:10px;} #cms .rechts{float: right;margin-left:10px;} #cms .cmstab .links{margin-right:0px;} #cms table.agenda, #cms table.terminliste{width:100%;border-collapse: collapse;border: 0px;} #cms table.agenda tr{border: 0px #DDDDDD;} #cms table.agenda tr.weekend{color: #FFFFFF;background-color: #DDDDDD;} #cms table.agenda tr td.col3{white-space: nowrap;} #cms table.agenda tr td, #cms table.agenda tr > td:first-child, #cms table.agenda tr th, #cms table.agenda tr > th:first-child, #cms table.terminliste tr td, #cms table.terminliste tr > td:first-child, #cms table.terminliste tr th, #cms table.terminliste tr > th:first-child{padding:0.1em 0.3em;} #cms table.terminliste tr.even{background-color: #DDDDDD;border: 1px solid #FFFFFF;} #cms #detail{position:absolute;background-color:#FFFFFF;top:0;left:10px;width:400px;border:1px solid #666666;border-radius:10px;padding:8px;-webkit-box-shadow: 3px 3px 5px 1px ;box-shadow: 3px 3px 5px 1px ;display: none;z-index:10;} #cms #detail p{margin-bottom:0 !important;} #cms .x-border-box, .x-border-box *{-moz-box-sizing: content-box;} #cms form.sucherechts input{width:125px;} #cms table.formular, #cms table.formular table{width:100%;} #cms .formular input, #cms .formular select{margin:2px 0;height:1.5em;font-size:0.9em;} #cms .formular textarea{box-sizing: border-box;-moz-box-sizing: border-box;height:5em;width:100%;} #cms .formular.spalten2 input[type="text"], #cms .formular.spalten2 input[type="email"], #cms .formular.spalten2 input[type="number"], #cms .formular.spalten2 select{width:49%;} #cms .formular input[type="text"], #cms .formular input[type="email"], #cms .formular input[type="number"], #cms .formular select, #cms .formular.spalten2 input[type="text"].gz, #cms .formular.spalten2 input[type="email"].gz, #cms .formular.spalten2 input[type="number"].gz, #cms .formular.spalten2 select.gz{box-sizing: border-box;-moz-box-sizing: border-box;width:100%;} #cms .formular input[type="text"][data-stripe="cvc"]{width:3em;} #cms .formular select[data-stripe="exp-month"]{width:4em;} #cms .formular select[data-stripe="exp-year"]{width:5em;} #cms .formular .form-row{display:inline;} #cms .formular input[type="text"].kl{width:20%;} #cms .formular input[type="text"].gr{width:75%;} #cms .formular input[type="submit"]{padding: 2px 1em;} #cms .formular .error_message{font-weight:bold;color:#FF712D;} #cms .formular .disabled{color:#999999;} #cms .gross{font-weight: bold;font-size:1.3em;} #cms .error{font-weight:bold;color:#FF712D;} #cms img.zoom{position:absolute;right:0.5em;bottom:1.5em;} #cms #page-login{width:400px;} #cms #page-login td{padding-right:20px;} #cms .ab_texttabelle td{vertical-align: top;padding-left: 2em;padding-bottom:1em;} #cms .ab_texttabelle td:first-child{padding-left: 0;} #cms .placeholder{color:#999999;} #cms select.placeholder option{color:#000000;} #cms .stripe-connect{display: inline-block;margin-bottom: 1px;background-image: linear-gradient(#28A0E5, #015E94);-webkit-font-smoothing: antialiased;border: 0;padding: 1px;height: 30px;text-decoration: none;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);cursor: pointer;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;} .stripe-connect span{display: block;position: relative;padding: 0 12px 0 44px;height: 30px;background: #1275FF;background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);font-size: 14px;line-height: 30px;color: white;font-weight: bold;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;} #cms .formular select.spenden{width:8em;} #cms .formular input[type="number"].spenden{width:5em;} #cms .payment-errors{color:#930049;} #cms .ab_aufklapp .aufInhalt{overflow: hidden;transition: height 1s;height:0;} #cms .ab_aufklapp .aufTeaser{position:relative;cursor:pointer;} #cms .ab_aufklapp .aufTeaser:before{content: "+";font-size: 40px;position:absolute;right:0;} #cms .ab_aufklapp.open > .aufTeaser:before{content: "–";font-size: 60px;} #cms .abschnitt.ab_terminliste, #cms .abschnitt.ab_agenda{overflow:visible;} #cms .adressliste input, #cms .adressliste select{width:100%;} #cms #msgwindow{position:absolute;max-width: 80%;top:50%;left:50%;} #cms #msgwindow > div{position:relative;left:-50%;width:30em;border:1px solid;border-radius: 1em;background:#EEE;} #cms #msgwindow > div > div{padding:2em;} #cms #cbmsgwindow{opacity:0;} #cms #cbmsgwindow:checked ~ label, #cms #cbmsgwindow:checked ~ div{visibility: hidden;} #cms #lbmsgwindow{position:absolute;left:-50%;margin:0.3em 0 0 29em;z-index:100;} #cms .komm_kopf{border-bottom: 1px solid #CCC;margin-bottom: 0.5em;} #cms .komm_kopf h2{font-size: 1.5em;font-weight: normal;line-height: 1.2em;} #cms .komm_kopf input[type="submit"], #cms .komm .komm_button, #cms .komm_kopf button{float:right;font-size: 1em;background-color: #f5f5f2!important;background-image: linear-gradient(top,#f5f5f2,#dcdcdc)!important;background-repeat: repeat-x!important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f2', endColorstr='#dcdcdc', GradientType=0);border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;border: 1px solid rgba(0,0,0,.15);color: #3d3d3d;padding:0.3em 1em;} #cms .komm_kopf textarea{width:100%;box-sizing: border-box;-moz-box-sizing: border-box;height:5em;} #cms .komm_info{background-color: #CCC;padding:0.5em;margin:0.5em 0;} #cms .kommlogin{height:0;overflow:hidden;margin-bottom: 0.5em;} #cms .kommerstellen{height:0;overflow: hidden;margin-bottom: 0.5em;} #cms .komm{border-top: 1px solid #333;padding-top:1em;margin-top:1em;} #cms .komm.antwort{margin-left:4em;} #cms .komm h3{font-size:0.9em;font-weight: normal;margin:0;padding:0;} #cms .komm .komm_zeit{font-size:0.9em;display: block;float:right;} #cms .komm p{display: block;margin-bottom:0em !important;margin-top:1em !important;} #cms .kommlist .tag{font-weight: bold;padding-bottom:0.3em;border-bottom: 1px solid #000;} #cms .kommlist h3{font-size:0.9em;font-weight: normal;margin:0.2em 0;padding:0;} #cms .kommlist p{border:1px solid #000;padding:0.3em 0.5em;} .my-gallery{width: 100%;float: left;} .my-gallery figure{display: block;float: left;margin: 0 5px 5px 0;cursor: pointer;background-color:#333;overflow: hidden;} .my-gallery figure img{display: block;margin:0 auto;} .my-gallery figcaption{display: none;} .video-js{max-width:100%;} .eventresstitel{font-weight: bold;margin: 0.7em 0 0.4em 0;} .eventressabstand{height: 1.2em;} .ab_event input{vertical-align: middle;} .ab_event input + span{font-size: 0.8em;} .auswtab td{padding-right: 1em;} .youtube-container{position: relative;padding-bottom: 56.25%;padding-top: 0;height: 0;overflow: hidden;} .youtube-container iframe, .youtube-container object, .youtube-container embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("/design/Fonts/Flaticon.svg#Flaticon") format("svg"); } } #footer [class^="flaticon-"], [class*=" flaticon-"] { position: relative; top: 0.4em; margin-left: 0; margin-right: 0.4em; } [class^="flaticon-"], [class*=" flaticon-"] { display: inline !important; margin-left: 0.1em; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: 1.5em; font-style: normal; } .flaticon-linkedin-button:before { content: "\f100"; } .flaticon-xing-social-logotype:before { content: "\f101"; } .flaticon-google-plus-logo-button:before { content: "\f102"; } .flaticon-twitter-logo-button:before { content: "\f103"; } .flaticon-facebook-logo-button:before { content: "\f104"; } .flaticon-instagram-logo:before { content: "\f105"; }@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=f98898fb-dddd-4bae-89a5-3a38bb2e9786"); @font-face{ font-family:"Avenir Next W01 Light"; src:url("/design/Fonts/0ecef829-586e-426d-a633-4c8a8c926769.eot?#iefix"); src:url("/design/Fonts/0ecef829-586e-426d-a633-4c8a8c926769.eot?#iefix") format("eot"),url("/design/Fonts/49c5f3e1-5867-4b1d-a843-2d07fa60d85d.woff2") format("woff2"),url("/design/Fonts/f401df6f-54eb-406c-b46a-90b9451c598d.woff") format("woff"),url("/design/Fonts/276fe25e-e430-4376-b33c-705dd77b3dba.ttf") format("truetype"),url("/design/Fonts/869dc33b-3685-4d74-a51c-82b435579093.svg#869dc33b-3685-4d74-a51c-82b435579093") format("svg"); } @font-face{ font-family:"Avenir Next LT W01 Demi"; src:url("/design/Fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix"); src:url("/design/Fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("/design/Fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("/design/Fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("/design/Fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"),url("/design/Fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg"); } html, body { margin:0; padding:0; } body { background-color:#ffffff; } #cms { background-color:#ffffff; color:#333333; font-family:"Avenir Next W01 Light", Arial, Helvetica, sans-serif; font-size:14px; font-size: 1vw; } #cms input { font-family:"Avenir Next W01 Light", Arial, Helvetica, sans-serif; } #cms a { color:#981919; text-decoration: none; } #cms .formular h2 { margin-top:1em; } #cms #breadcrumb a { text-decoration: none; } #cms .claim { position:absolute; width:100%; text-align: center; margin-top:0.5%; font-size:1.5em; font-weight: normal; bottom:0; z-index:500; background-color:rgba(255,255,255,0.8); color:#FFFFFF; } #cms #banner.swiper-container.liste .claim { padding-left:1.5%; text-align:left; } #cms .claim a { color:#FFFFFF; } #cms .claim.swiper { bottom:1em; } #cms #logout { display: block; float: right; margin: 0.5% 1.5% 0 0; } #cms .inhalt { font-size:100%; padding-bottom:2em; } #cms .inhalt.ab_container { padding-bottom: 0; } #cms .inhalt li { list-style: disc; } #cms .inhalt ol li { list-style: decimal; } #cms a.menu { display: none; } #cms #kopf { position: fixed; top:0; width:100%; z-index:550; background-color:rgba(255,255,255,0.8); } #cms #kopf.scroll { background-color:#FFFFFF; } #cms.inlineedit #kopf { margin-top:30px; } #cms #kopf img { display: block; float: left; width: 18%; margin:1%; } #cms ul.nav0, ul.nav0 li, ul.nav0 ul { list-style: none outside none; margin: 0; padding: 0; } #cms ul.nav0 { color:#fff; position: relative; font-size: 1.2em; z-index: 200; width:97%; padding: 0 1.5%; padding: 0 1.5% 0 1.5%; margin-left:20%; } #cms ul.nav0 > li { float: left; list-style:none; vertical-align: middle; padding: 0.3em 0 0.3em; font-size:120%; background-image: url(); } #cms ul.nav0 a { color:#FFFFFF; } #cms ul.nav0 li:hover { cursor: default; position: relative; background-color:#000080; } #cms ul.nav0 li a { margin: 0 1em; text-decoration: none; color:#FFFFFF; } #cms ul.nav0 li:first-child { margin-left: -1em; } #cms ul.nav0 li.selected { background-color:#000080; } #cms ul.nav0 li.selected a { color:#FFFFFF; } #cms ul.nav0 li:hover a { color:#FFFFFF; } #cms ul.nav0 ul { background-color:rgba(255,255,255,0.8); display: none; padding: 0; position: absolute; top: 2em; z-index: 598; } #cms ul.nav0 ul ul { left: 99%; } #cms ul.nav0 ul li { float:none; display: block; white-space: nowrap; margin-left:0 !important; } #cms ul.nav0 li:hover ul { display: block; } #cms ul.nav0 li:hover ul li { padding:0; } #cms ul.nav0 li:hover ul li a { background: none repeat scroll 0 0 transparent; color:#fff; display: block; font-size: 1em; font-weight: normal; margin: 0 0 0 0; padding: 0.3em 1.2em; line-height: 1.1em; } #cms ul.nav0 li:hover ul li a.selected { color:#fff; text-indent: 0; background-color:#000080; color:#FFFFFF; } #cms ul.nav0 ul li.uebersicht { display: none; } #cms ul.nav0 li:hover ul li a:hover { text-indent: 0; background-color:#000080; color:#FFFFFF; } #cms .nav0 .icons { float:right; } #cms .nav0 .icons a { display:block; float:left; margin-left:0.5em; } #cms #banner.bild { position: relative; padding:12% 0; background-size:cover; background-position: center top; } #cms #banner.bild > div { position:absolute; width:20%; padding: 1.5%; top:25%; right: 1.5%; } #cms #banner.bild > div.bgfach { left:24.5% } #cms #banner.bild .Bild img, #cms #banner.bild .bild { width:100%; } #cms #banner.swiper-container { width: 100%; } #cms #banner .swiper-slide { background-size:cover; background-position: center top; } #cms #banner .swiper-slide div { color:#FFF; background-color:rgba(255,255,255,0.8); position: absolute; right: 0; bottom: 0px; padding:2%; width:46.5%; top:128px; } #cms #banner .swiper-slide h2 { margin-top:1em; font-size:2vw; } #cms #banner .swiper-slide p { font-size: 1.3vw; } #cms #banner .swiper-slide > h3 { position: absolute; right: 1.5em; bottom: 0px; color:#FFF; background-color:rgba(255,255,255,0.8); font-size: 1.3vw; padding:0.3em 0; width:100%; text-align:right; } #cms #banner .swiper-slide a { position: absolute; right: 1em; bottom: 0.5em; font-size:2vw; color:#FFF; } #cms #breadcrumb { margin:0.5% 0 0 1.5%; } #cms.home #boxnav { float:right; width:50%; } #cms.home #rightcol #boxnav { margin-left: -3%; float:none; width:106%; } #cms #boxnav > a { display: block; float:left; width: 15.1%; padding:6% 0 0 0 ; margin:1.5% 0 0 1.5%; color:#333; background-color:#666666; background-size:cover; background-position: center top; } #cms.home #boxnav > a { display: block; float:left; width: 31%; padding:9% 0 0 0 ; margin:2.3% 2.3% 0 0; background-size:cover; background-position: center top; } #cms #leftcol #boxnav > a, #cms #rightcol #boxnav > a { width: 31%; padding:9% 0 0 0 ; margin:2.3% 2.3% 0 0; } #cms #boxnav p { font-size: 0.8em; font-family:"Avenir Next LT W01 Demi"; display: block; padding: 2.3%; margin:0 !important; background-color: rgba(255,255,255,0.8); } #cms.top_lernplattform #boxnav > a { font-size: 2em; padding-bottom:7%; text-align: center; width:15%; margin-right: 4%; background-color: transparent; background-image: url('/design/img/puzzle.svg') !important; background-size:contain; background-position: center; background-repeat: no-repeat; } #cms.top_lernplattform #boxnav p { font-size:0.7em; background-color: transparent; } #cms #leftcol, #cms #rightcol { width:47%; padding:1.5%; float:left; } #cms #leftcol.singlecol { width:80%; margin: 0 auto; float:none; } #cms #rightcol { float:right } #footer { color:#ffffff; background-color:#666666; width:100%; } #cms #headline ul, #cms #footer ul { list-style: none; padding:0; margin:0; } #cms #footer ul li { display: block; float:left; padding: 0.5% 1.5%; width:30%; } #cms #footer a { display: block; text-decoration: none; color:#ffffff; } #cms #bottom a { display: block; float: left; width: 30%; margin: 1em 1.5% 0 1.5%; } #cms #bottom a img { width: 40%; } #cms .ab_text_bild:after, #cms .ab_dokument:after, #cms #headline:after, #cms #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #cms table.agenda tr, #cms table.terminliste tr { border: 1px solid #EEE; } #cms table.terminliste tr:first-child { border:none; } #cms table.agenda tr.weekend, #cms table.terminliste tr.even { color:#ffffff; background-color:#666666; } #cms table.agenda tr.weekend a { color:#ffffff; } #cms .ab_listenanz.layout_0 > div { margin-bottom: 1em; } #cms .ab_listenanz.layout_0 img { float: left; margin-right: 1em; width:30%; } #cms .ab_listenanz.layout_2 { overflow: visible; } #cms .ab_bild .bild.mitte img { width:100%; } #cms .ab_aufklapp .aufTeaser:before { font-family:FontAwesome; content: "\f078"; font-size: 1.5em; } #cms .ab_aufklapp.open > .aufTeaser:before { content: "\f077"; font-size: 1.5em; } #cms .pswp__caption__center, #cms .pswp__caption a { font-size:18px; color:#FFFFFF; } #cms .titelzeile { background-color:#dddddd; color:#dddddd; } #cms .zebra { background-color:#dddddd; color:#dddddd; } #cms .agendaliste { padding:0.5em; margin-left: -0.5em; } #cms .agendaliste .zeit { float:left; width:30%; } #cms .agendaliste .text { width:70%; float:right; } #cms .agendaliste .text h3 { margin:0; } #cms .agendaliste.weekend { background-color:#dddddd; color:#dddddd; } #cms .agendaliste .markiert { background-color:#FFFF80; } #cms .ab_formular.layout_0 td:nth-child(2) { width: 50%; } #cms .ab_formular.layout_1 td { width: 25%; text-align: right; padding-right: 1em; } @media only screen and (max-width: 1200px){ #cms { font-size : 1.2vw; } #cms #leftcol.singlecol { width:97%; } } @media only screen and (max-width: 1000px){ #cms { font-size : 1.4vw; } } @media only screen and (max-width: 760px){ #cms { font-size : 0.9em; } #cms #kopf { background-color: transparent; overflow:auto; } #cms #kopf ul { background-color:rgba(255,255,255,0.8); } #cms #headline { font-size: 0.8em; padding-right: 3em; } #cms #headline ul li { display: inline; float:none; } #cms a.menu { display: block; position: fixed; right:0; top:0; color:#000; background-color: rgba(255,255,255,0.8); padding: 0.3em 1em; z-index:600; } #cms ul.nav0 { display: none; background-color:rgba(255,255,255,0.8); } #cms ul.nav0 li { float:none; border-bottom: 1px solid #FFF; margin-left:0 !important; } #cms ul.nav0 li a { margin: 0; } #cms ul.nav0 ul li.uebersicht { display: block; } #cms ul.nav0 ul { position: static; } #cms.home #boxnav { float: none; width:100%; } #cms #boxnav > a, #cms.home #boxnav > a { width: 47%; } #cms.top_lernplattform #boxnav > a { width:43%; font-size:1.3em; } #cms #leftcol, #cms.home #leftcol, #cms #rightcol, #cms #footer ul li { width:97%; float:none; } #cms #footer ul li { padding-bottom: 2em; } #cms #bottom a { float:none; width:100%; } #cms .abschnitt img { max-width: 100%; } } @media only screen and (max-width: 420px){ #cms #banner.bild { padding:17% 0; } }