/* normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color:transparent; color:#0f7392;text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:inline-block;}
a:active, a:hover { outline: 0; color:#7a7773;}
.walli { background-color:transparent; color:#867b5c;text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:inline-block;}
a:active, a:hover { outline: 0; color:#5f5e5c;}

abbr[title] { border-bottom: 1px dotted; }
b, strong, .bold { font-weight:700; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; -webkit-appearance: none; border-radius: 0;}
select { border-radius: 0;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="checkbox"] {-webkit-appearance: checkbox;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; border-radius: 0;-webkit-appearance: none !important;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
legend { border: 0;  padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
::-moz-selection {background: #fff; text-shadow: none; }
audio, canvas, iframe, svg, video { vertical-align: middle; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }

/* allgemein */
* { margin:0; padding:0; border:0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; font-size: 100%}
html { font-size:100%; }
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none;list-style-position: outside;}
.home-li li::before {position:relative;}
main li {position:relative; padding-left:12px;margin-bottom:10px;}
main li:before {position: absolute;left: 0;top:13px;content:"\e903";font-family: 'icomoon' !important;color:#00a6de;font-size:30px;}
.transit, input.submit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}


/************** FONTS *****************/
@font-face {font-family: 'sansbold';src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),url('fonts/opensans-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'sanslight';src: url('fonts/opensans-light-webfont.woff2') format('woff2'),url('fonts/opensans-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'sansreg';src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),url('fonts/opensans-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montlight';src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),url('fonts/montserrat-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montthin';src: url('fonts/montserrat-thin-webfont.woff2') format('woff2'),url('fonts/montserrat-thin-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

body { font-family: 'sansreg', sans-serif; font-weight: 400; color:#43413f; font-size:16px; line-height:24px; background:#fff;}

h1, h2, h3, h4, h5, h6 { text-transform:uppercase;font-family:'montlight';font-weight:300;}
h1 {font-size:50px; line-height:46px; letter-spacing:1px;margin-bottom:20px;}
h2 {font-size:30px; line-height:36px; letter-spacing:1px;margin-bottom:20px;}
h3 {font-size:25px; line-height:28px; letter-spacing:1px;margin-bottom:15px;}
h4 {font-size:20px; line-height:24px; letter-spacing:1px;margin-bottom:15px;}

.siz26 {font-size:26px;}
.siz40 {font-size:40px;}

/* allgemein */
.transit, input.submit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.loading {position:fixed; top:50%; left:50%; margin:-40px 0 0 -40px; width:80px; height:80px; background:url(../methodpix/logoicon.png) no-repeat center center; -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-name: pulse; 	animation-name: pulse;	-webkit-animation-iteration-count: infinite;}
@-webkit-keyframes pulse {  0% { -webkit-transform: scale(0.7); } 50% { -webkit-transform: scale(1.0); } 100% { -webkit-transform: scale(0.7); } }
@keyframes pulse {  0% { transform: scale(0.7); } 50% { transform: scale(1.0); } 100% { transform: scale(0.7); } }
.no-js .wrap {opacity:1;}
.no-js .loading {display:none;}

/* COLORZ */
.blue {color:#0f7392;}
.gray {color:#7a7773;}
.backwhite {color:#f7f7f7;}
/* ### tinyMCE ### */
.blau {color:#0f7392!important;}
.grau {color:#7a7773!important;}
.weiss {color:#fff!important;}

.space {padding-bottom:80px;}
.mobile {display:none;}
.off {display:block;}
.left {float:left;}
.right {float:right;}
/********** HEADER **********/
header {position:relative; width:100%;}
header #loga {float:left;position:relative;width:300px;height:50px;margin-bottom:15px;}
header #logo {position:relative;width:300px;height:50px;background:url('../methodpix/CZINK_Logo.svg') no-repeat;text-indent:-10000px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

/* ## CONTAINER ## */
/* .wrap {opacity:0;} */
.bgwhite, .bghell {width:100%;position:relative;}

.bgwhite {background:#e9f1f4;}
.bghell {background:#e9f1f4;}
.bggrau {background:#889398;}
.bgdunkel {background:#637277;}
.bggreen {background:#78b832;}

.center {max-width:1200px; margin:0 auto; position:relative; padding:0 20px;}
.centerkl {max-width:800px; margin:0 auto; position:relative; padding:0 20px;}
.centerstart {position:absolute;width:100%;padding:2% 5%;}

/********** HEADERBILD **********/
.header_image {position:relative;float:left;background:url('../../pix/czinkbg.jpg') no-repeat;background-size: contain;width:100%;}
.header_image img {position:relative; width:100%; height:auto;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
header:hover img {opacity:0.4;}

.abob, .bebob {max-width:70%;margin:0 auto;text-align:center;}
.abob {padding-top:4%;}
.bebob {padding-top:20px;}
.twocont {max-width:70%;margin:0 auto;}
.allbox {float:left;width:45%;margin-right:10%;}
.textos {padding:20px 30px;}
.whitebox {background:#fff;background-image: linear-gradient(to top, #ece9e3 0%, white 50%);box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6);}
.allbox:nth-child(2) {margin-right:0;}
.logcont {margin:0 auto;padding:100px 0 60px;position:relative;width:70%;}
.czinklogo {margin: 0 auto;width:290px;height:96px;background:url('../../pix/czink-fachanwalt.svg') no-repeat;text-indent:-10000px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.walllogo {margin: 0 auto;width:290px;height:78px;background:url('../../pix/walburg-recht.svg') no-repeat;text-indent:-10000px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

.czinktxt, .czinktxtright {margin:0 auto;padding:2px 20px 60px;position:relative;}
.czinktxt p, .czinktxtright p {margin-bottom:15px;}
.czinktxtright {text-align:left;width:70%;}
.czinktxt {text-align:center;width:70%;}

.mininav {float:left;width:100%;margin: 0 auto;text-align:center;padding:10px 20px 50px;color:#aaaaaa;}
.mininav p {margin-top:30px;}
.mininav a {font-size:12px;color:#aaaaaa;}
.mininav a:hover {color:#0f7392;}

.onscroll { opacity: 1; -webkit-transition: opacity .7s ease-in, margin-top .7s ease-out; transition: opacity .7s ease-in, margin-top .7s ease-out; }
.onscroll-hidden { opacity: 0; margin-top:0; }

/********** MAIN **********/
main {position:relative;width:100%;}
img {width:100%;height:auto;}
.middle {width:90px;margin:0 auto;margin-bottom:10px;}
.middle .icon-erfolg:before {color:#fff;}
.headblox {padding:100px 25px;}
.headblox h1 {display:none;}




/****************************** MEDIAX **********************/

@media (max-width: 1400px) {

}

@media (max-width: 1140px) {
.logcont, .czinktxtright, .czinktxt {width:90%;} 
}
@media (max-width: 1024px) {
.abob, .bebob, .twocont {max-width:94%;}

}

@media (max-width: 980px) {   

}

@media (max-width: 930px) {
     
}
@media (max-width: 780px) {
.logcont, .czinktxtright, .czinktxt {width:70%;}
.allbox {float:none;width:100%;margin-right:0;}
.whitebox {margin-bottom:50px;}
}
@media (max-width: 730px) {

}
@media (max-width: 650px) {

}
@media (max-width: 600px) {    
    .logcont, .czinktxt, .czinktxtright {width:80%;}
}
@media (max-width: 500px) {
 h2 {font-size:20px;}	
}
@media (max-width: 460px) {
 .czinklogo {width:260px;height:86px;}
    .czinklogo {width:260px;height:86px;} 
}
@media (max-width: 440px) { 


}