/*-----------------------------------------------------------------------------------*/
/* CSS Reset                                                                         */
/*-----------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;overflow-y:scroll;height:100%;min-height:100%;}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
ins{background-color:#ff9;color:#111;text-decoration:none}
mark{background-color:#ff9;color:#111;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
strong{font-weight:bold;}
em{font-style:italic;font-weight:inherit;}
ol,ul{list-style:none;}
caption,th,td{font-weight:normal;text-align:left;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;}
embed,iframe,object,video,img{max-width:100%;height:auto;}
img{vertical-align:bottom;}
a{text-decoration:none;color:#414141;text-decoration:underline;}

/*-----------------------------------------------------------------------------------*/
/* Global Styles                                                                     */
/*-----------------------------------------------------------------------------------*/

@-ms-viewport{width:device-width;}
.clearfix:after{visibility:hidden;display:block;content:"";clear:both;height:0;}
* html .clearfix{zoom:1;}/* IE6 fix */
*:first-child+html .clearfix{zoom:1;}/* IE7 fix */
.clear{clear:both;}
::-moz-selection{background:#00A9CE;color:#fff;text-shadow:none;}
::selection{background:#00A9CE;color:#fff;text-shadow:none;}

/*-----------------------------------------------------------------------------------*/
/* General Page Setup                                                                */
/*-----------------------------------------------------------------------------------*/

body{height:100%;min-height:100%;font-family:'Josefin Sans',sans-serif;color:#555;font-size:18px;font-size:1.8rem;line-height:1.4;font-weight:400;background:#fdfdfd;
 text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
#wrapper{width:1200px;max-width:90%;margin:0 auto;padding-bottom:120px;}

/*-----------------------------------------------------------------------------------*/
/* Header Styles                                                                     */
/*-----------------------------------------------------------------------------------*/

header{text-align:center;margin:40px 0 120px 0;}
header img{width:300px;max-width:80%;}

/*-----------------------------------------------------------------------------------*/
/* Content Styles                                                                    */
/*-----------------------------------------------------------------------------------*/

h1{font-weight:400;font-size:36px;font-size:3.6rem;line-height:1.2;margin-bottom:26px;color:#00A9CE;}
.hero{width:800px;max-width:66%;font-size:22px;font-size:2.2rem;}
.hero + .hero{margin-top:24px;}
h2{font-weight:400;line-height:1.2;margin-bottom:20px;color:#00A9CE;text-transform:uppercase;}
.tmh-form{width:100%;background:#f7f7f7;margin:120px 0 0 0;padding:60px;}
.tmh-form .tmh-check{display:none;}
.left-form{float:left;width:400px;max-width:33%;padding-right:60px;}
.left-form h2{font-size:20px;font-size:2.0rem;line-height:1.4;}
.right-form{float:left;width:800px;max-width:66%;padding-left:0px;}
.field{margin-bottom:40px;}
.form-row .field{width:48%;float:left;}
.form-row .field + .field{margin-left:4%;}
label{display:block;margin-bottom:8px;color:#898989;font-size:12px;font-size:1.2rem;font-style:italic;text-transform:uppercase;}
input{background:#ebebeb;width:100%;border:0;padding:16px 10px 16px 10px;font-family:'Josefin Sans',sans-serif;color:#555;font-size:16px;font-size:1.6rem;}
textarea{background:#ebebeb;width:100%;border:0;min-height:200px;padding:16px 10px 16px 10px;font-family:'Josefin Sans',sans-serif;color:#222;font-size:16px;font-size:1.6rem;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;background:#a0a0a0;color:#f8f8f8;}
#form-messages{margin-bottom:40px;padding:16px 10px 16px 10px;font-family:'Josefin Sans',sans-serif;font-style:italic;font-size:14px;font-size:1.4rem;text-transform:uppercase;}
.buttonwrap{position:relative;}
.hinweis{position:absolute;right:220px;color:#898989;font-size:12px;font-size:1.2rem;font-style:italic;top:15px;}
button{float:right;display:inline-block;border:none;background:#ebebeb;color:#555;margin:0;width:180px;padding:16px 10px 14px 10px;
 font-family:'Josefin Sans',sans-serif;text-align:center;font-size:14px;font-size:1.4rem;font-style:italic;text-transform:uppercase;}
button,textarea,input{-webkit-transition:background-color 0.6s ease,color 0.6s ease;-moz-transition:background-color 0.6s ease,color 0.6s ease;
 -o-transition:background-color 0.6s ease,color 0.6s ease;transition:background-color 0.6s ease,color 0.6s ease;}
button:hover,button:focus{background:#00A9CE;cursor:pointer;color:#f8f8f8;}
button:active{opacity:1;box-shadow:0 -3px 10px rgba(0, 0, 0, 0.1) inset;}
.success{color:#222;background:#a4d68f;}
.error{color:#fafafa;background:#ea4848;}
.one-third{float:left;width:33.3%;margin:120px 0 0 0;}
.third-inner{border-bottom:1px solid #414141;height:160px;}
.first{margin-right:40px;}
.second{margin:0 20px 0 20px;}
.third{margin-left:40px;}
.contact-form{margin-top:100px;}
.impressum{margin-top:120px;}
.impressum h2{font-size:26px;font-size:2.6rem;font-style:italic;}
.impressum h3{font-size:18px;font-size:1.8rem;line-height:1.2;font-style:italic;color:#000;margin-bottom:12px;}
.one-half{width:50%;float:left;}
.left-half{padding-right:40px;}
.right-half{padding-left:40px;}

/*-----------------------------------------------------------------------------------*/
/* Media Queries                                                                     */
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width:1080px){
 .first{margin-right:20px;}
 .second{margin:0 10px 0 10px;}
 .third{margin-left:20px;}
}
@media screen and (max-width:900px){
 header{margin:40px 0 80px 0;}
 .hero{width:100%;max-width:100%;}
 .tmh-form{margin:80px 0 0 0;padding:40px;}
 .left-form{float:none;width:100%;max-width:100%;padding-right:0;margin-bottom:40px;}
 .right-form{float:none;width:100%;max-width:100%;}
 .first,.second,.third{margin:0;}
 .one-third{float:none;}
 .third-inner{height:auto;padding-bottom:24px;}
 .one-third{margin:80px 0 0 0;width:100%;}
 .one-third + .one-third{margin:60px 0 0 0;}
 .impressum{margin-top:80px;}
 .one-half{width:100%;float:none;}
 .left-half,.right-half{padding:0;}
 .right-half{margin-top:26px;}
}
@media screen and (max-width:640px){
 .tmh-form{padding:20px;}
 .form-row .field{width:100%;float:none;}
 .form-row .field + .field{margin-left:0;}
}
@media screen and (max-width:480px){
 .tmh-form{padding:20px 10px 10px 10px;}
 button{width:120px;}
 .hinweis{position:absolute;left:0;right:auto;}
 #wrapper{max-width:94%;}
 header img{width:300px;max-width:100%;}
}