@charset "utf-8";
/* CSS Document */

/*

font:400 12px/120% 'Open Sans', Arial, sans-serif;
font:400 12px/120% 'Raleway', sans-serif;
font:400 12px/120% 'Ubuntu', "Trebuchet MS", sans-serif;

box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;


background-size: px px;
	-webkit-background-size:

position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);

content: '\f054';
    font-family: "FontAwesome";
    font-size:14px;
    color: #5F5F5F;


*/

body.mceContentBody { overflow: auto; background-color: #FFFFFF; }

/* Package slider */
.art_element.art_group.pkgslider .pkg_c .pkg_inner > .art_element
{
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-right: 10px;

}


.content
{
    font:500 15px/180% 'Raleway', sans-serif;
    color:#373739;
}

.content ul
{
    margin: 0;
    padding: 0;
	display:table;
	list-style: none;
    position: relative;
}

.content li
{
    padding-left: 22px;
    padding-bottom: 5px;
    position: relative;
    background: url(../img/menu_bg2.png) no-repeat;
    background-position: left 10px;
    background-size:8px auto;
}

.content ul li::before
{

}

.content a
{
	color:#990000;
	text-decoration:underline;
}

.content a:hover
{
    color: #373739;
}

a.art_anchor,
.content a.art_anchor
{
	position: absolute;
    top: 0;
    margin-top: -60px;
	text-decoration:none;
    width: 10px;
    height: 1px;
}


.content > .art_element.cols_twelve > .art_headline,
.content > .art_element.cols_twelve > .art_inner
{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    float: none;
}

.content > .art_element.art_group.cols_twelve > .art_inner
{
    max-width: 1096px;
}

/*Headlines*/
.headline,
.art_element .art_headline,
.art_element .art_headline h3,
.art_element.art_cols .art_col h4.coltitle
{
    text-align: center;
    font:500 24px/120% 'Ubuntu', "Trebuchet MS", sans-serif;
    letter-spacing: 0;
	color:#6E6766;
}

.art_element .art_headline > *
{
    margin-top: 0 !important;
}

.content > .headline > *
{
    max-width: 1000px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

h1,h2,h3,h4,h5,h6
{
    margin-bottom:0;
    font-weight: 500;
}

h1.headline,
.art_headline h1
{
    margin-top: 70px;
    padding-top: 65px;
    background: url(../img/title_bg.png) no-repeat center top;
    background-size: 160px auto;
    -webkit-background-size: 160px auto;
    font-size: 30px;
    font-weight: bold !important;
    color: #665B58;
}

h2.headline,
.art_headline h2
{
    text-align: center;
    font:500 20px/120% 'Raleway', sans-serif;
    color: #9B0000;
}

h4.headline,
.art_headline h4,
h5.headline,
.art_headline h5,
h6.headline,
.art_headline h6,
.art_element.art_cols .art_col h4.coltitle
{
    text-align: left;
}

.art_element.art_cols .art_col h4.coltitle
{
    margin-bottom: 10px;
}

.art_element.art_group > .art_inner > .headline.subtitle:first-child
{
    margin-top: 14px;
}

.art_element.mittig_titel .art_headline,
.headline.mittig_titel
{
    text-align: center;
}

.art_element.text_align_center > .art_inner
{
    text-align: center;
}

.art_element.text_align_center > .art_inner ul
{
    margin: 0 auto;
}

.art_element.text_align_center > .art_inner ul li
{
    margin: 0 auto;
    display: table;
    float: none;
    text-align: center;
}

/*Button Element*/
.art_element.art_button,
.art_element.art_packages .art_pack_link
{
	padding-top:10px;
	padding-bottom:20px;
    margin-top: 0;
}

.art_element.art_button a,
.art_element.art_packages .art_pack_link a
{
	min-width:150px;
	padding:9px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    position: relative;

	background-color:#CC3E20;
    transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;

    font:400 16px/120% 'Ubuntu', "Trebuchet MS", sans-serif;
	color:#FFF !important;
	text-decoration:none !important;
	text-align:center;
    text-shadow: none;
}

.art_element.art_button a::after
{

}


.art_element.art_button a:hover,
.art_element.art_packages .art_pack_link a:hover
{
	background-color:#EA8B77;
}

/*Table Element*/
.art_element.art_table table
{
	border-collapse:collapse;
}

.art_element.art_table thead
{

}

.art_element.art_table th
{
	padding:20px 25px;
	background-color:#9C0001;
    border: 1px solid #DEDEDC;

	font:700 17px/120% 'Ubuntu', "Trebuchet MS", sans-serif;
	letter-spacing:0;
	color:#fff;
	text-align:center;
    text-transform: uppercase;
}

.art_element.art_table th:first-child,
.art_element.art_table th.text_align_left
{
	text-align:left;
}

.art_element.art_table th span
{

}


.art_element.art_table td
{
	padding:20px 25px;

	background-color:#FFF;
    border: 1px solid #DEDEDC;

	font:400 16px/120% 'Ubuntu', "Trebuchet MS", sans-serif;
	text-align:center;
    color: #4C4C4C;
}

.art_element.art_table td:first-child
{
}

.art_element.art_table td span
{
}



.art_element.art_table td.text_align_left,
.art_element.art_table td:first-child
{
	text-align:left;
}

.art_element.art_table tr:nth-child(2n) td
{
	background-color:#F0F0F0;
}

/*Package Element*/
.art_element.art_group.pkgslider .pkg_c .pkg_inner > .art_element
{
    margin-top: 35px;
}

.art_element.art_packages
{
    padding: 0 !important;
    position: relative;
    background-position: center;
    background-size: cover cover;
    background-repeat: no-repeat;
}

.art_element.art_packages::before
{
    width: 100%;
    height: 100%;
    content: "";
    overflow: hidden;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.art_element.art_packages .art_inner
{
    height: 272px;
    padding:27px 23px;
    position: relative;
    z-index: 2;
    font:400 14px/160% 'Ubuntu', "Trebuchet MS", sans-serif;
    text-shadow: 1px 1px #333;
    color: #fff !important;
    background:url(../img/package_bg.png) repeat-x 0 -9px;
    border: 9px solid rgba(255,255,255,0.5);
    background-size: 35px auto;
}

.art_element.art_packages .art_inner::before
{
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #9C0001;
  transform: scaleY(0);
  transform-origin: 0 50%;
  transition: transform .3s ease-out;
}
.art_element.art_packages:hover .art_inner:before{transform: scaleY(1);}

.art_element.art_packages .art_headline
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.art_element.art_packages .art_headline > *
{
    margin-bottom: 0;
    font:700 20px/120% 'Ubuntu', "Trebuchet MS", sans-serif;
    text-transform: uppercase;
    text-align: left;
    color: #fff !important;
}

.art_element.art_packages .art_pack_date
{
    margin-bottom: 12px;
    font:400 17px/120% 'Raleway', sans-serif;
}

.art_element.art_packages .art_pack_link
{
    margin-top: 20px;
    padding-bottom: 10px;
    text-align: right;
    position: absolute;
    bottom: 25px;
    right: 23px;
}


.art_element.art_group.pkgslider > .art_inner
{
    max-width: 1200px;
    display: block;
    overflow: hidden;
}

/*Highlight Element*/
.art_element.highlight
{
    background: url(../img/highlight_bg.png) repeat-x bottom center;
    background-size: 150px auto;
    background-color:#9C0001;
}

.art_element.highlight .art_headline > *,
.art_element.highlight .headline
{
    color: #fff !important;
}

.art_element.highlight .art_inner
{
    color: #FFF !important;
    font-weight: 600;
}

.art_element.highlight .art_inner a
{
    color: #fff;
}

.art_element.highlight .art_inner a:hover
{
    color: #E57960;
}

.art_element.highlight .art_button a
{
}

.art_element.highlight .art_button a:hover
{
}



@media( max-width: 1020px)
{
    /*headlines*/
    .headline, .art_element .art_headline, .art_element .art_headline h3, .art_element.art_cols .art_col h4.coltitle
    {
        font-size: 22px;
    }

    h1.headline, .art_headline h1
    {
        margin-top:55px;
        padding-top: 45px;
        font-size: 25px;
    }

    h2.headline, .art_headline h2
    {
        font-size: 18px;
    }

    /*Table Element*/
    .art_element.art_table th
    {
        font-size: 16px;
    }

    /*Package Element*/
    .art_element.art_group.pkgslider
    {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .art_element.art_group.pkgslider > .art_inner
    {

    }

}
@media( max-width: 740px)
{
    .art_element.art_packages .art_headline > *
    {
        font-size: 18px;
    }

    .art_element.art_packages .art_pack_date
    {
        font-size: 15px;
    }

}

@media( max-width: 620px)
{
    /*headlines*/
    .headline, .art_element .art_headline, .art_element .art_headline h3, .art_element.art_cols .art_col h4.coltitle
    {
        font-size: 19px;
        text-align: left;
    }

    h1.headline, .art_headline h1
    {
        margin-top: 45px;
        padding-top: 35px;
        font-size:21px;
    }

    h2.headline, .art_headline h2
    {
        font-size: 17px;
        text-align: left;
        line-height: 100%;
    }

    .art_element .art_headline.accord
    {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #F0F0F0;
    }

    .art_element.highlight .art_headline.accord
    {
        background-color: transparent;
    }

    .art_element.text_align_center > .art_inner
    {
        text-align: left;
    }

    .art_element.text_align_center > .art_inner ul
    {
        margin: 0;
    }

    /*Package Element*/
    .art_element.art_group.pkgslider .pkg_c.pkgfull
    {
        padding: 0 25px;
    }

    .art_element.art_group.pkgslider .pkg_c .pkg_inner > .art_element
    {
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .art_element.art_packages .art_headline
    {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: -5px;
    }

    .art_element.art_packages .art_headline > *
    {
        font-size: 17px !important;
    }

    .art_element.art_group.pkgslider > .art_inner
    {
        max-width: 320px !important;
        margin-left: auto;
        margin-right: auto;
        float: none !important;
    }

    /*Highlight Element*/
    .art_element.highlight
    {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    /*Table Element*/
    .art_element.art_table td
    {
        font-size: 16px;
    }

    .art_element.art_table td.trtitle
    {
        padding: 18px 15px;
        text-align: center;
        text-transform: uppercase;
        background-color: #9c0001;
        border: 1px solid #dededc;
        color: #fff;
        font: 700 16px/120% "Ubuntu","Trebuchet MS",sans-serif;
        letter-spacing: 0;
    }

    .art_element.art_table td.trtitle a
    {
        color: #fff;
    }

    .art_element.art_table tr:nth-child(2n) td.trtitle
    {
        background-color: #9c0001 !important;
    }

    .art_element.art_table th
    {
        background-color: #fff;
        border: 1px solid #dededc;
        text-transform: none;
        color: #4c4c4c;
        font: 400 16px/120% "Ubuntu","Trebuchet MS",sans-serif;
        padding: 16px 15px;
        text-align: center;
    }

    .art_element.art_table tr:nth-child(2n) th
    {
        background-color: #f0f0f0;
    }

    .content > .art_element.cols_twelve > .art_headline, .content > .art_element.cols_twelve > .art_inner
    {
        display: block;
        float: left;
    }

    .art_element.closed > .art_inner
    {
        display: none !important;
    }
}

/*GOOGLE-MAPS*/

#maprahmen {
   border: 1px solid #fff;
   width: 100%;
   text-align: left;
}

#karte {
   width: 100%;
   height: 400px;
}

#input-hintergrund {
   background: #e1e1e2;
   padding: 5px;
   border: 1px solid #e1e1e1;
}

#inputaddress {
   width: 300px;
   padding: 1px;
   height: 20px;
   border: 1px solid #fff;
	background-color: #FFFFFF;
	font-family: 'Raleway', serif;
	font-size: 13px;
}

.mapposition {
    color: #000;
    font-size: 12px;
}
.marker {
    height: 120px;
    text-align: left;
    width: 300px;
}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Raleway-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/Raleway-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/Raleway-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/Raleway-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/Ubuntu-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/Ubuntu-Bold.ttf') format('truetype');
}