@font-face { font-family: 'Montserrat'; src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; }

body { margin: 0; padding: 0; font: 400 13px/29px 'Montserrat', sans-serif; text-align: center; letter-spacing: 1px}

/* Layout */
.inner { width: 1170px; margin: 0 auto;}

img { vertical-align: bottom}
figure.image { margin: 0;}
iframe { margin: 30px 0;}

h2 { margin: 0 0 35px; font-size: 25px; line-height: 35px; font-weight: 400; text-transform: uppercase; letter-spacing: 6px;}
h3 { margin: 0 0 15px; font-size: 14px; line-height: 25px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px;}

h2 + h3 { margin-top: -20px;}

a { text-decoration: none; color: #b89e4a;}
a:hover { color: #000;}

a[href^="tel:"] { color: #000;}
a[href^="tel:"]:hover { text-decoration: underline}

a.button { color: #000; text-transform: uppercase; letter-spacing: 3px; border: solid 1px #000; padding: 24px; display: inline-block; margin-top: 13px;}
a.button:hover { color: #b89e4a; border-color: #b89e4a;}

p { margin: 0 0 30px;}
p:last-child { margin-bottom: 0;}

hr { border: none; border-top: solid #000 1px; margin: 95px 0;}

/* - - - - - Header - - - - - */
.header-wrap .inner { overflow: hidden;}

.logo { width: 250px; height: auto; margin: 40px 0 30px; float: left;}
.logo img { width: 100%; height: auto;}

.nav-wrap { float: right; margin-top: 65px}

.mainnav { margin: 0; padding: 0;}
.mainnav li { float: left; list-style: none; margin-left: 50px;}
.mainnav li a { font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; color: #000; text-decoration: none;}
.mainnav li.active a { color: #b89e4a; font-weight: 700;}
.mainnav li a:hover { color: #b89e4a;}

/* - - - - - Main Container - - - - - */

/* Header */
.header-img { height: 570px; position: relative; overflow: hidden; margin-bottom: 110px;}
.header-img img { width: 100%; min-height: 570px; min-width: 1920px ;height: auto; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto;}
.header-img .frame { height: 100%;}
.header-img .ce-textpic { height: 100%;}
.header-img .inner { position: relative; height: 100%;}
.header-img .inner .ce-bodytext { position: absolute; left: 0; top: 0; display: table; height: 100%; width: 100%}
.header-img .inner .ce-bodytext p { margin: 0; font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 700; text-align: center; display: table-cell; vertical-align: middle; letter-spacing: 11px;}

/* Instagram */
#c69 { margin: 65px 0 75px;}

/* Formular */
.tx-powermail { margin-bottom: 20px;}
.tx-powermail .headline,
.tx-powermail h3 { display: none;}
.powermail_legend { display: none;}
.powermail_label { display: none;}
.powermail_fieldset { border: none; margin: 0; padding: 0;}
.powermail_textarea {border: solid 1px #000; padding: 10px; font: 400 13px/29px 'Montserrat', sans-serif; margin-bottom: 30px; width: 98%; letter-spacing: 1px;}
.powermail_input {border: solid 1px #000; padding: 10px; font: 400 13px/29px 'Montserrat', sans-serif; margin-bottom: 30px; width: 46.8%; float: left; letter-spacing: 1px;}
.powermail_fieldwrap_type_input:nth-child(even) .powermail_input { margin-right: 30px;}
::-webkit-input-placeholder { text-transform: uppercase; color: #000; letter-spacing: 3px;}
::-moz-placeholder { text-transform: uppercase; color: #000; letter-spacing: 3px;}
:-ms-input-placeholder { text-transform: uppercase; color: #000; letter-spacing: 3px;}
:-moz-placeholder { text-transform: uppercase; color: #000; letter-spacing: 3px;}

.powermail_textarea:focus, 
.powermail_input:focus { outline: none; border-color: #b89e4a;}
.powermail_submit { background: #fff; color: #000; font: 400 13px/29px 'Montserrat', sans-serif; text-align: center; display: inline-block; padding: 24px; border: solid 1px #000; cursor: pointer; text-transform: uppercase; letter-spacing: 3px; margin-top: 30px;}
.powermail_submit:hover { color: #b89e4a; border-color: #b89e4a;}
.powermail_fieldwrap_type_check { margin-bottom: 30px; text-align: left}
.powermail_checkbox { float: left; margin-top: 7px;}
.powermail_fieldwrap_type_check p { margin: 0 0 15px 30px;}


/* Text mit Bild */
.inner .ce-textpic.ce-above img { margin-bottom: 8px;}

/* - - - Grid Elemente - - - */

/* 2-sapltiger Container 25/75*/
.col-25-75-wrap { overflow: hidden; margin-bottom: 50px;}
.col-25-75-wrap .col { float: left; margin-right: 30px; width: 23.1%;}
.col-25-75-wrap .col2 { margin-right: 0; width: 74.3%}

/* 2-sapltiger Container 33/66*/
.col-33-66-wrap { overflow: hidden; margin-bottom: 50px;}
.col-33-66-wrap .col { float: left; margin-right: 30px; width: 31.7%;}
.col-33-66-wrap .col2 { margin-right: 0; width: 65.7%}

/* 2-sapltiger Container 40/60*/
.col-40-60-wrap { overflow: hidden; margin-bottom: 50px;}
.col-40-60-wrap .col { float: left; margin-right: 30px; width: 40.2%;}
.col-40-60-wrap .col2 { margin-right: 0; width: 57.2%}

/* 2-spaltiger Container 50/50 */
.col-50-wrap { overflow: hidden; margin-bottom: 50px;}
.col-50-wrap .col { float: left; margin-right: 30px; width: 48.7%;}
.col-50-wrap .col2 { margin-right: 0;}

.col-50-wrap .ce-textpic.ce-above .ce-gallery { margin-bottom: 40px;}
.col-50-wrap .col img { width: 100%; height: auto;}


/* 2-sapltiger Container 66/33*/
.col-66-33-wrap { overflow: hidden; margin-bottom: 50px;}
.col-66-33-wrap .col { float: left; margin-right: 30px; width: 65.7%}
.col-66-33-wrap .col2 { margin-right: 0; width: 31.7%;}

/* 2-sapltiger Container 60/40*/
.col-60-40-wrap { overflow: hidden; margin-bottom: 50px;}
.col-60-40-wrap .col { float: left; margin-right: 30px; width: 57.2%;}
.col-60-40-wrap .col2 { margin-right: 0; width: 40.2%}

/* 2-sapltiger Container 75/25*/
.col-75-25-wrap { overflow: hidden; margin-bottom: 50px; text-align: left;}
.col-75-25-wrap .col { float: left; margin-right: 30px; width: 74.3%}
.col-75-25-wrap .col2 { margin-right: 0; width: 23.1%;}

/* 3-spaltiger Container 33/33/33 */
.col-33-wrap { overflow: hidden; margin-bottom: 50px;}
.col-33-wrap .col { float: left; margin-right: 30px; width: 31.6%;}
.col-33-wrap .col3 { margin-right: 0;}

/* 4-spaltiger Container 25/25/25/25 */
.col-25-wrap { overflow: hidden; margin-bottom: 50px;}
.col-25-wrap .col { float: left; margin-right: 30px; width: 23%;}
.col-25-wrap .col4 { margin-right: 0;}

/* 5 Bilder Raster */
.col-5-img-layout { position: relative; height: 873px; margin-top: 70px;}
.col-5-img-layout .col { background: #f2f2f2; position: absolute;}
.col-5-img-layout .col img { width: 100%; height: auto;}
.col-5-img-layout .col1 { left: 0; top: 0; width: 870px; height: 570px;}
.col-5-img-layout .col2 { right: 0; top: 0; width: 270px; height: 270px;}
.col-5-img-layout .col3 { right: 0; top: 300px; width: 270px; height: 270px;}
.col-5-img-layout .col4 { left: 0; top: 600px; width: 270px; height: 270px;}
.col-5-img-layout .col5 { left: 300px; top: 600px; width: 870px; height: 270px;}

/* 7 Bilder Raster */
.col-7-img-layout { position: relative; height: 1173px; margin-top: 70px;}
.col-7-img-layout .col { background: #f2f2f2; position: absolute;}
.col-7-img-layout .col img { width: 100%; height: auto;}
.col-7-img-layout .col1 { left: 0; top: 0; width: 870px; height: 570px;}
.col-7-img-layout .col2 { right: 0; top: 0; width: 270px; height: 270px;}
.col-7-img-layout .col3 { right: 0; top: 300px; width: 270px; height: 270px;}
.col-7-img-layout .col4 { left: 0; top: 600px; width: 570px; height: 270px;}
.col-7-img-layout .col5 { left: 0; top: 900px; width: 270px; height: 270px;}
.col-7-img-layout .col6 { left: 300px; top: 900px; width: 270px; height: 270px;}
.col-7-img-layout .col7 { right: 0; top: 600px; width: 570px; height: 570px;}

/* 3 Bilder Raster */
.col-3-img-layout { position: relative; height: 570px; margin-top: 70px;}
.col-3-img-layout .col { background: #f2f2f2; position: absolute;}
.col-3-img-layout .col img { width: 100%; height: auto;}
.col-3-img-layout .col1 { left: 0; top: 0; width: 870px; height: 570px;}
.col-3-img-layout .col2 { right: 0; top: 0; width: 270px; height: 270px;}
.col-3-img-layout .col3 { right: 0; top: 300px; width: 270px; height: 270px;}

.col-3-img-layout + .frame-type-text { margin-top: 90px;}


/* Cookie Banner */
.cc_container { font: 13px/29px 'Montserrat', sans-serif !important;}
.cc_container .cc_message { line-height: 1.2em !important;}
.cc_container a, .cc_container a:visited { color: #b89e4a !important;}
.cc_container a:hover, .cc_container a:active { color: #555 !important;}
.cc_container .cc_btn, .cc_container .cc_btn:visited { background-color: #b59852 !important; color: #fff !important;}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active { background-color: #555 !important; color: #fff !important;}
.cc_container a:before { display: none;}

/* - - - - - Footer - - - - - */
.footer-wrap { margin-top: 110px;}
.footer-wrap .inner { border-top: solid 1px #000; text-align: left; padding: 60px 0 50px; position: relative;}
.footer-wrap .col-25-wrap { margin-bottom: 0;}

.footer-menu { margin: 0; padding: 0; position: absolute; right: 130px; top: 60px;}
.footer-menu li { list-style: none; margin-bottom: 5px;}
.footer-menu li a { font-size: 14px; line-height: 25px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; color: #000; }
.footer-menu li a:hover { color: #b89e4a;}

.social-menu { margin: 0; padding: 0; position: absolute; right: 179px; top: 134px;}
.social-menu li { list-style: none; float: left; margin-right: 15px;}
.social-menu li a { display: inline-block; background: url("../img/facebook.png") no-repeat left top; width: 31px; height: 31px; background-size: 31px;}
.social-menu li a:hover { background-position: 0 -41px;}
.social-menu li a.instagram { background-image: url("../img/instagram.png");}