/* WEBFONT - Sonderschrift
--------------------------------------------------------- */
/* WICHTIG - Font-Name darf nicht länger als 31 Zeichen sein, IE setzt sonst nicht um !!!!  */
@font-face {
 font-family: 'Helvetica';
 src: url('../fonts/helvetica/Helvetica.eot');
 src: url('../fonts/helvetica/Helvetica.eot?#iefix') format('embedded-opentype'),
 url('../fonts/helvetica/Helvetica.woff') format('woff'),
 url('../fonts/helvetica/Helvetica.ttf') format('truetype'),
 url('../fonts/helvetica/Helvetica.svg#impact') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Helvetica_Bold';
 src: url('../fonts/helvetica_bold/Helvetica_Bold.eot');
 src: url('../fonts/helvetica/Helvetica_Bold.eot?#iefix') format('embedded-opentype'),
 url('../fonts/helvetica/Helvetica_Bold.woff') format('woff'),
 url('../fonts/helvetica/Helvetica_Bold.ttf') format('truetype'),
 url('../fonts/helvetica/Helvetica_Bold.svg#impact') format('svg');
 font-weight: bold;
 font-style: normal;
}
@font-face {
 font-family: 'Helvetica-Black';
 src: url('../fonts/helvetica-black/Helvetica-Black.eot');
 src: url('../fonts/helvetica-black/Helvetica-Black.eot?#iefix') format('embedded-opentype'),
 url('../fonts/helvetica-black/Helvetica-Black.woff') format('woff'),
 url('../fonts/helvetica-black/Helvetica-Black.ttf') format('truetype'),
 url('../fonts/helvetica-black/Helvetica-Black.svg#impact') format('svg');
 font-weight: extrabold;
 font-style: normal;
}

@font-face {
 font-family: 'Calibri';
 src: url('../fonts/calibri/Calibri.eot');
 src: url('../fonts/calibri/Calibri.eot?#iefix') format('embedded-opentype'),
 url('../fonts/calibri/Calibri.woff') format('woff'),
 url('../fonts/calibri/Calibri.ttf') format('truetype'),
 url('../fonts/calibri/Calibri.svg#impact') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Calibri-Italic';
 src: url('../fonts/calibri_italic/Calibri_Italic.eot');
 src: url('../fonts/calibri_italic/Calibri_Italic.eot?#iefix') format('embedded-opentype'),
 url('../fonts/calibri_italic/Calibri_Italic.woff') format('woff'),
 url('../fonts/calibri_italic/Calibri_Italic.ttf') format('truetype'),
 url('../fonts/calibri_italic/Calibri_Italic.svg#impact') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Calibri-Bold';
 src: url('../fonts/calibri_bold_v1/Calibri_Bold_V1.eot');
 src: url('../fonts/calibri_bold_v1/Calibri_Bold_V1.eot?#iefix') format('embedded-opentype'),
 url('../fonts/calibri_bold_v1/Calibri_Bold_V1.woff') format('woff'),
 url('../fonts/calibri_bold_v1/Calibri_Bold_V1.ttf') format('truetype'),
 url('../fonts/calibri_bold_v1/Calibri_Bold_V1.svg#impact') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Calibri-Bold-Italic';
 src: url('../fonts/calibri_bold_italic/Calibri_Bold_Italic.eot');
 src: url('../fonts/calibri_bold_italic/Calibri_Bold_Italic.eot?#iefix') format('embedded-opentype'),
 url('../fonts/calibri_bold_italic/Calibri_Bold_Italic.woff') format('woff'),
 url('../fonts/calibri_bold_italic/Calibri_Bold_Italic.ttf') format('truetype'),
 url('../fonts/calibri_bold_italic/Calibri_Bold_Italic.svg#impact') format('svg');
 font-weight: normal;
 font-style: normal;
}
/*
@font-face {
font-family: 'FontAwesome';
url('../fonts/fontawesome/fontawesome-webfont.woff2') format('woff2'),
url('../fonts/fontawesome/fontawesome-webfont.woff') format('woff'),
url('../fonts/fontawesome/fontawesome-webfont.ttf') format('truetype');
src: url('../fonts/fontawesome/FontAwesome.otf') format('opentype');'
/*
---------------------------------------------------------*/

body { /*font-size: 20px; line-height: 26px*/ }
@viewport{ zoom: 1.0; width: extend-to-zoom; }
@-ms-viewport{ width: extend-to-zoom; zoom: 1.0; }

.the-site {width:95%; /*max-width:980px;*/ max-width:780px; margin:0 auto; padding: 10px; overflow:hidden}

