@import "fonts.css";
*,html { margin: 0px; padding: 0px; text-decoration: none; border: 0px; outline: none; }
html { height: 100%; }
body { color: #000; font-family: 'Open Sans', Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; background: #D3D3D3; height: 100%;}
.history { color: #126B76; font-size: 18px; font-weight: 500; }


@media (max-width: 959px) {
#main { position: relative; min-height: 100%; margin: 0 auto; }
#logo { position: absolute; top: 20px; left: 20px; }
#logo img { width: 250px; height: auto; }
h1 { font-family: 'Open Sans', Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 400; text-align: center; padding-top: 140px; }
#content { position: relative; max-width: 1000px; margin: 30px auto; }
#start { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; }
.kachel { position: relative; flex-grow: 0; flex-shrink: 1; flex-basis: auto; width: 200px; float: left; margin: 0 30px 30px 0; background: #FFF; border-radius: 10px; padding: 10px; }
.kachel img { width: 200px; height: 200px; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; margin-bottom: 20px; border-radius: 10px;}
.kachel img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.kachel p { text-align: center; }
#start a { color: #000; }

#texte { position: relative; width: auto; margin: 50px; }
#texte p { margin-bottom: 15px; }
#texte hr { width: 200px; margin: 0 auto 15px auto; border-top: 2px solid #000; }
#texte a { color: #126B76;}
#texte ul {margin-left: 20px; margin-bottom: 15px;}
#texte h3 {font-weight: 500; font-size: 18px; margin-bottom: 10px;}
#texte h2 {margin-bottom: 10px;}

.txtshow { position: relative; width: 100%; margin-bottom: 30px; border-bottom: 1px dotted #000;}
.txtdatum { margin-bottom: 5px !important; }
.txtweiter { text-align: right; }

/* Gästebuch */
#gbcontent { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; }
.gbkachel { position: relative; flex-grow: 0; flex-shrink: 1; flex-basis: auto; max-width: 700px; float: left; margin: 0 20px 30px 20px; }

.gbtitel { font-weight: 500; margin-bottom: 20px; border-bottom: 1px dotted #000; }
.gbtext { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #126B76 }

#footer { position: absolute; width: 100%; left: 0px; bottom: 0px; height: 50px; background: #B2B2B2; }
#footer p { text-align: center; font-size: 16px; font-weight: 500; padding-top: 10px; padding-bottom: 10px; color: #126b76; }
#footer a:link, #footer a:visited { color: #126b76; }
#footer a:hover, #footer a:focus { color: #2B2D99; }
#footer span { color: #000; }
#footer .nomobil { display: none; }

/* Mobilmenue */
nav { position: absolute; right: 0px; top: 0px; width: 100%; z-index: 2; }
#hauptmenue {position: relative; width: 100%; background: none; }
.navbar-toggle { position: absolute; top: 20px; right: 20px; cursor: pointer; width: 51px; height: 31px; background: url(../designpics/bt_menue.png) no-repeat;  }
.navbar-toggle span { display: none; }
#hauptmenue ul {list-style-type: none; margin-left: 0; }
#hauptmenue ul li {list-style-type: none; list-style-image: none; width: 100% !important;}
#hauptmenue li a:link, #hauptmenue li a:visited {background: #FFF; border-bottom: 1px solid #126b76; display: block; width: auto; max-width: 100%; padding: 15px 40px; color: #3F3F3E; font-size: 22px; font-weight: 400;}
#hauptmenue li a:hover, #hauptmenue li a:focus {background: #F2F2F2; border-bottom: 1px solid #126b76; color: #3F3F3E; font-size: 22px; font-weight: 500;}
.hm1 { background: #FFF; padding: 20px 0px; color: #3F3F3E; font-size: 22px; font-weight: 400;}
#hauptmenue ul li:hover .hm1 {background: #F2F2F2; font-weight: 400;} /*      Submenue allgemein   */
ul.sub-menu {position: relative; display: none; border-bottom: 1px solid #126b76;}
ul.sub-menu li a:link, ul.sub-menu li a:visited {color: #3F3F3E; font-size: 22px !important; border: none !important; padding: 8px 8px 8px 60px !important;}
ul.sub-menu li a:hover, ul.sub-menu li a:focus {color: #3F3F3E; font-size: 22px; font-weight: 400; border: none !important;} /*   	LEVEL TWO   */
ul.dropdown ul {width: 100%; position: relative; z-index: 40;}
.closed {display: none;} /* Speziell für Hauptmenüpunkt mit Submenü */
#hauptmenue li a:link[id*="hmnu-"] {background: white url(../designpics/arrow_smartmenue2.png) no-repeat center right !important;}
#hauptmenue li a:active[id*="hmnu-"] {background: white url(../designpics/arrow_smartmenue.png) no-repeat center right !important;}

/* Formulare */
fieldset {border: 1px solid #126B76; padding: 10px; margin: 0 10px 20px 10px; width: auto; max-width: 300px;}

fieldset p {font: 16px 'Open Sans', Arial, Helvetica, sans-serif; margin: 0 0 14px 0; float: left; width: 100%;}

fieldset label {display: block; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; width: 100%; margin: 0 0 7px 0; line-height: 12px;}

fieldset .text-long {border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 264px; float: left; margin: 0 10px 0 0;}

fieldset .text-medium {border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 124px; float: left; margin: 0 10px 0 0;}

fieldset .text-small {border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 44px; margin: 0 10px 0 0;}

.textfeld { border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; max-width: 270px; height: 150px; float: left; margin: 0 10px 0 0;}

.btn {background: #126B76; background-image: -webkit-linear-gradient(top, #126B76, #21b4c4); background-image: -moz-linear-gradient(top, #126B76, #21b4c4); background-image: -ms-linear-gradient(top, #126B76, #21b4c4); background-image: -o-linear-gradient(top, #126B76, #21b4c4); background-image: linear-gradient(to bottom, #126B76, #21b4c4); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; font-family: 'Open Sans', Arial; color: #ffffff; font-size: 18px; padding: 5px 20px 5px 20px; text-decoration: none;}

.btn:hover {background: #21b4c4; background-image: -webkit-linear-gradient(top, #21b4c4, #126B76); background-image: -moz-linear-gradient(top, #21b4c4, #126B76); background-image: -ms-linear-gradient(top, #21b4c4, #126B76); background-image: -o-linear-gradient(top, #21b4c4, #126B76); background-image: linear-gradient(to bottom, #21b4c4, #126B76); text-decoration: none;}

.needsfilled {background: #FF667D;}

.highslide-container div { z-index: 6; }

}
@media (min-width: 960px) and (max-width: 1199px) {

#main{ position: relative; min-height: 100%; margin: 0 auto; }
#hauptmenue { display: none; }
#logo { position: absolute; top: 20px; left: 20px; }
#logo img { width: 250px; height: auto; }
h1 { font-family: 'Open Sans', Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 400; text-align: right; margin-right: 100px; padding-top: 70px; }
#content { position: relative; max-width: 1000px; margin: 30px auto; }
#start { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; }
.kachel { position: relative; flex-grow: 0; flex-shrink: 1; flex-basis: auto; width: 200px; float: left; margin: 0 30px 30px 0; background: #FFF; border-radius: 10px; padding: 10px; }
.kachel img { width: 200px; height: 200px; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; margin-bottom: 20px; border-radius: 10px;}
.kachel img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.kachel p { text-align: center; }
#start a { color: #000; }

#texte { position: relative; width: auto; margin: 50px; }
#texte p { margin-bottom: 15px; }
#texte hr { width: 200px; margin: 0 auto 15px auto; border-top: 2px solid #000; }
#texte a { color: #126B76;}
#texte ul {margin-left: 20px; margin-bottom: 15px;}
#texte h3 {font-weight: 500; font-size: 18px; margin-bottom: 10px;}
#texte h2 {margin-bottom: 10px;}

.txtshow { position: relative; width: 100%; margin-bottom: 30px; border-bottom: 1px dotted #000;}
.txtdatum { margin-bottom: 5px !important; }
.txtweiter { text-align: right; }

/* Gästebuch */
#gbcontent { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; }
.gbkachel { position: relative; flex-grow: 0; flex-shrink: 1; flex-basis: auto; width: 450px; float: left; margin: 0 20px 30px 0; }

.gbtitel { font-weight: 500; margin-bottom: 20px; border-bottom: 1px dotted #000; }
.gbtext { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #126B76 }

#footer { position: absolute; width: 100%; left: 0px; bottom: 0px; height: 50px; background: #B2B2B2; }
#footer p { text-align: center; font-size: 16px; font-weight: 500; padding-top: 10px; padding-bottom: 10px; color: #126b76; }
#footer a:link, #footer a:visited { color: #126b76; }
#footer a:hover, #footer a:focus { color: #2B2D99; }
#footer span { color: #000; }

/* Formulare */
fieldset {border: 1px solid #126B76; padding: 10px; margin: 0 0 20px 0; width: 400px;}

fieldset p {font: 16px 'Open Sans', Arial, Helvetica, sans-serif; margin: 0 0 14px 0; float: left; width: 100%;}

fieldset label {display: block; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; width: 100%; margin: 0 0 7px 0; line-height: 12px;}

fieldset .text-long {border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 264px; float: left; margin: 0 10px 0 0;}

fieldset .text-medium {border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 124px; float: left; margin: 0 10px 0 0;}

fieldset .text-small {border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 44px; margin: 0 10px 0 0;}

.textfeld { border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; max-width: 370px; height: 150px; float: left; margin: 0 10px 0 0;}

.btn {background: #126B76; background-image: -webkit-linear-gradient(top, #126B76, #21b4c4); background-image: -moz-linear-gradient(top, #126B76, #21b4c4); background-image: -ms-linear-gradient(top, #126B76, #21b4c4); background-image: -o-linear-gradient(top, #126B76, #21b4c4); background-image: linear-gradient(to bottom, #126B76, #21b4c4); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; font-family: 'Open Sans', Arial; color: #ffffff; font-size: 18px; padding: 5px 20px 5px 20px; text-decoration: none;}

.btn:hover {background: #21b4c4; background-image: -webkit-linear-gradient(top, #21b4c4, #126B76); background-image: -moz-linear-gradient(top, #21b4c4, #126B76); background-image: -ms-linear-gradient(top, #21b4c4, #126B76); background-image: -o-linear-gradient(top, #21b4c4, #126B76); background-image: linear-gradient(to bottom, #21b4c4, #126B76); text-decoration: none;}

.needsfilled {background: #FF667D;}

.highslide-dimming { background: #D3D3D3; }

}
@media (min-width: 1200px) {

#main { position: relative; min-height: 100%; margin: 0 auto; }
#hauptmenue { display: none; }
#logo { position: absolute; top: 20px; left: 20px; }
#logo img { width: 250px; height: auto; }
h1 { font-family: 'Open Sans', Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 400; text-align: right; margin-right: 100px; padding-top: 70px; }
#content { position: relative; max-width: 1000px; margin: 30px auto; padding-bottom: 80px !important; }
#start { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; }
.kachel { position: relative; flex-grow: 0; flex-shrink: 1; flex-basis: auto; width: 200px; float: left; margin: 0 30px 30px 0; background: #FFF; border-radius: 10px; padding: 10px; }
.kachel img { width: 200px; height: 200px; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; margin-bottom: 20px; border-radius: 10px;}
.kachel img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.kachel p { text-align: center; }
#start a { color: #000; }

#texte { position: relative; width: auto; margin: 50px; }
#texte p { margin-bottom: 15px; }
#texte hr { width: 200px; margin: 0 auto 15px auto; border-top: 2px solid #000; }
#texte a { color: #126B76;}
#texte ul {margin-left: 20px; margin-bottom: 15px;}
#texte h3 {font-weight: 500; font-size: 18px; margin-bottom: 10px;}
#texte h2 {margin-bottom: 10px;}

.txtshow { position: relative; width: 100%; margin-bottom: 30px; border-bottom: 1px dotted #000;}
.txtdatum { margin-bottom: 5px !important; }
.txtweiter { text-align: right; }

/* Gästebuch */
#gbcontent { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; }
.gbkachel { position: relative; flex-grow: 0; flex-shrink: 1; flex-basis: auto; width: 450px; float: left; margin: 0 20px 30px 0; }

.gbtitel { font-weight: 500; margin-bottom: 20px; border-bottom: 1px dotted #000; }
.gbtext { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #126B76 }

#footer { position: absolute; width: 100%; left: 0px; bottom: 0px; height: 50px; background: #B2B2B2; }
#footer p { text-align: center; font-size: 18px; font-weight: 500; padding-top: 10px; padding-bottom: 10px; color: #126b76; }
#footer a:link, #footer a:visited { color: #126b76; }
#footer a:hover, #footer a:focus { color: #2B2D99; }
#footer span { color: #000; }

/* Formulare */
fieldset {border: 1px solid #126B76; padding: 10px; margin: 0 0 20px 0; width: 400px;}

fieldset p {font: 16px 'Open Sans', Arial, Helvetica, sans-serif; margin: 0 0 14px 0; float: left; width: 100%;}

fieldset label {display: block; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; width: 100%; margin: 0 0 7px 0; line-height: 12px;}

fieldset .text-long {border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 264px; float: left; margin: 0 10px 0 0;}

fieldset .text-medium {border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 124px; float: left; margin: 0 10px 0 0;}

fieldset .text-small {border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; width: 44px; margin: 0 10px 0 0;}

.textfeld { border: 1px solid #3F3F3E; font: 16px 'Open Sans', Arial, Helvetica, sans-serif; color: #646464; padding: 5px 7px; max-width: 370px; height: 150px; float: left; margin: 0 10px 0 0;}

.btn {background: #126B76; background-image: -webkit-linear-gradient(top, #126B76, #21b4c4); background-image: -moz-linear-gradient(top, #126B76, #21b4c4); background-image: -ms-linear-gradient(top, #126B76, #21b4c4); background-image: -o-linear-gradient(top, #126B76, #21b4c4); background-image: linear-gradient(to bottom, #126B76, #21b4c4); -webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px; font-family: 'Open Sans', Arial; color: #ffffff; font-size: 18px; padding: 5px 20px 5px 20px; text-decoration: none;}

.btn:hover {background: #21b4c4; background-image: -webkit-linear-gradient(top, #21b4c4, #126B76); background-image: -moz-linear-gradient(top, #21b4c4, #126B76); background-image: -ms-linear-gradient(top, #21b4c4, #126B76); background-image: -o-linear-gradient(top, #21b4c4, #126B76); background-image: linear-gradient(to bottom, #21b4c4, #126B76); text-decoration: none;}

.needsfilled {background: #FF667D;}

.highslide-dimming { background: #D3D3D3; }

}