@charset "utf-8";
/* CSS Document */

* {
box-sizing: border-box;
}

body
{
margin: 0;
padding: 0;
border: 0;
background-color: #FBA5C4;
font-family: Verdana;
color:#181716;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

.clear
{
clear: both;
}

.img_allgemein
{
max-width:100%;
height:auto;
}

h1
{
color: #c41051;
font-size: 23px;
font-weight: normal;
margin: 0 0 5px 0;
padding: 0;
border: 0;
}

p
{
padding: 0;
border: 0;
margin: 0;
hyphens: auto;
}

/* ---------------------------------------------------------------------------------------- */

.white
{
color: #ffffff;	
}

.yellow
{
color: #fffd00;
}

.pink
{
color: #c41051;
}

/* ---------------------------------------------------------------------------------------- */

.bold
{
font-weight: bold;
}


/* ---------------------------------------------------------------------------------------- */

.header
{
padding:15px;
text-align:center;	
}

.header_
{
width: 960px;
margin: 0 auto;		
}

/* ---------------------------------------------------------------------------------------- */

.mainnavigation {
background-color: #c41051;
overflow: hidden;
text-align: center;
width: 100%;
margin-top:7px;
}

.mainnavigation_
{
width: 960px;
margin: 0 auto;	
}

.mainnavigation_ a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 12px 14px;
text-decoration: none;
font-size: 16px;
font-weight: bold;
}

.mainnavigation_ a:hover {
background-color: #181716;
color: #ffffff;
}

.mainnavigation_ .icon {
display: none;
} 

/* ---------------------------------------------------------------------------------------- */



.maincontent
{
color: #181716;
margin-top: 7px;
}

.maincontent_
{
width: 960px;
margin: 0 auto;
padding-bottom: 0.6em;
}

.maincontent_left
{
float: left;
width: 50%;
text-align: left;
}

.maincontent_right
{
float: left;
width: 50%;
text-align: left;
}

.maincontent_title
{
font-size: 26px;
font-weight: bold;
color: #C41051;
}

.maincontent_title2
{
font-size: 22px;
color: #181716;
}


.maincontent_txt
{
line-height: 29px;
}

.maincontent_txt a
{
color: #181716;
line-height: 23px;
}

.maincontent_txt ul, li
{
line-height: 29px;
color: #C41051;
padding-bottom: 10px;
}

.maincontent_tel_icon
{
position: relative;
top: 5px;
width: 1.2em;
}

.weihnachten
{
padding: 1.0em;
margin-bottom: 3.0em;
text-align: center;
}

.weihnachten_txt_01
{
font-size: 1.2em;
color: #c41153;
font-weight: bold;
line-height: 1.8em;
}

