@charset "utf-8";

@import url("/css/coco.min.css");
@import url("/css/lightcase.css");
@import url("/css/formular.css");
@import url("/css/font-awesome.min.css");
@import url(slick/slick.css);
@import url(slick/slick-theme.css);


/* ##### Desktop ##### */
@import url("/css/desktop.css") screen and (min-width: 960px) and (orientation: landscape);	

/* ##### Smartphones + Tablets quer ##### */
@import url("/css/tablets.css") screen and (max-width: 959px) and (orientation: landscape);

/* ##### Smartphones + Tablets hochkant ##### */
@import url("/css/smartphones.css") screen and (max-width: 959px) and (orientation: portrait);

@font-face {
  font-family: 'Alegreya SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/AlegreyaSC.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/LoraItalic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/LoraItalic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Lora.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Lora.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/WorkSans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype');
  font-weight: normal;
  font-style: normal;
}



/* ##### Allgemein ##### */

* { margin: 0; padding: 0; }
body, html { font-size: 16px; font-family: 'Work Sans', sans-serif; background: #fffbe5; color: #000; }

h1 { color: #881620; font-family: 'Alegreya SC', serif; font-weight: normal; font-size: 6rem; text-align: center;  }
h2 { color: #881620; font-family: 'Alegreya SC', serif; font-weight: normal; font-size: 1.75rem; text-align: center; margin-bottom: 2rem; }
h3 { color: #f4edc3; font-family: 'Alegreya SC', serif; font-weight: normal; font-size: 1.5rem; text-align: left; margin-bottom: 1.5rem; }
h4 { background: #680e05; /* Old browsers */
background: -moz-linear-gradient(top, #680e05 1%, #881620 50%, #680e05 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #680e05 1%,#881620 50%,#680e05 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #680e05 1%,#881620 50%,#680e05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#680e05', endColorstr='#680e05',GradientType=0 ); /* IE6-9 */ color: #fff; font-family: 'Alegreya SC', serif; font-weight: normal; font-size: 1.75rem; text-align: left; padding: 2px 10px 5px; margin-bottom: 20px; }
h4 span { font-size: 1.25rem; }

p { font-size: 1rem; margin-bottom: 1rem; line-height: 1.5; }

a, a:link, a:visited { color: #881620; text-decoration: none; border: none; }
a:hover, a:focus, a:active { color: #000; }

ul li { list-style: none;}

hr.clear { clear: both; border: none; }

#header { z-index: 1 !important; background: #680e05; /* Old browsers */
background: -moz-linear-gradient(top, #680e05 1%, #881620 50%, #680e05 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #680e05 1%,#881620 50%,#680e05 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #680e05 1%,#881620 50%,#680e05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#680e05', endColorstr='#680e05',GradientType=0 ); /* IE6-9 */ overflow: auto; }
/*#header .pagemargin { background: url('/img/site/header.png') center no-repeat; }*/
.verlauf { background: #680e05; /* Old browsers */
background: -moz-linear-gradient(top, #680e05 1%, #881620 50%, #680e05 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #680e05 1%,#881620 50%,#680e05 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #680e05 1%,#881620 50%,#680e05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#680e05', endColorstr='#680e05',GradientType=0 ); /* IE6-9 */ }
.logo { text-align: center; margin: 0 auto; display: block; }
.slider { margin-top: 30px; }
.slider img { width: 100%; }

/* ##### Startseite ##### */

.info { border-top: 1px solid #881620; }
.index p { text-align: center; }

.anrufen { background: #680e05; /* Old browsers */
background: -moz-linear-gradient(top, #680e05 1%, #881620 50%, #680e05 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #680e05 1%,#881620 50%,#680e05 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #680e05 1%,#881620 50%,#680e05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#680e05', endColorstr='#680e05',GradientType=0 ); /* IE6-9 */ color:#fff; font-family: 'Alegreya SC', serif; font-weight: normal; padding: 1.5rem 0 1rem; } 
.anrufen p { font-size: 1.5rem; text-align: center;  }
.anrufen p span { font-size: 1.75rem; }

/* ##### Unterseiten zweispaltig ##### */

.left strong { color: #881620; font-family: 'Alegreya SC', serif; font-weight: normal; font-size: 1.25rem; }
.sector table { line-height: 1.7; }
.sidebar h2 { background: #680e05; /* Old browsers */
background: -moz-linear-gradient(top, #680e05 1%, #881620 50%, #680e05 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #680e05 1%,#881620 50%,#680e05 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #680e05 1%,#881620 50%,#680e05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#680e05', endColorstr='#680e05',GradientType=0 ); /* IE6-9 */ color: #f3edc3; margin-bottom: 0; }
.sidebartext p { text-align: left; }

/* ##### Anfahrts-Karte ##### */

#map_canvas { width: 100%; border: none; }
#map_canvas h5 { text-transform: none; font-size: 1.75em; color: #881620; margin: 0; }
#map_canvas p { font-size: 1em; color: #000000; line-height: 1.25em; }

/* ##### Footer ##### */

#footer { background: #680e05; /* Old browsers */
background: -moz-linear-gradient(top, #680e05 1%, #881620 50%, #680e05 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #680e05 1%,#881620 50%,#680e05 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #680e05 1%,#881620 50%,#680e05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#680e05', endColorstr='#680e05',GradientType=0 ); /* IE6-9 */ color: #f4edc3; }
#footer p { text-align: left; }
#footer a, #footer a:link, #footer a:visited { color: #f4edc3; text-decoration: none; border: none; }
#footer a:hover, #footer a:focus, #footer a:active { color: #fff; }
.adresse p { text-align: left; font-size: 1rem; }