.titel, .subtitel { font-family: Calibri-Bold; color: #efeded; }

.center, .footer { text-align:left; }
.footer a { padding: 0 10px; }

.aufmacher { font-size: 300%; line-height:1.5em; margin: 0}
.pfeil { font-size: 150%; vertical-align: middle; }
.small { font-size: 80% }

@media all and (min-width: 480px) and (max-width: 599px) {
	.uk-width-small-1-3, .uk-width-small-2-6 { width: 100%;}
	.uk-width-small-2-3, .uk-width-small-4-6 { width: 100%;}
	.uk-panel-box.image { text-align: center; }
}
@media all and (max-width: 599px) {
	.uk-panel-box.image { text-align: center; }
	.aufmacher { font-size: 220%; line-height:1.5em; }
}

/*
@media all and (min-width: 768px) {
	.uk-h1, h1 { font-size: 36px; line-height:42px; }
	.uk-h2, h2 { font-size: 24px; line-height: 30px;}
	.titel_ziffer { font-size:5em; }
	.titel_letter { font-size:2.5em; }
}
@media all and (min-width: 480px) and (max-width: 767px) {
	.uk-h1, h1 { font-size: 30px; line-height: 36px;  }
	.uk-h2, h2 { font-size: 24px; line-height: 30px;  }
	.titel_ziffer { font-size:3em; }
	.titel_letter { font-size:1.5em; }
}
@media all and (max-width: 479px) {
	.uk-h1, h1 { font-size: 24px; line-height: 30px; }
	.uk-h2, h2 { font-size: 18px; line-height: 24px;  }
	.titel_ziffer { font-size:2em; }
	.titel_letter { font-size:1em; }
}
*/
.titel a, .titel a:hover,
.subtitel a, .subtitel a:hover {text-decoration:none !important;}
li.titel { /*background:url(../images/header_bg_land_980x492.jpg) 10px 0px no-repeat;*/ /*min-height:180px;*/
			background:url(../images/header_lions_980px.jpg) 10px 0px no-repeat;}

h1.titel { white-space:nowrap }
.titel_ziffer { font-family:Calibri-Bold-Italic; font-weight:bold; }
.titel_letter { font-family:Calibri-Bold; font-weight:bold; }
.subtitel { font-variant:small-caps; }

@media all and (min-width: 900px) {
	.uk-h1, h1 { font-size: 36px; line-height:42px; }
	.uk-h2, h2 { font-size: 24px; line-height: 30px;}
	h1.titel { margin-top: 40px; }
	.titel_ziffer { font-size:5em; letter-spacing: -12px;}
	.titel_letter { font-size:2.5em; letter-spacing: 3px;}
	.subtitel {font-size: 1.4em; }
	div.titel { background:url(../images/header_4loewen_255x59.png)105px 15px no-repeat; }
}
@media all and (min-width: 768px) and (max-width: 899px) {
	.uk-h1, h1 { font-size: 32px; line-height: 38px;  }
	.uk-h2, h2 { font-size: 20px; line-height: 26px;  }
	h1.titel { margin-top: 30px; }
	.titel_ziffer { font-size:4em; letter-spacing: -10px }
	.titel_letter { font-size:2em; letter-spacing: 3px }
	.subtitel {font-size: 1.4em; }
	div.titel { background:url(../images/header_4loewen_185x43.png)80px 20px no-repeat;}
}
@media all and (min-width: 480px) and (max-width: 767px) {
	.uk-h1, h1 { font-size: 28px; line-height: 34px;  }
	.uk-h2, h2 { font-size: 16px; line-height: 22px;  }
	h1.titel { margin-top: 20px; }
	.titel_ziffer { font-size:3em; letter-spacing: -8px }
	.titel_letter { font-size:1.5em; letter-spacing: 3px }
	.subtitel {font-size: 1.4em; }
	div.titel { background:url(../images/header_4loewen_127x29.png)59px 22px no-repeat; }
}
@media all and (max-width: 479px) {
	.uk-h1, h1 { font-size: 24px; line-height: 30px; }
	.uk-h2, h2 { font-size: 12px; line-height: 18px;  }
	h1.titel { margin-top: 10px; }
	.titel_ziffer { font-size:2em; letter-spacing: -6px}
	.titel_letter { font-size:1em; letter-spacing: 3px}
	.subtitel {font-size: 1.2em; }
	div.titel { background:url(../images/header_4loewen_80x18.png)40px 22px no-repeat; }
	span.sonderzeichen { display:none }
}