.urlaub
{
/*background-color: #400036;*/
background-image: linear-gradient(60deg, #e94e1b, #e6007e, #f39200);
border-radius: 0.5em;
padding: 1.0em;
margin-bottom: 3.0em;
text-align: center;
}

.urlaub_title_01
{
font-size: 1.8em;
color: #ffffff;
font-weight: bold;
line-height: 2.1em;
}

.urlaub_title_02
{
font-size: 0.9em;
font-weight: bold;
color: #c41153;
line-height: 1.5em;
}

.urlaub_txt_01
{
font-size: 1.2em;
color: #ffffff;
font-weight: bold;
line-height: 1.5em;
}

.urlaub_txt_02
{
font-size: 1.2em;
color: #c41153;
line-height: 1.5em;
font-weight: bold;
}

.urlaub_txt_03
{
font-size: 1.3em;
color: #4d4d4d;
line-height: 1.5em;
}



/* ---------------------------------------------------------------------------------------- */

.portfolio
{
color: #181716;
margin-top: 7px;
border-top: 0.15em dotted #C41051;
}

.portfolio_
{
width: 960px;
margin: 0 auto;
}

.portfolio_left
{
float: left;
width: 50%;
text-align: center;
}

.portfolio_right
{
float: left;
width: 50%;
text-align: center;
}

.portfolio_title
{
font-size: 26px;
font-weight: bold;
color: #c41051;
}

.portfolio_txt
{
line-height: 29px;
}

.portfolio_box
{
background: #c41051;
border-radius: 0.5em;
padding: 1.0em;
}

.portfolio_title_box
{
font-size: 26px;
font-weight: bold;
color: #ffffff;
}

.portfolio_txt_box
{
line-height: 29px;
color: #ffffff;
}

.portfolio_box_hermes
{
background: #1D99D2;
border-radius: 0.5em;
padding: 1.0em;
}

.portfolio_title_box_hermes
{
font-size: 26px;
font-weight: bold;
color: #ffffff;
}

.portfolio_txt_box_hermes
{
line-height: 29px;
color: #ffffff;
}

.portfolio_txt_box_hermes a
{
line-height: 29px;
color: #000084;
text-decoration: none;
font-size: 1.2em;
font-weight: bold;
}


.portfolio_top
{
padding:15px;
text-align:center;
}

.portfolio_top_txt
{
width: 960px;
margin: 0 auto;		
}

.portfolio_top_title
{
font-size: 26px;
font-weight: bold;
color: #c41051;		
}

.portfolio_top_txt_
{
line-height: 29px;		
}

.portfolio_bottom
{
padding:15px;
text-align:center;
}

.portfolio_bottom_txt
{
width: 960px;
margin: 0 auto;		
}

.portfolio_bottom_title
{
font-size: 26px;
font-weight: bold;
color: #c41051;		
}

.portfolio_bottom_txt_
{
line-height: 29px;		
}


/* ---------------------------------------------------------------------------------------- */

.about
{
color: #181716;
margin-top: 7px;
border-top: 0.15em dotted #C41051;
}

.about_
{
width: 960px;
margin: 0 auto;
}

.about_left
{
float: left;
width: 60%;
text-align: center;
}

.about_right
{
float: left;
width: 40%;
text-align: center;
}

.about_title
{
font-size: 26px;
font-weight: bold;
color: #c41051;
}

.about_title2
{
font-size: 22px;
color: #ffffff;
}


.about_txt
{
line-height: 29px;
}

.about_txt a
{
color: #23277a;
line-height: 29px;
font-size: 20px;
font-weight: bold;
}

.about_top
{
padding:15px;
text-align:center;
}

.about_top_txt
{
width: 960px;
margin: 0 auto;		
}

.about_top_title
{
font-size: 26px;
font-weight: bold;
color: #c41051;		
}

.about_top_txt_
{
line-height: 29px;		
}

.about_bottom
{
padding:15px;
text-align:center;
}

.about_bottom_txt
{
width: 960px;
margin: 0 auto;		
}

.about_bottom_title
{
font-size: 26px;
font-weight: bold;
color: #c41051;		
}

.about_bottom_txt_
{
line-height: 29px;		
}

.about_us
{
	
}

.about_us_left
{
float: left;
width: 50%;
text-align: center;	
}

.about_us_right
{
float: left;
width: 50%;
text-align: center;	
}


/* ---------------------------------------------------------------------------------------- */


.footer
{
background-color:#c41051;
text-align:center;
padding: 1.0em;
margin-top: 0.7em;
color:  #FBA5C4;
font-size: 0.8em;
}

.footer a
{
color:  #FBA5C4;
font-weight: bold;
font-size: 1.1em;
}


/* ---------------------------------------------------------------------------------------- */

.impressum
{
padding: 1.0em;
text-align: left;
}
.impressum_
{
width: 960px;
margin: 0 auto;		
}

.impressum_title
{
font-size: 26px;
font-weight: bold;
color: #c41051;
}

.impressum_txt
{
color: #181716;
line-height: 29px;
}

.impressum_txt a
{
font-weight: bold;
color: #c41051;	
}


/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

@media only screen and (max-width:620px) {
/* For mobile phones: */
.mainnavigation, .mainnavigation_, .header, .header_, .maincontent, .maincontent_, .maincontent_left, .maincontent_right, .portfolio, .portfolio_, .portfolio_left, .portfolio_right, .portfolio_top, .portfolio_top_txt, .portfolio_top_title, .portfolio_top_txt_,  .portfolio_bottom, .portfolio_bottom_txt, .portfolio_bottom_title, .portfolio_bottom_txt_, .portfolio_box_hermes, .portfolio_title_box_hermes, .portfolio_txt_box_hermes, .about, .about_, .about_left, .about_right, .about_top, .about_top_txt, .about_top_title, .about_top_txt_,  .about_bottom, .about_bottom_txt, .about_bottom_title, .about_bottom_txt_, .about_us, .about_us_left, .about_us_right, .footer, .impressum, .impressum_, .impressum_title, .impressum_txt, .urlaub, .urlaub_title_01, .urlaub_txt_01, .urlaub_txt_02, .urlaub_title_02, .urlaub_txt_03

{
width:100%;
border: none;
text-align: center;
}


	
.mainnavigation_ a
{
float: left;
width: 100%;
border-bottom: 1px solid #ffffff;
}

.news_divider
{
border-bottom: 1px dashed #ffffff;
}

.maincontent_divider
{
}

.maincontent_txt ul, li
{
text-align: left;
}

.maincontent_left
{
width: 100% auto;
}
	
.portfolio
{
color: #181716;
margin-top: 7px;
border-top: 0.15em dotted #C41051;
}
	
.about
{
color: #181716;
margin-top: 7px;
border-top: 0.15em dotted #C41051;
}
	
.footer
{
width: 100% auto;
}


}