/* Fonts
-----------------------------------*/
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* covered-by-your-grace-regular - latin */
@font-face {
  font-family: 'Covered By Your Grace';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/covered-by-your-grace-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/covered-by-your-grace-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/covered-by-your-grace-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/covered-by-your-grace-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/covered-by-your-grace-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/covered-by-your-grace-v15-latin-regular.svg#CoveredByYourGrace') format('svg'); /* Legacy iOS */
}

/* General
-------------------------------------*/

body {
  width: 100%;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  color: #34200c;
  background-color: #f5f4f2;
  font-size: 20px;
}
html {
  width: 100%;
  height: 100%;
}
h1,h2,h3,h4,h5,h6 {margin: 0 0 20px;font-weight: normal;color: #363b2d;}
h1 {font-size: 58px;line-height: 38px;font-family: 'Covered By Your Grace', cursive; color: #76a379;font-weight: normal;}
h2 {font-size: 32px;line-height: 38px;font-family: 'Covered By Your Grace', cursive; color: #34200c;font-weight: normal;}
h3 {font-size: 28px;line-height: 28px;font-weight: 500;margin-bottom:15px;}
h4 {font-size: 21px;line-height: 27px;}
p {margin: 0 0 25px;font-size: 19px;line-height: 31px; font-weight: 400;}
.text-big p {font-size: 20px;line-height: 31px; font-weight: 400;}
.text-big p strong, p strong {font-weight: 500;}
.text-big li {font-size: 20px;line-height: 31px;font-weight: 400;}
ul li a { color: #000000; }
ul li a:hover { color: #34200c; }
p.nr {margin-bottom: 22px;}
a {
  color: #76a379;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #34200c;
}
.error-page { margin-top: 300px; }
.container {width: 1280px;}
.container img {max-width: 100%;}
.navbar-brand > img {width: 100%;-webkit-transition: margin 0.8s ease 0s;-moz-transition: margin 0.8s ease 0s;transition: margin 0.8s ease 0s;}
.top-nav-collapse .navbar-brand > img {margin-top: -50px;}
.navbar-custom .navbar-toggle {color: #fff;float: right;background-color: transparent;font-size: 30px;z-index: 10;}
.white {background: #ffffff;}
#breadcrumbs span {padding: 0 !important;}

.table-responsive {min-width: 100%;text-align: left; font-size: 17px;}
.table-responsive th, .table-responsive td {border: 0 !important;padding: 4px 18px;border-right: 1px solid #34200c!important;background: none;vertical-align: middle !important;}
.table-responsive th:last-child, .table-responsive td:last-child {border-right: 0 !important;}
.table-responsive th {border-top: 3px solid #000 !important; background:rgba(81,61,54,0.8); color: #ffffff; font-weight: normal;}
.table-responsive td {border-bottom: 1px solid #ffffff !important; }
.table-responsive tr:nth-child(odd) td {background: #ffffff;}
.table-responsive tr:nth-child(even) td {background: rgba(188,176,164,0.3);}
.table-responsive tr:nth-child(4) {border-top: 25px solid #f5f4f2; }

.txt-small {text-align: left;font-size: 14px;margin-bottom: 40px;}
.txt-small p {font-size: 15px; line-height: 22px; }
.txt-small ul {padding-left: 15px;}

.navbar-custom {
  background: #f5f4f2;
  border: none;
}
.navbar-custom:after {
  content: '';
  background-image: url(../images/bkg1.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 95px;
  position: absolute;
  top: 85px;
}
.on-scroll .navbar-custom:after {
  content: '';
  background-image: url(../images/bkg2.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 27px;
  position: absolute;
  top: 84px;
}
.navbar-custom .navbar-header {position: absolute;max-width: 320px; z-index: 1; }
.navbar-custom .navbar-brand {margin: 0;padding: 0;height: auto;margin-left: 0 !important;}
.navbar-custom .m1 {position: absolute;left: 0;bottom: -28px;width: 100%;}
.logo { margin-left: 30px; }
.logo-scroll, .btn-scroll {display: none;}
.btn-scroll {line-height: 38px;padding: 0 20px !important;margin: 30px 20px 0 !important;font-size: 16px !important;letter-spacing: 1px !important;}
.on-scroll .logo-scroll, .on-scroll .btn-scroll {display: block;float: left;margin-top: 9px;}
.on-scroll .navbar-header {display: none;}



.lang { color: #34200c; }
.lang a { font-size: 18px; color: #34200c; }
.lang a:hover { color: #76a379; }
.on-scroll .lang { color: #ffffff; }
.on-scroll .lang a { font-size: 18px; color: #ffffff; }
.on-scroll .lang a:hover { color: #76a379; }

.header-outer { float: right; }
.header-details {  margin-top: 110px; text-align: right; margin-right: 20px;}
.header-details a {  font-size: 19px; color: #ffffff; display: block; }
.on-scroll .header-details { display: none; }

.offerta-button { margin-bottom: 5px; }
.offerta-button a { display: inline-block; color: #ffffff; background: #34200c; font-weight: normal; font-size: 14px; letter-spacing: 1px; padding: 9px 21px; border: 1px solid #bcb0a4; border-radius: 2px; font-family: 'Covered By Your Grace', cursive;}
.offerta-button a:hover { color: #000000; background: #bcb0a4; border: 1px solid #34200c; }

@media (min-width: 980px) {
  .navbar-custom {padding: 0;min-height: 86px;border-bottom: none;margin-bottom: 0;top: 0;}
  .on-scroll .navbar-custom {padding: 0;background-size: auto 100% ;background: #34200c;min-height: 0;top: -150px;margin-top: 150px;-webkit-transition: margin 0.8s ease 0s;-moz-transition: margin 0.8s ease 0s;transition: margin 0.8s ease 0s; max-height: 84px;}

  .navbar-custom .navbar-nav {margin-left: 30px;}
  .navbar-custom .nav li a {font-size: 19px;line-height: 38px;padding: 21px 15px 0;color: #fff;position: relative;z-index: 3;font-weight: bold;text-transform: uppercase;}
  .navbar-custom .nav li:hover a {font-weight: bold;}
  .nav > li > a:focus, .nav > li > a:hover {background: none;}
  .top-nav-collapse li:hover .dropdown-menu {padding-top: 96px !important;}
  .navbar-custom .nav li:hover .dropdown-menu li a {color: #fff;font-size: 13px;line-height: 27px;padding: 0;background: none !important;}
  .navbar-custom .nav li:hover .dropdown-menu li a:hover {opacity: 0.7;}
  .top-nav-collapse .nav li a, .top-nav-collapse .nav li:hover a {padding: 30px 12px;}

  .navbar-nav li .dropdown-menu {display: block;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
  .navbar-nav li:hover .dropdown-menu {visibility: visible;opacity: 1;margin-top: 0;display: block;top: 0;left:-60%;right: -60%;min-width: 0;z-index: 2;border-radius: 0;background-color: transparent;background-image: url(../images/drop_hover.png), url(../images/m1.png);background-repeat: no-repeat, no-repeat; background-position: center -10px, center bottom;background-size: auto auto, 100% 28px; box-shadow: none;border: 0;margin: 0;padding: 68px 0 28px;text-align: left;}
  .navbar-nav .dropdown-menu li {background: rgba(33,33,37, .43);padding: 0 40px;text-align: center;}
  .navbar-nav .dropdown-menu li:first-child {padding-top: 12px;}
  .navbar-nav .dropdown-menu li:last-child {padding-bottom: 12px;}
}
@media (max-width: 980px) {
  .lang { margin-top: 20px; color: #484848; }
  .lang a { color: #484848; }
	.language-selector li { display:block; }
	.language-selector li.active a { background: none; padding-left:10px; padding-right:10px; }
}

/* Slider
---------------------------------------*/

.carousel-indicators {position: relative;display: inline-block;left: 0;width: auto;margin-left: 0;}
.carousel-indicators li {background: rgba(255,255,255, .23);border: 0;height: 8px;width: 8px;margin: 0 10px;}
.carousel-indicators .active {border: 0;background: #34200c;height: 8px;width: 8px;margin: 0 10px;}
.carousel-indicators li:active {border: 0;}
.carousel-indicators {bottom: 0px;padding-bottom: 0;}
.carousel-control {position: relative;display: inline-block;background-image: none !important;text-shadow: none;background: none !important;font-size: 14px;color: #fff;opacity:1;width: 50px;}
.subpage .carousel-control {top: 35%;}
.carousel-control:hover {opacity: 0.7;color: #fff;}
.sl_bottom {position: absolute;bottom: -1px;left: 0;width: 100%;height: 76px;background: url(../images/sl.png) repeat-x center bottom;background-size: 100% auto;}
.intro {width: 100%;height: auto;padding: 78px 0 0 0;text-align: center;color: white;background-color: #F9F6EF;}

.intro .carousel-indicators { display:none; }
.intro .controls .left, .intro .controls .right {
    position:absolute;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.intro .controls .left { left: 0; }
.intro .controls .right { right: 0; }

.top {position: fixed;z-index: 100;}

.carousel-caption {width: 460px;left: 50%;margin-left: -225px;right: auto;text-align: left;bottom: 20%;z-index: 1000;}
.carousel-caption h3 {font-size: 52px;color: #fff;line-height: 54px;opacity: 1;margin-bottom: 25px;}

.slick-slide {margin: 0 13px;}
.slick-list {margin: 0 -13px;}
.th-dots, .th-dots1, .th2-dots, .th3-dots, .ang-dots, .r-dots {display: inline-block;}
.th-prev, .th-next, .th-prev1, .th-next, .th2-prev, .th2-next, .ang-next, .ang-prev, .r-next, .r-prev {font-size: 14px;color: #000;cursor: pointer;}
.slick-dots {padding: 0;margin: 30px 24px 0;}
.slick-dots li {position: relative;display: inline-block;width: 9px;height: 9px;margin: 0 16px;padding: 0;cursor: pointer;top: -5px;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 9px;height: 9px;padding: 0px;cursor: pointer;color: transparent;border: 0;outline: none;background: #B3A18D;border-radius: 5px;}
.slick-dots li.slick-active button {background: #34200c;}
.slick-slide img {border-radius: 3px;}

#angebote .slick-dots {
    position: static;
    top: 0;
    width: auto;
}

#angebote .slick-dots li {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 16px;
    padding: 0;
    cursor: pointer;
    top: -5px;
}

#angebote .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 9px;
    height: 9px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #B3A18D;
    border-radius: 5px;
}

#angebote .slick-dots li.slick-active button {
    background: #34200c;
}




.home #angebote .an-top {background: none;}

/* Hotel
-------------------------------------------*/
#hotel { padding-bottom:100px; }
#hotel .content-section {padding: 25px -15px 15px;position: relative;z-index: 1;}
#hotel .back_img {width: 100%;margin: -90px 0;position: relative;z-index: 0;}
#hotel .info {font-size: 16px; line-height: 34px;padding-bottom: 15px;}
#hotel .info a {font-size: 21px;font-weight: 600;letter-spacing: 1px;}


.hofladen #hotel {
  background-image: url(../images/beeren.png), url(../images/marille.png);
  background-position: right top, left bottom;
  background-repeat: no-repeat, no-repeat;
}


#breadcrumbs {padding: 0 !important;font-size: 14px;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 15px;}
#breadcrumbs a {color: rgba(40,40,40, .85);}

.hotel-slider .nr {margin-bottom: 16px;}
.hotel-slider h3 {margin-bottom: 22px;}

.jahreszeit {padding-bottom: 100px!important;}

#zimmer {background: #ffffff;position: relative;}
#zimmer .app-top {
  position: absolute;
  top: -76px;
  left: 0;
  width: 100%;
  height: 76px;
  background-image: url(../images/bkg5.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#zimmer .row { padding-left: 5%; padding-right: 5%; }
#zimmer .room-bkg2, #zimmer .room-bkg4, #zimmer .room-bkg6 { background-color:#f5f4f2; }
#zimmer h3 {font-family: 'Covered By Your Grace', cursive; color: #34200c; font-size: 40px; line-height:39px; }
#zimmer em { font-size: 18px; color:#34200c; }
#zimmer .rslides {margin-bottom: 80px; margin-top: 80px;}
#zimmer .room-dots1, #zimmer .room-dots2, #zimmer .room-dots3, #zimmer .room-dots4, #zimmer .room-dots5, #zimmer .room-dots6 {display: inline-block; }
#zimmer .controls { text-align: center; }
#zimmer .controls span { margin-left: 5px; margin-right: 5px; margin-top: 10px; }
#zimmer .btn {margin: 20px 7px 0;}
#zimmer p.nr {margin-bottom: 12px;}

#zimmer-info { position: relative; padding: 130px 0; background-size: cover; }
#zimmer-info .so-top {position: absolute;top: 0;left: 0;width: 100%;height: 89px;background: url(../images/m2a.png) repeat-x center top;background-size: 100% auto;z-index: 10;}
#zimmer-info .low-bkg { background-color: rgba(255, 255, 255, 0.8); padding: 30px; display: inline-block;}
#zimmer-info h4 { font-size: 45px;font-family: 'Covered By Your Grace', cursive; font-weight: bold; }
#zimmer-info h5 { font-size: 30px;font-family: 'Covered By Your Grace', cursive; font-weight: bold; }
#zimmer-info li { font-size: 18px; list-style: none; line-height: 25px; }
#zimmer-info li:before {content: "\f00c"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; }

.appartment { color: #ffffff; position: relative; }
.appartment .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
  z-index: 5;
  position: inherit;
}
.appartment .row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}

.appartment .app-text { padding: 0; background: #c39d55 }
.appartment .app-text div { padding: 65px 65px 65px 65px; margin: 40px; border: 3px dotted #ad873d; }
.appartment .app-bild { padding: 0; }
.appartment .app-bild div {background-repeat: no-repeat; background-size: cover; height: 100%; background-position: center center; }
.appartment h3, .appartment h4 { font-family: 'Covered By Your Grace', cursive; color: #ffffff; font-size: 41px; line-height: 36px;}
.appartment h4 { font-size: 29px; }

.appartment .show-mobile {display: none!important;}

.room { margin-top: -120px; }

/*.room .app-top {position: absolute;top: 0px;left: 0;width: 246px;height: 120px;background: url(../images/m2.png) no-repeat center top;background-size: 100% auto;z-index: 5;}*/
.room .app-top {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  height: 76px;
  background-image: url(../images/bkg4.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.room .container-fluid { padding-top: 120px; z-index: -1; }
.room .app-text { background: #8f630f; }


.pagenav {margin: 45px 0 60px;}
.pagenav .btn-default {padding: 0 18px;margin-right: 14px;}



/* Umgebung Boxen */
.boxen { color: #ffffff; position: relative; }
.boxen .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
  z-index: 5;
  position: inherit;
}
.boxen .row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}
.boxen .boxen-text { padding: 0; background: #c39d55 }
.boxen .boxen-text div { padding: 65px 65px 65px 65px; margin: 40px; border: 3px dotted #ad873d; }
.boxen .boxen-bild { padding: 0; }
.boxen .boxen-bild div {background-repeat: no-repeat; background-size: cover; height: 100%; background-position: center center; }
.boxen h3 { font-family: 'Covered By Your Grace', cursive; color: #ffffff; font-size: 41px; line-height: 36px;}
.boxen .show-mobile {display: none!important;}

.boxen:nth-child(odd) .row { flex-direction: row-reverse; }
.boxen:nth-child(odd) .boxen-text { background:#8f630f; }

.price .rslides {padding-left: 0;padding-right: 5px;}
.price .roomslider {margin-top: 45px;}
.price .roomslider-nav {margin-top: 17px;}
.price .slick-slide {margin: 0 8px;}
.price .slick-list {margin: 0 -8px;}
.price .txt {margin-bottom: 65px;}
.price .preise-titel { font-family: 'Covered By Your Grace', cursive; font-size: 30px; color: #363b2d; font-weight: bold; }

.weitereinfos {
  margin-bottom: 80px;
}

.weitereinfos li { font-size: 18px; list-style: none; line-height: 25px; }
.weitereinfos li:before {content: "\f00c"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; color: #76a379; }

.card-header {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    border: 0;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: .25rem;
}

.card-header button::after {
    content: "\f106";
    font-family: 'FontAwesome';
    font-weight: 900;
    transform: rotate(0deg);
    transition: all 0.5s;
    display: inline-block;
}

.card-header button.collapsed::after {
    transform: rotate(-180deg);
}

.accordion button {
    text-transform: uppercase;
    text-decoration: none;
    color: #414141;
    font-size: 19px;
    letter-spacing: 2px;
    padding: 5px 0;
    font-weight: 600;
    transition: all 0.5s;
    outline: none;
    border: none;
}

.accordion button:hover, .accordion button:focus, .accordion button:active, .accordion button:visited, .accordion button:active:focus {
    color: #34200c;
    text-decoration: none;
    outline: none;
    border: none;
    outline-offset: 0;
}
.accordion li {
    margin: 9px 0px;
}
.accordion .card-body p {  font-size: 18px; margin-bottom: 10px; margin-top: 10px;}
/* Anfrage
---------------------------------------------*/


/* Colazione Breakfast Form
----------------------------------------------*/
#colazione-form .form-group { margin:0; }
#colazione-form .form-field .col-sm-4, #colazione-form .form-field .col-sm-8 {padding: 0;}
#colazione-form .form-field { margin: 20px 0 30px 0; }
#colazione-form label {padding-top: 4px; font-weight: 400;}
#colazione-form input.datepicker {background: url(../images/cal.png) no-repeat 95% center #fff;cursor: pointer;}
#colazione-form .privacy { font-size: 14px; }
#colazione-form .btn-default { margin-left: 30px; }
#colazione-form .colazione .form-data { background-color:#e0e0e0; padding: 20px; }
#colazione-form .colazione label { width: 85%; }
#colazione-form .colazione input[type=checkbox] {
  width: 10%;
  float: right;
  margin-left: 5%;
}
#colazione-form .colazione input[type="checkbox"]:focus {
  outline: none;
  border: none;
  box-shadow: none;
}
#colazione-form .colazione span {
  float: right;
  color: #34200c;
  font-family: 'Covered By Your Grace', cursive;
  font-size: 36px;
}
#colazione-form .colazione li {
  font-size: 16px;
}

/* Gallery
----------------------------------------------*/

#gallery {padding: 40px 0 100px 0; background: #ffffff;}
#gallery .gallery-img img {width: 100%;margin-bottom: 30px;}
#gallery ul li {list-style: none;padding: 0;display: inline-block;margin: 0 10px 20px;}

/* sommer
----------------------------------------------*/

#sommer {padding: 0;position: relative;background: #ffffff;}
#sommer .container {width: 700px;padding-left: 100px;text-align: left;position: relative;}
#sommer h3 {font-family: 'Covered By Your Grace', cursive; font-size: 52px;font-weight: 600;color: #fff;}
#sommer h4 {font-family: 'Covered By Your Grace', cursive; font-size: 34px;line-height: 38px;font-weight: normal;color: #fff;font-style: italic; }
#sommer p {font-size: 18px;color: #fff;}
#sommer .so-top {position: absolute;top: 0;left: 0;width: 100%;height: 89px;background: url(../images/m2.png) repeat-x center top;background-size: 100% auto;z-index: 10;}
#sommer .sommer-item {background: no-repeat center center;background-size: cover;padding: 350px 0 315px;}
#sommer p.nr {font-size: 12px;opacity: .8;}
.so-dots {display: inline-block;}
.so-next, .so-prev {font-size: 12px;color: #000;cursor: pointer;}
#sommer .slick-dots li {position: relative;}
#sommer .slick-dots li .info {width: 0;height: 0;position: absolute;bottom: 20px;left: 0px;line-height: 9px;margin: 0;padding: 0;white-space: nowrap;text-transform: uppercase;list-style: none;color: #fff;font-weight: bold;font-size: 18px;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
#sommer .slick-dots li button {background: rgba(0,0,0, .23);}
#sommer .slick-dots li.slick-active button {background: #fff;}
#sommer .slick-slide {margin: 0px;}
#sommer .slick-list {margin: 0px;}
#sommer .controls {position: absolute;bottom: 85px;width: 100%;z-index: 10;}
#sommer .list {position: absolute;bottom: 20px;left: 170px;line-height: 42px;font-weight: bold;margin: 0;padding: 0;text-transform: uppercase;list-style: none;color: #fff;font-weight: bold;font-size: 13px;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
#sommer .stitle {display: none;}
#sommer .so-bottom {position: absolute;bottom: -1px;left: 0;width: 100%;height: 74px;background: url(../images/m3.png) repeat-x center bottom;background-size: 100% auto;z-index: 10;}


.sommer #angebote .an-top {background: url(../images/m3.png) repeat-x center bottom; top:-88px;}

/* winter
----------------------------------------------*/

#winter {padding: 0;position: relative;margin-top: -89px;z-index: 10;}
#winter .container {width: 580px;padding-left: 130px;text-align: left;position: relative;}
#winter h3 {font-size: 52px;font-weight: normal;color: #fff;}
#winter h4 {font-size: 32px;line-height: 52px;font-weight: normal;color: #fff;}
#winter p {font-size: 18px;color: #fff;}
#winter .wi-bottom {position: absolute;bottom: 0;left: 0;width: 100%;height: 89px;background: url(../images/m3.png) repeat-x center bottom;background-size: 100% auto;z-index: 10;}
#winter .winter-item {background: no-repeat center center;background-size: cover;padding: 350px 0 315px;}
#winter p.nr {font-size: 12px;opacity: .8;}
.wi-dots {display: inline-block;}
.wi-next, .wi-prev {font-size: 12px;color: #000;cursor: pointer;}
#winter .slick-dots li {position: relative;}
#winter .slick-dots li .info {width: 0;height: 0;position: absolute;bottom: 20px;left: 0px;line-height: 9px;margin: 0;padding: 0;white-space: nowrap !important;text-transform: uppercase;list-style: none;color: #fff;font-weight: bold;font-size: 13px;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
#winter .slick-dots li button {background: rgba(0,0,0, .23);}
#winter .slick-dots li.slick-active button {background: #fff;}
#winter .slick-slide {margin: 0px;}
#winter .slick-list {margin: 0px;width: 100%;}
#winter .controls {position: absolute;bottom: 65px;width: 100%;z-index: 10;}
#winter .list {position: absolute;bottom: 20px;left: 170px;line-height: 42px;font-weight: bold;margin: 0;padding: 0;text-transform: uppercase;list-style: none;color: #fff;font-weight: bold;font-size: 13px;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
#winter .stitle {display: none;}

.winter #angebote .an-top {background: none;}

/* Angebote
------------------------------------------------*/

#angebote {padding: 100px 0 40px; position: relative;}
#angebote .container {max-width: 915px;}
#angebote .nr {margin: 0 0 0 316px;font-size: 12px;}
#angebote h2 {font-size: 52px;line-height: 60px;margin: 0 0 0 316px;font-weight: normal;}
#angebote h3 {font-size: 34px;margin: 0 0 45px 316px;font-weight: normal;}

#angebote img {margin-bottom: 30px;}
#angebote .title {display: block;font-weight: bold;color: #34200c;}
/*#angebote .btn {margin-top: 30px;}*/

#angebote .an-top {position: absolute;top: 0;left: 0;width: 100%;height: 89px;background: url(../images/m2.png) repeat-x center top;background-size: 100% auto;z-index: 10;}

.einzel-angebot .th-dots { display: none; }


/* Kontakt
------------------------------------------------*/
.kontakt-seite #hotel {
  padding-bottom: 0;
}


#kontakt {background: #76a379;padding: 70px 0 66px;text-align: center;color: #ffffff;position: relative;}
#kontakt .footer_bottom { position: absolute;bottom: -1px;left: 0;width: 100%;height: 185px;background: url(../images/footer.png) repeat-x center bottom;background-size: 100% auto; z-index: 1;}
#kontakt .social {margin: 10px 0;}
#kontakt .social img {margin: 0 4px;}
#kontakt .col-sm-10 {padding: 0;margin: 0 auto;float: none; z-index: 5;}
.anschrift p:first-child { font-weight: 500; }
.anschrift p {margin-bottom: 5px;font-size: 21px;font-weight: 300;}
.anschrift p.m0 {margin: 0;}
.anschrift a {color: #ffffff!important; font-weight: 300;}
.anschrift a:hover {color: #363b2d!important;}

.roterhahn { margin: 20px auto 30px auto; }

/* MAP
------------------------------------------------*/
.map { padding: 50px; background: #e5e1dd;}
/* Footer
------------------------------------------------*/

#icons {padding: 14px 0;background: #fff;}
#icons img {margin: 0 25px;}
footer {padding: 0;}
footer p {margin: 0;color: #34200c;}
footer a {color: #34200c;}
.footernav p {font-size: 15px; font-weight: 300; }
.footernav a {color: #fff; font-weight: 300; }
.footernav a:hover {text-decoration: underline;}

#mapcontent {width: 100%;height: 430px;}

/* Helper
------------------------------------------------*/

.well {background: none;border: 1px solid #C8B5B0;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;}
.divider {height: 1px;display:block;margin: 15px 45px;overflow: hidden;background-color: #C1B08C;clear: both;}
.divider_h {height: 34px;width:100%;display:block;margin: 20px 0;overflow: hidden;background: url(../images/divider.png) no-repeat center top; }
.btn-circle {width: 70px;height: 70px;margin-top: 15px;padding: 7px 16px;border: 2px solid white;border-radius: 100% !important;font-size: 40px;color: white;background: transparent;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
.btn-circle:hover,.btn-circle:focus {outline: none;color: white;background: rgba(255, 255, 255, 0.1);}
.btn-circle i.animated {-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;}
.btn-circle:hover i.animated {-webkit-animation-name: pulse;-moz-animation-name: pulse;-webkit-animation-duration: 1.5s;-moz-animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;}
@-webkit-keyframes pulse {
  0% {-webkit-transform: scale(1);transform: scale(1);}
  50% {-webkit-transform: scale(1.2);transform: scale(1.2);}
  100% {-webkit-transform: scale(1);transform: scale(1);}
}
@-moz-keyframes pulse {
  0% {-moz-transform: scale(1);transform: scale(1);}
  50% {-moz-transform: scale(1.2);transform: scale(1.2);}
  100% {-moz-transform: scale(1);transform: scale(1);}
}

.content-section {padding-top: 80px;}

.btn {font-weight: 600;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border-radius: 4px;padding: 13px 30px;text-transform: none;font-weight: bold;letter-spacing: 2px;font-size:13px;}
.btn .glyphicon {font-size: 10px;}
.btn-blue {background: #718CC1;border: 0;border-radius: 0;color: #fff;font-size: 14px;padding: 9px 30px;}
.btn-blue:hover {background: #6278A6;color: #fff;}
.btn-green {background: #7F932C;border: 0;border-radius: 0;color: #fff;font-size: 14px;padding: 9px 30px;}
.btn-green:hover {background: #607122;color: #fff;}
.btn-primary {background: #34200c;border: 0;border-radius: 0;color: #fffdfd;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.active:hover, .btn-primary:active, .btn-primary.active {background: #fff;border: 0;color: #282828;}
.btn-default {border: 1px dotted #100E0D;color: rgba(40,40,40, .85);background-color: transparent;font-size: 14px;font-weight: bold;line-height: 33px;padding: 0 40px;border-radius: 15px;}
.btn-default:hover, .btn-default:focus {outline: none;color: #fff;background-color: #34200c;}
.btn-white {border-bottom: 2px solid #ffffff; border-radius: 0; color:#ffffff;background-color: transparent;font-size: 15px;font-weight: bold;line-height: 33px;padding: 0; border-left: none; border-right: none; border-top: none; text-transform: uppercase;}
.btn-white:hover, .btn-white:focus {outline: none;border:none;color: #000000;border-bottom: 2px solid #000000; border-left: none; border-right: none; border-top: none;}
ul.banner-social-buttons {margin-top: 0;}
@media (max-width: 1199px) {
  ul.banner-social-buttons {margin-top: 15px;}
}
@media (max-width: 767px) {
  ul.banner-social-buttons li {display: block;margin-bottom: 20px;padding: 0;}
  ul.banner-social-buttons li:last-child {margin-bottom: 0;}
}
::-moz-selection {text-shadow: none;color: #fff;background: #736860;}
::selection {text-shadow: none;color: #fff;background: #8A4748;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
body {webkit-tap-highlight-color: #8A4748;}
::-webkit-input-placeholder {color:#282828 !important;line-height: normal;opacity: 1 !important;}
:-moz-placeholder {color:#282828 !important;line-height: normal;opacity: 1 !important;}
::-moz-placeholder {color:#282828 !important;line-height: normal;opacity: 1 !important;}
:-ms-input-placeholder {color:#282828 !important;line-height: normal;opacity: 1 !important;}

.float-left {float:left;}
.float-right {float:right;}


#lts-eventfinder { text-align: left; }
#lts-eventfinder .row { margin: 0; }

#lts-eventfinder .lcswdgtevents .filter-info .data-block { background-color: #f5e3d0!important; }
#lts-eventfinder .lcswdgtevents .filter-info .sort-bar { background-color: #f5e3d0!important; }
#lts-eventfinder .lcswdgtevents .date-title { background-color: #f5e3d0!important; }

/* ROT */
#lts-eventfinder .box-search .box-header { color: #34200c!important; }
#lts-eventfinder .box-search .row-search-text .button-ok { background-color: #34200c!important; }
#lts-eventfinder .lcswdgtevents .item .module-title { color: #34200c!important; font-size: 16px!important; }
#lts-eventfinder .button-primary { background-color: #34200c!important; border: none!important; }
#lts-eventfinder .lcswdgtevents .filter-info .search-count { color: #34200c!important; }
#lts-eventfinder .calendar-events .ui-datepicker-current-day.active-date a { background-color: #34200c!important; }
#lts-eventfinder .calendar-events .active-date .ui-state-default { background-color: #34200c!important; }
#lts-eventfinder .lcswdgtevents .detail .block-title .title { color: #34200c!important; }
/* GRÜN */
#lts-eventfinder .box-search .block-accordion .accordion-header { color: #000000!important; }
#lts-eventfinder .box-search .reset-button  { background-color: #34200c!important; }
#lts-eventfinder .lcswdgtevents .item .subtitle { color: #000000!important; }
#lts-eventfinder .lcswdgtevents .show-on-map { color: #000000!important; }
#lts-eventfinder .lcswdgtevents .detail .block-title .sub-title { color: #000000!important; }
#lts-eventfinder .lcswdgtevents .detail .block-infos a { color: #000000!important; }



/* Mobile
---------------------------------------------*/

@media (max-width: 1600px) {
  .navbar-custom .navbar-header { max-width:276px; }
  .hofladen #hotel {
    background-size: 200px 134px, 150px 140px;
  }
}
@media (max-width: 1350px) {
         .container {width: 96%;}
         .navbar-custom .nav li a, .language-selector li a {padding-left: 10px;padding-right: 10px;font-size: 16px;}
         .carousel-caption h3 {font-size: 35px;line-height: 37px;}
         .carousel-caption p {font-size: 30px;line-height: 32px;}
         #anfrage {padding: 5px 25px;}
         .navbar-custom .m1 {bottom: -15px;}

}
@media (max-width: 1200px) {
  .logo { margin-left: 7px; }
  .navbar-custom .navbar-header { max-width:244px; }
  #site-nav .col { padding: 29px 7px; }
}
@media (max-width: 1100px) {
         .carousel-caption h3 {font-size: 30px;line-height: 32px;}
         .carousel-caption p {font-size: 24px;line-height: 26px;}
         .carousel-caption {padding: 15px 0;}
         .navbar-custom .nav li a {padding-left: 8px;padding-right: 8px;}
         .carousel-control {bottom: 100px;}
         #anfrage input[type="text"], #anfrage select {max-width: 100px;padding: 20px 20px 30px;font-size: 18px;}
         #hotel .content-section {margin-top: 0;padding-top: 40px;}
         #anfrage, .navbar-custom .m1 {display: none;}
         .navbar-custom .navbar-header {background: none;}

}
@media (max-width: 980px) {
         .carousel-caption h3 {font-size: 20px;line-height: 22px;}
         .carousel-caption p {font-size: 18px;line-height: 20px;}
         .carousel-caption {width: 90%;margin: 0 auto;left: 0;}
         .carousel-caption {position: relative;}
         .carousel {background:#E9D1B8;}
         .navbar-custom .nav li {min-width: 10px;}
         .navbar-custom .nav li a, .navbar-custom .nav li:hover a, .navbar-custom .nav li.dropdown:hover a {background-image: none !important;padding-top: 10px;color: #fff;font-weight: bold;background: none !important;}
         .top-nav-collapse .nav li a {padding: 0 15px !important;}
         .navbar-nav li:hover .dropdown-menu {padding-top: 40px;}
         .language-selector {position: absolute;right: 10px;top: 30px;}
         .navbar-custom .navbar-header {max-width: 200px;}
         .navbar-brand > img {width: 100%;}
         .collapsing .navbar-nav {display: none;}
         .navbar-custom.top-nav-collapse {display: none;}
         .navbar-toggle {margin-top: 0;margin-right: 0;display: block;}
         .navbar-collapse.collapse {display: none !important;}
         .navbar-collapse.collapse.in {display: block !important;}
         .navbar-header .collapse, .navbar-toggle {display:block !important;}
         .navbar-nav {background: #000;left: 0;margin: 0;position: absolute;top: 0px;width: 100%;text-align: left;z-index: 2;}
         .nav > li > a {display: block;}
         .navbar-nav > li {float: none;}
         #site-nav .col { padding: 4px 0; }
         #sommer .sommer-item, #winter .winter-item {padding: 150px 0;}
         #sommer .slick-dots li .info, #winter .slick-dots li .info {display: none;}
         #sommer .container, #winter .container {width: 90%;padding: 0;}
         #angebote h3, #angebote h2, #angebote .nr {margin-left: 0;}
         #hotel .back_img {margin: 0;}
         .price table {margin-top: 50px;}
         .table-responsive {border: 0;}
         .appartment .row {  display: block; }
         .appartment .app-bild div { height: 500px; }
         .appartment .show-mobile {display: block!important;}
         .appartment .show-desktop {display: none!important;}
         #zimmer-info { background-size: auto; background-position: center top;}

}
@media (max-width: 768px) {
        .hamburger { margin-top: 10px; margin-bottom: 10px; }
        .navbar-custom .navbar-header {float: left;width: 150px;}
        .navbar-custom:after {top:63px; background-image: url(../images/bkg1-mobile.png); height: 33px;}
        .sl_bottom { height: 30px; }
        .intro {padding: 62px 0 0 0; }
        .intro .controls .left, .intro .controls .right { bottom: -50px;}
        #site-nav { width: 210px; }
        #site-nav h4 { font-size: 18px; }
        .header-details { display: none;}
         .carousel-control {bottom: 0px;}
         #kontakt .anschrift, #kontakt .social {float: none;width: 100%;margin-bottom: 1px;}
         .top-nav-collapse .navbar-nav {top: 0;}
         #anfrage input[type="text"], #anfrage select {max-width: none;background-position: 98% center;padding: 10px;font-size: 18px;}
         #wetter table {width: 100%;}
         #wetter td img {max-width: 100%;}
         .hotel-slider {overflow: hidden;}
         #zimmer .room-dots1, #zimmer .room-dots2, #zimmer .room-dots3, #zimmer .room-dots4, #zimmer .room-dots5, #zimmer .room-dots6 { display: none;}
         #zimmer .room-prev1, #zimmer .room-prev2, #zimmer .room-prev3, #zimmer .room-prev4, #zimmer .room-prev5, #zimmer .room-prev6 {float: left;margin: 10px 0;}
         #zimmer .room-next1, #zimmer .room-next2, #zimmer .room-next3, #zimmer .room-next4, #zimmer .room-next5, #zimmer .room-next6 {float: right;margin: 10px 0;}
         .accordion button {white-space: normal; text-align: left;}
		     .appartment .app-text div { margin: 20px; padding: 30px; }
         .appartment .app-bild div { height: 300px; }
         #colazione-form .colazione span { display: block; float: none;}
         h1 { font-size: 40px;}
         h2 { font-size: 28px;}
         .appartment h3, .appartment h4 { font-size: 28px;}

}
@media (max-width: 500px) {
         #wetter th, #wetter td {padding: 0 3px;}
         .th-prev, .th2-prev, .ang-prev, .r-prev {float: left;margin: 10px 0;}
         .th-next, .th2-next, .ang-next, .r-next {float: right;margin: 10px 0;}
         .navbar-custom .navbar-header {width: 126px;}
         .hamburger span.apri { display: none; }
         .appartment .app-bild div { height: 220px; }
         .hofladen #hotel {
           background-size: 100px 67px, 0 0;
         }
}


#outer {
  float: left;
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}

#left-button {
  float: left;
  width: 30px;
  text-align: center;
}

#right-button {
  float: left;
  width: 30px;
  text-align: center;
}


#inner:first-child {
  margin-left: 0;
}

label {
  margin-left: 10px;
}

.hide {
  display: none;
}

/* Pfeile Scroll Preise */

.menu-wrapper {
  position: relative;
  max-width: 500px;
  height: 100px;
  margin: 1em auto;
  border: 1px solid black;
  overflow-x: hidden;
  overflow-y: hidden;
}

.menu {
  height: 120px;
  background: #f3f3f3;
  box-sizing: border-box;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.menu .item {
  display: inline-block;
  width: 100px;
  height: 100%;
  outline: 1px dotted gray;
  padding: 1em;
  box-sizing: border-box;
}

.paddle {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3em;
}

.left-paddle {
  left: 0;
}

.right-paddle {
  right: 0;
}

.hidden {
  display: none;
}

.print {
  margin: auto;
  max-width: 500px;
}
.print span {
  display: inline-block;
  width: 100px;
}

.table-responsive
{
	white-space: nowrap;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
	display: inherit;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 22px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(81,61,54,0.8);
    border-radius: 10px;
    border: 2px solid #ffffff;
	-WebKit-box-shadow: 0 0 1px rgba(81,61,54,0.8);
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}



.btnanfrage
{
  background: #34200c !important;
  color: white !important;
  border: none;
  margin-bottom: 30px;
  margin-top: 40px;
  font-weight: normal;
}

.offerta-part h2
{
  margin: 10px 0px !important;
}

.fastrtequestcontainer
{
	background-color: #f5f4f2;
}

.fastrequest
{
	margin: 40px 0px -20px;
}

.kontaktsite .fastrtequestcontainer
{
	display: none !important;
}



/* Anfrage Richiesta */
form#anfrage {
  display: flex;
  flex-wrap: wrap;
	margin-top: 30px;
}
form#anfrage .form-field {
	padding-left: 10px;
	padding-right: 10px;
}
form#anfrage .form-label {
	display: none;
}
form#anfrage input, form#anfrage textarea, form#anfrage select {
    position: relative;
    width: 100%;
    height: 50px;
    border-radius: 0;
		border: none;
    background: #d7d7d7;
    padding: 10px 20px;
    transition: all 500ms ease;
    margin-bottom: 20px;
}


form#anfrage input[type="date"]:before {
    color: #525252;
    content:attr(placeholder);
	  margin-right: 10px;
}
form#anfrage textarea {
	height: 200px;
}
form#anfrage input:focus-visible, form#anfrage textarea:focus-visible, form#anfrage select:focus-visible {
	outline: none;
	-webkit-box-shadow: 0px 0px 3px 0px #1b5239;
	box-shadow: 0px 0px 3px 0px #1b5239;
}
form#anfrage label, form#anfrage label a {
  font-weight: normal;
  font-size: 15px;
  color: #34200c
}

form#anfrage .buttons {
	padding-left: 25px;
	padding-right: 25px;
}
form#anfrage .button {
  cursor: pointer;
  display: inline-block;
  height: 50px;
  position: relative;
  line-height: 50px;
	font-size: 21px;
  padding-left: 1em;
  padding-right: 1em;
  background: #5a973b;
  color: #ffffff;
	font-family: 'Advent Pro', sans-serif;
	letter-spacing: 5px;
	text-transform: uppercase;
	transition: all 1s ease;
	margin-top: 30px;
	border: none;
}

form#anfrage .button:after {
  content: "";
	border-left: 25px solid #5a973b;
  position: absolute;
  border-bottom: 25px solid transparent;
  border-top: 25px solid transparent;
  height: 0px;
  width: 0px;
  margin-right: -25px;
  right: 0;
	transition: all 1s ease;
}

form#anfrage .button:hover, form#anfrage .button:active {
  background: #1b5239;
  color: #ffffff;
	padding-right: 3em;
	letter-spacing: 6px;
}
form#anfrage .button:hover:after, form#anfrage .button:active:after {
	border-left: 25px solid #1b5239;
}



form#anfrage .form-field .form-input-wrapper > div:first-of-type, form#anfrage .form-field .form-select-wrapper > div:first-of-type, form#anfrage .form-field .form-textarea-wrapper > div:first-of-type
{
  display: none !important;
}

form#anfrage .form-field .form-input-wrapper > div:last-of-type, form#anfrage .form-field .form-select-wrapper > div:last-of-type, form#anfrage .form-field .form-textarea-wrapper > div:last-of-type
{
  width: 100%;
}

.checkboxfield label
{
  font-weight: 100;
}

.checkboxfield .form-input-wrapper
{
  display: flex;
}

section.contatti
{
  margin-bottom: 50px;
}

form#anfrage input[type=checkbox] {
    width: 15px;
    height: 15px;
}

.theme-btn
{
  cursor: pointer;
    display: inline-block;
    height: 50px;
    position: relative;
    line-height: 50px;
    font-size: 21px;
    padding-left: 1em;
    padding-right: 1em;
    background: #34200c;
    color: #ffffff;
    letter-spacing: 5px;
    text-transform: uppercase;
    transition: all 1s ease;
    margin-top: 30px;
    border: none;
}