/* font-family: 'Roboto Condensed', sans-serif; font-family: 'Istok Web', sans-serif; */ body, textarea, input, select { font-family: 'Istok Web', sans-serif; font-size:12pt; line-height:23px; color:#555; } #surround { margin:0 auto; width:100%; } .inner { margin:0 auto; max-width:1140px; } .innerBox { padding:0 25px; } .grayBack { background-color:#f0f0f0; } .block50 { width:50%; float:left; } .block66 { width:66.6666666%; float:left; } .block33 { width:33.3333333%; float:left; } .imgBox { min-height:450px; display:block; background-position:center; background-size:cover; } .linieGreen { display:block; height:1px; margin:30px 0; background-color:#0eacb8; } /* HEADER */ header { background-color:#fff; font-family: 'Roboto Condensed', sans-serif; font-size:13pt; color:#919191; } header .innerBox { position:relative; height:120px; } header .sprachwahl { padding:0 5px; line-height:36px; } header .sprachwahl a { color:#919191; } header .sprachwahl.akt a, #header .sprachwahl a:hover { color:#000; } header #logo { float:left; width:241px; height:94px; margin-top:14px; } header #logo img { width:100%; height:auto; } header #navBox { position:absolute; bottom:0; right:0; } #kapitelbild { position:relative; background-position:center; background-repeat:no-repeat; background-size: auto 100%; height:470px; } /* CONTENT */ #content { width:100%; min-height:200px; margin:0 auto; padding:0; line-height:25px; text-align:left; } #content h1 { font-family: 'Roboto Condensed', sans-serif; font-size:27pt; font-weight:300; padding-top:20px; padding-bottom:24px; margin:0; color:#000; line-height:37px; } #content li { font-weight:normal; } #printButton { color:#fff !important; background-color:#0cacb8; cursor:pointer; padding:10px 20px; } #content a { color:#0cacb8; } #content a:hover { color:#0cacb8; } ul.suche { list-style-type:none; margin:0; padding:0; } ul.suche li a { display:block; padding:5px 15px; background-color:#ddd; border-bottom:1px solid #000; } .padbot50 { padding-bottom:50px; } .padbot20 { padding-bottom:20px; } .padbot30 { padding-bottom:30px; } .padtop50 { padding-top:50px; } .padtop20 { padding-top:20px; } .padtop30 { padding-top:30px; } .halbBox { width:50%; float:left; } .arrowLinkBlack { width:22px; height:40px; display:block; background:url('/page/_webpics/arrow-right-black.png') no-repeat center; } .arrowLinkWhite { width:22px; height:40px; display:block; background:url('/page/_webpics/arrow-right-white.png') no-repeat center; } /* FOOTER */ footer { background-color:#808791; color:#dfdde0; padding:25px 0; line-height:22px; font-weight:300; font-size:12pt; line-height:26px; } footer h1 { font-family: 'Roboto Condensed', sans-serif; font-size:18pt; font-weight:400; margin:0; padding-bottom:20px; color:#dfdde0; } footer .footerBlock { width:250px; float:left; } footer .footerBlock .inBlock { padding:15px; } footer .footerBlock a { color:#dfdde0; } .maps iframe{ pointer-events: none; } #logOverlay { width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(255,255,255,0.6); z-index:2000; } #logOverlay iframe { display:block; width:330px; height:430px; margin:190px auto; } .piBox { position:relative; width:330px; text-align:left; } .piBoxA,.piBoxB,.piBoxC { display:block; position:relative; width:100%; height:100%; margin-bottom:66px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .piBoxA { background-color:#0cacb8; } .piBoxB { background-color:#39a2bd; } .piBoxC { background-color:#3a94b7; } .piBoxEndA,.piBoxEndB,.piBoxEndC { display:block; position:absolute; background-repeat:no-repeat; background-position:bottom left; height:66px; width:330px; bottom:-66px; } .piBoxEndA { background-image:url('/page/_webpics/light-fold-grafic.png'); } .piBoxEndB { background-image:url('/page/_webpics/normal-fold-grafic.png'); } .piBoxEndC { background-image:url('/page/_webpics/dark-fold-grafic.png'); } .piBoxContent { position:absolute; top:0; padding:30px; z-index:100; height:300px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:12pt; color:#fff; } .piBoxContent h1 { font-family: 'Roboto Condensed', sans-serif; font-size:25pt; font-weight:300; color:#fff !important; padding:0 !important; } .piBoxContent a { color:#fff; } #notfallHome { position:absolute; right:0; top:120px; } #notfallHome .piBox { display:inline-block; height:370px; margin:25px; position:relative; } #notfallHome h1 { margin-bottom:15px; } #notfallHome phone { display:block; font-size:14pt; padding-bottom:11px; } #notfallHome table td { line-height:35px; vertical-align:middle; } #notfallHome table td.text { font-size:14pt; padding-left:20px; } #notfallHome table td img { display:block; } /* RESPONSIVE */ @media only screen and (max-width: 1023px) { .block66 { width:100%; } .block33 { width:100%; display:none; } } @media only screen and (max-width: 1050px) { #kapitelbild { background-size: cover; height:350px; } #notfallHome { top:1px; } #notfallHome table td { line-height:33px; vertical-align:middle; } #notfallHome table td.text { font-size:13pt; padding-left:20px; } #notfallHome .piBox { height:340px; } } @media only screen and (max-width: 780px) { body, textarea, input, select { font-size:11pt; } #notfallHome { width:250px; position:absolute; right:0; top:20px; } #notfallHome .piBox { display:inline-block; width:235px; height:250px; margin:0; position:relative; padding:0; } #notfallHome .piBoxA { margin-bottom:45px; } #notfallHome .piBoxEndA { width:230px; background-position:right bottom; background-size:100%; height:45px; bottom:-45px; } #notfallHome .piBoxContent { padding:10px; } #notfallHome h1 { font-size:22pt; margin-bottom:10px; } #notfallHome phone { display:block; font-size:12pt; padding-bottom:11px; } #notfallHome table td { line-height:23px; vertical-align:middle; } #notfallHome table td.text { font-size:11pt; padding-left:5px; } #notfallHome table td img { width:70%; height:70%; display:block; } } @media only screen and (max-width: 680px) { .block50 { width:100%; } .block50 .formular .innerBox { padding:0 0 30px 0; } #logOverlay iframe { margin:30px auto; } #kapitelbild { height:220px; } header .innerBox { height:80px; } header #logo { width:160px; height:63px; margin-top:10px; } #content h1 { font-size:23pt; padding-top:20px; padding-bottom:24px; line-height:37px; } } @media only screen and (max-width: 540px) { footer .footerBlock { width:100%; float:left; } } @media only screen and (max-width: 470px) { #content h1 { font-size:19pt; line-height:29px; } #content { line-height:21px; } } /* @media only screen and (max-width: 760px) { #kapitelbild { height:200px; } } @media only screen and (max-width: 560px) { #kapitelbild { height:160px; } } */