@charset "utf-8";

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/* gloria-hallelujah-regular - latin */
@font-face {
  font-family: 'Gloria Hallelujah';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gloria-hallelujah-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/gloria-hallelujah-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gloria-hallelujah-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/gloria-hallelujah-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gloria-hallelujah-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/gloria-hallelujah-v17-latin-regular.svg#GloriaHallelujah') format('svg'); /* Legacy iOS */
}

/* source-code-pro-200 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-code-pro-v21-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-code-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-code-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-code-pro-v21-latin-200.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}

/* source-code-pro-300 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-code-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-code-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-code-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-code-pro-v21-latin-300.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}

/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-code-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-code-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-code-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-code-pro-v21-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}

/* source-code-pro-500 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/source-code-pro-v21-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-code-pro-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-code-pro-v21-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-code-pro-v21-latin-500.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}

/* source-code-pro-700 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-code-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-code-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-code-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-code-pro-v21-latin-700.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}

/* source-code-pro-600 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-code-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-code-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-code-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-code-pro-v21-latin-600.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}

/* source-code-pro-800 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/source-code-pro-v21-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-code-pro-v21-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-code-pro-v21-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-code-pro-v21-latin-800.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}

/* source-code-pro-900 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-code-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-code-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-code-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-code-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-code-pro-v21-latin-900.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}

/* pacifico-regular - latin */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pacifico-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pacifico-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pacifico-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pacifico-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pacifico-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pacifico-v22-latin-regular.svg#Pacifico') format('svg'); /* Legacy iOS */
}

/* comfortaa-300 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/comfortaa-v40-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v40-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v40-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v40-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v40-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v40-latin-300.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/comfortaa-v40-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v40-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* comfortaa-500 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/comfortaa-v40-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v40-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v40-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v40-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v40-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v40-latin-500.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* comfortaa-600 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/comfortaa-v40-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v40-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v40-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v40-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v40-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v40-latin-600.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* comfortaa-700 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/comfortaa-v40-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v40-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v40-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v40-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v40-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v40-latin-700.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* lobster-regular - latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lobster-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lobster-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lobster-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lobster-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lobster-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lobster-v28-latin-regular.svg#Lobster') format('svg'); /* Legacy iOS */
}

/* shrikhand-regular - latin */
@font-face {
  font-family: 'Shrikhand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/shrikhand-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/shrikhand-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/shrikhand-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/shrikhand-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/shrikhand-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/shrikhand-v11-latin-regular.svg#Shrikhand') format('svg'); /* Legacy iOS */
}

/* caveat-500 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/caveat-v17-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/caveat-v17-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat-v17-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat-v17-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat-v17-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat-v17-latin-500.svg#Caveat') format('svg'); /* Legacy iOS */
}

/* caveat-regular - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/caveat-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/caveat-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat-v17-latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */
}

/* caveat-600 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/caveat-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/caveat-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat-v17-latin-600.svg#Caveat') format('svg'); /* Legacy iOS */
}

/* caveat-700 - latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/caveat-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/caveat-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat-v17-latin-700.svg#Caveat') format('svg'); /* Legacy iOS */
}

/* audiowide-regular - latin */
@font-face {
  font-family: 'Audiowide';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/audiowide-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/audiowide-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/audiowide-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/audiowide-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/audiowide-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/audiowide-v16-latin-regular.svg#Audiowide') format('svg'); /* Legacy iOS */
}

/* caveat-brush-regular - latin */
@font-face {
  font-family: 'Caveat Brush';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/caveat-brush-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/caveat-brush-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat-brush-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat-brush-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat-brush-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat-brush-v11-latin-regular.svg#CaveatBrush') format('svg'); /* Legacy iOS */
}

/* bellefair-regular - latin */
@font-face {
  font-family: 'Bellefair';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bellefair-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/bellefair-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/bellefair-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/bellefair-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/bellefair-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/bellefair-v14-latin-regular.svg#Bellefair') format('svg'); /* Legacy iOS */
}

/* merriweather-300 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/merriweather-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v30-latin-300.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v30-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-700 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/merriweather-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v30-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-900 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/merriweather-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v30-latin-900.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* indie-flower-regular - latin */
@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/indie-flower-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/indie-flower-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/indie-flower-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/indie-flower-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/indie-flower-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/indie-flower-v17-latin-regular.svg#IndieFlower') format('svg'); /* Legacy iOS */
}

/* biorhyme-expanded-200 - latin */
@font-face {
  font-family: 'BioRhyme Expanded';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/biorhyme-expanded-v19-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/biorhyme-expanded-v19-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/biorhyme-expanded-v19-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/biorhyme-expanded-v19-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/biorhyme-expanded-v19-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/biorhyme-expanded-v19-latin-200.svg#BioRhymeExpanded') format('svg'); /* Legacy iOS */
}

/* biorhyme-expanded-300 - latin */
@font-face {
  font-family: 'BioRhyme Expanded';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/biorhyme-expanded-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/biorhyme-expanded-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/biorhyme-expanded-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/biorhyme-expanded-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/biorhyme-expanded-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/biorhyme-expanded-v19-latin-300.svg#BioRhymeExpanded') format('svg'); /* Legacy iOS */
}

/* biorhyme-expanded-regular - latin */
@font-face {
  font-family: 'BioRhyme Expanded';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/biorhyme-expanded-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/biorhyme-expanded-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/biorhyme-expanded-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/biorhyme-expanded-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/biorhyme-expanded-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/biorhyme-expanded-v19-latin-regular.svg#BioRhymeExpanded') format('svg'); /* Legacy iOS */
}

/* biorhyme-expanded-700 - latin */
@font-face {
  font-family: 'BioRhyme Expanded';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/biorhyme-expanded-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/biorhyme-expanded-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/biorhyme-expanded-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/biorhyme-expanded-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/biorhyme-expanded-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/biorhyme-expanded-v19-latin-700.svg#BioRhymeExpanded') format('svg'); /* Legacy iOS */
}

/* biorhyme-expanded-800 - latin */
@font-face {
  font-family: 'BioRhyme Expanded';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/biorhyme-expanded-v19-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/biorhyme-expanded-v19-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/biorhyme-expanded-v19-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/biorhyme-expanded-v19-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/biorhyme-expanded-v19-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/biorhyme-expanded-v19-latin-800.svg#BioRhymeExpanded') format('svg'); /* Legacy iOS */
}

/* paytone-one-regular - latin */
@font-face {
  font-family: 'Paytone One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/paytone-one-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/paytone-one-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/paytone-one-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/paytone-one-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/paytone-one-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/paytone-one-v18-latin-regular.svg#PaytoneOne') format('svg'); /* Legacy iOS */
}

/* special-elite-regular - latin */
@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/special-elite-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/special-elite-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/special-elite-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/special-elite-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/special-elite-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/special-elite-v18-latin-regular.svg#SpecialElite') format('svg'); /* Legacy iOS */
}

/* pt-serif-regular - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-serif-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-serif-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-serif-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-serif-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-serif-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-serif-v17-latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */
}

/* pt-serif-700 - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-serif-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-serif-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-serif-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-serif-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-serif-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-serif-v17-latin-700.svg#PTSerif') format('svg'); /* Legacy iOS */
}


html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}

.textklein
{
	font-size: 16px;
	line-height: 14pt;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

p {
	margin: 0 0 16px 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #fff;
}

:focus { 
  outline: 0;
}

/**/

.index #bgHolder {
	width: 100%;
	height: 100%;
	padding:0;
	position: relative;
	display: table;
}

.index #bgHolder .white {
	position: absolute;
	top: 65px;
}

#bgHolder {
	width: 100%;
	height: 50%;
	padding: 65px 0 0 0;
}

/**/

.topBorder,
.rightBorder,
.bottomBorder,
.leftBorder {
	position: absolute;
	background: #fff;
}

.topBorder,
.bottomBorder {
	width: 100%;
	height: 20px;	
}

.rightBorder,
.leftBorder {
	width: 20px;
	height: 100%;	
}

.topBorder {
	top: 0;
	left: 0;
}

.rightBorder {
	top: 0;
	right: 0;
}

.bottomBorder {
	bottom: 0;
	left: 0;
}

.leftBorder {
	top: 0;
	left: 0;
}

/**/

/*
.index .logo {
	padding: 76px 0 0 20px;
	float: none;
}
*/

.logo {
	padding: 0;
	float: left;
	width: 50%;
	text-align: center;
}

.logo a {
	padding: 13px 0 10px 0;
	display: block;
	background: #fff;
	width: 231px;
	text-align: center;
	margin: 0px auto;
}

/**/

/*
.index nav {
	position: absolute;
	margin: 0;
}

.index nav ul {
	list-style: none;
	margin: 32% 0 0 20px;
	padding: 0;
	display: table;
}

.index nav ul li {
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	float: none;
}

.index nav ul li a {
	background: #ee8221;
	padding: 10px;
	text-transform: uppercase;
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	display: table-cell;
	z-index: 20;
	position: relative;
	z-index: 20;
	letter-spacing: 1px;
}

.index ul.theMenu li ul {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 10px 0 0 0;
	z-index: 21;
	opacity: 1.0 !important;
	left: 20px;
}

*/

nav {
	position: relative;
	float: left;
	margin: 20px 0 0 0;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
}

nav ul li {
	margin: 0 10px 0 0;
	padding: 0;
	display: inline;
	float: left;
}

nav ul li a {
	background: #ee8221;
	padding: 10px 5px;
	text-transform: uppercase;
	/*font-size: 20px;*/
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	display: table-cell;
	z-index: 20;
	position: relative;
	z-index: 20;
	letter-spacing: 1px;
}

nav ul li a:hover,
nav ul li a.active {
	background: #898a8c;
}

ul.theMenu li ul {
    width: 100%;
    left: 0;
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 14px 0 0 0;
	z-index: 21;
	opacity: 1.0 !important;    
}

#nav ul li.active a {
    background: #898a8c;
}

#nav ul li.active ul li a {
    background: #ee8221;
}

#nav ul li.active ul li a:hover,
#nav ul li ul li.active a {
    background: #898a8c;
}

/*
.index .white {
	width: auto;
	height: auto;
	background: none;
	margin: 0;
	padding: 0;
}

*/

.white {
	width: 100%;
	height: 117px;
	background: #fff;
	margin: 0;
	padding: 11px 0;
}

.index .backstretch {
	opacity: 1.0;
}

.backstretch {
	opacity: 0.5;
}

#nav > a {
    display: none;
}

/**/

h1 {
	font-size: 48px;
	line-height: 56px;
	color: #898a8c;
	font-weight: 400;
	padding: 0;
	margin: 16% 0 0 0;
	text-align: left;
}

.orange {

	color: #ee8221;
	font-size: 28px;
	line-height: 36px;
	font-family: 'Gloria Hallelujah';
	font-weight: 400;
	
}





h1 span.orange {
	color: #ee8221;
	opacity: 1;
}

h1 span.grey {
	color: #898a8c;
	opacity: 1;
}

h1 span {
	opacity: 0;
}

h1 b {
	font-weight: 400;
	font-size: 42px;
	line-height: 56px;
}

.headliner {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle
}

.inner {
	margin-left: 44%;
}

.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	display: block !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

.coa {
	position: absolute;
	width: 200px;
	height: 34px;
	background: rgba(0,0,0,0.2);
	color: #fff;
	left: 50%;
	margin-left: -100px;
	bottom: 20px;
	font-weight: 300;
	text-align: center;
	font-size: 12px;
	line-height: 34px;
	border-radius: 6px 6px 0 0;
	letter-spacing: 2px;
	display: none;
}

/**/

.full {
	width: 100%;
	height: auto;
	overflow: hidden;
}

article.darkgrey {
	background: #898a8c;
}

article.orange {
	background: #ee8221;
}

article p {
	font-size: 22px;
	font-family: 'Lato', sans-serif;
	line-height: 32px;
	color: #fff;
	height: auto;
	padding: 0 6%;
	font-weight: 300;
	margin: 30px 0;
}

.bot p {
	font-size: 22px;
	line-height: 32px;
	color: #fff;
	height: auto;
	padding: 0 6%;
	font-weight: 300;
	margin: 30px 0;
	float: left;
	width: 21.33%;
}

h2 {
	font-size: 26px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 36px;
	padding: 0 0 0 6%;
	margin: 2% 0 0 0;
	color: #fff;
}

.social {
	float: left;
	color: #fff;
	font-size: 54px;
	font-weight: 300;
	margin: 30px 0;
}

.social i {
	margin: 0 20px 0 0;
}

/**/

.third {
	width: 33.34%;
	height: 420px;
	float: left;
}

.third a {
	width: 33.34%;
	height: 420px;
	background: none;
	position: absolute;
	display: block;
	z-index: 10;
}

.third a:hover {
	width: 33.34%;
	height: 420px;
	position: absolute;
	display: block;
	background: rgba(0,0,0,0.15);
}

.twothird {
	width: 66.66%;
	height: 420px;
	float: left;
}

.twothird a {
	width: 66.66%;
	height: 420px;
	background: none;
	position: absolute;
	display: block;
		z-index: 10;
}

.twothird a:hover {
	width: 66.66%;
	height: 420px;
	position: absolute;
	display: block;
	background: rgba(0,0,0,0.15);

}

.half {
	width: 50%;
	height: auto;
	float: left;
}

.index .half {
	width: 50%;
	height: 360px;
	float: left;
}

.index .half a {
	width: 50%;
	height: 360px;
	background: none;
	position: absolute;
	display: block;
	z-index: 10;
}

.index .half a:hover {
	width: 50%;
	height: 360px;
	position: absolute;
	display: block;
	background: rgba(0,0,0,0.15);
}

.agentur .equal_height
{
    overflow: auto;
}  

.instagram_images 
{
    list-style-type: none;
    padding: 0 10px 0 10px; 
    margin: 0;
    background-color: #ee8221;
    text-align: center;
}

.instagram_images li
{
    display: inline-block;
}

.instagram_images li a
{
    display: block;
    position: relative;
    width: 250px;
    height: 250px;
    background-color: #ee8221;
}

.instagram_images li a img
{
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

article.aktuelles {
	background: url(../img/start-aktuelles.jpg) no-repeat 0 0 / cover;
}

article.portfolio {
	background: url(../img/start-portfolio.jpg) no-repeat 0 bottom / cover;
}

article.referenzen {
	background: url(../img/start-referenzen.jpg) no-repeat 0 bottom / cover;
}

article.agentur {
	background: url(../img/start-agentur.jpg) no-repeat 0 bottom / cover;
}
article.impressionen {
	background: url(../img/start-agentur.jpg) no-repeat 0 bottom / cover;
}


.index .block {
    width: auto;
    height: 60px;
    background: #fff;
    color: #898a8c;
    text-transform: uppercase;
    font-size: 20px;
    padding: 20px;
    letter-spacing: 1px;
    font-weight: 300;
    margin-bottom: 20px;
    float: left;
    min-width: 130px;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
}

.block {
	width: 130px;
	height: auto;
	background: #fff;
	color: #898a8c;
	text-transform: uppercase;
	font-size: 20px;
	padding: 15px;
	letter-spacing: 1px;
	font-weight: 300;
	min-width: 130px;
	text-align: center;
	position: absolute;
	top: -55px;
	left: 50%;
	margin-left: -80px;	
}

.dsgvo .block {
	width: 152px;	
}

.portfolio-sub1 .block {
	width: 180px;
	height: auto;
	background: #fff;
	color: #898a8c;
	text-transform: uppercase;
	font-size: 20px;
	padding: 15px;
	letter-spacing: 1px;
	font-weight: 300;
	min-width: 180px;
	text-align: center;
	position: absolute;
	top: -55px;
	left: 50%;
	margin-left: -105px;
}

.block span {
	font-size: 12px;
	color: #ee8221;
	text-indent: -9999px;
	display: block;
}

.third a,
.twothird a,
.half a:not(.inline-link) {
	text-indent: -9999px;
	display: block;
	color:#FFF;
}

.third a,
.twothird a,
.half a.inline-link
{
    font-weight: bold;
}

/**/

.content {
	padding: 20px;
}

.bg_aktuelles {
    background: url(../img/bg-aktuelles.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}

.bg_portfolio {
    background: url(../img/bg-portfolio.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}

.bg_portfolio-sub1 {
    background: url(../img/bg-portfolio-sub1.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}

.bg_portfolio-sub2 {
    background: url(../img/bg-portfolio-sub2.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}

.bg_portfolio-sub3 {
    background: url(../img/bg-portfolio-sub3.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}

.bg_portfolio-sub4 {
    background: url(../img/bg-portfolio-sub4.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}

.bg_referenzen {
    background: url(../img/bg-referenzen.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}

.bg_agentur {
    background: url(../img/bg-agentur.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}
.bg_impressionen {
    background: url(../img/bg-agentur.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}

.bg_impression {
    background: url(../img/bg-agentur.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}

.bg_kontakt {
    background: url(../img/bg-kontakt.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}

.bg_impressum {
    background: url(../img/bg-impressum.jpg) no-repeat scroll 0 bottom / cover ;
    position: relative;
}

/**/

table tr td {
	vertical-align: top;
	font-family: 'Lato', sans-serif;
}

.impressum table {
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #fff;
	width: 100%;
	padding-left: 6%;
	margin-left: -7px;
	
}

/**/

footer {
	text-align: center;
	background: #ee8221;
	padding: 30px 0;
	color: #fff;
	font-size: 14px;
}

li.eins {
	transform: rotate(-6deg);
	font-family: 'Gloria Hallelujah';
		
}

li.einseins {
	transform: rotate(-6deg);
	font-family: 'Bellefair';
		
}

li.zwei {transform: rotate(-4deg);
	font-family: 'Source Code Pro';
	font-weight: 600;
	
}

li.zweieins {
	transform: rotate(-3deg);
	font-family: 'Bellefair';
	font-weight: bold;
}	

li.zweizwei {
	transform: rotate(4deg);
	font-family: 'BioRhyme Expanded';
	font-weight: 600;
}

li.zweidrei {
	transform: rotate(4deg);
	font-family: 'Paytone One';
	font-weight: 600;
}

li.zweivier {
	transform: rotate(-5deg);
	font-family: 'Lobster';
	font-weight: 800;	
}

li.drei {
	transform: rotate(7deg);
	font-family: 'Shrikhand';
	font-weight: 500;
}

li.vier {
	transform: rotate(-4deg);
	/*font-family: 'Caveat'; */
	font-family: 'BioRhyme Expanded';
	font-weight: 600;
}

li.fuenf {
	transform: rotate(8deg);
	font-family: 'Caveat Brush';
	font-weight: 600;
}

li.sechs {
	transform: rotate(3deg);
	font-family: 'Pacifico';
	font-weight: 600;
}

li.sieben {
	transform: rotate(-3deg);
}

.aktuelles h1#moduleTitle {
	display: none;
}

.aktuelles .aktuellElement {
	padding: 0 0 0 6%;
}

.aktuelles .aktuellEntryText p {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

.aktuelles #aktuellBox {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight:400; 
}

.kommunikation .block {
	width: 180px;
}

.impressionenPage .block {
	width: 180px;
}

h1 {
	max-width: 50%;
}

body.aktuelles .orange {
	line-height: 20px;
}

.gmps {
	width: 88%;
	height: 380px;
	padding: 0 6%;
}

body.impressum table tr td {
	line-height: 22px;
	font-size: 16px;
}

body.impressum article p {
    font-size: 16px;
		line-height: 22px;
}

body.impressum .orange a {
	color: #fff;
	text-decoration: underline;
	text-indent: 0;
	display: inline;
}

body.aktuelles .orange a {
    color: #fff;
    text-decoration: underline;
    text-indent: 0;
}

body.medien .orange a {
    color: #fff;
    text-decoration: underline;
    text-indent: 0;
    display: inline;
}

.lmx {
	float: right;
	margin-left: 10px;
	margin-top: 6px;
}

.ddatenschutz ol, .ddatenschutz ul {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	margin: 0;
	padding: 0 6%;
}

.ddatenschutz ol li, .ddatenschutz ul li {
	padding: 0;
	margin: 0 0 0 20px;
}

.ddatenschutz ol li p, .ddatenschutz ul li p {
	padding: 0;
}

.ddatenschutz ol li ol, .ddatenschutz ul li ul {
	padding: 0;
	margin: 0 0 20px 0;
}


/**/

ul.alles {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.alles li {
	margin: 0 1% 20px 1%;
	padding: 0;
	text-align: center;
	background: none;
}

ul.alles li:last-child {
	margin: 0 1% 40px 1%;
}

ul.alles li:nth-child(odd) {
	background: #898a8c;
	transition: 0.3s;
}

ul.alles li:hover:nth-child(odd) {
	background: #fff;
}

ul.alles li:nth-child(even) {
	background: #fff;
	transition: 0.3s;
}

ul.alles li:hover:nth-child(even) {
	background: #898a8c;
}

ul.alles li a {
	color: #fff;
	display: block;
	padding: 10px 0;
}

ul.alles li a:nth-child(odd),
ul.alles li a:nth-child(even){
	color: #ee8221;
	display: block;
	padding: 10px 0;
	text-indent: 0;
}

/**/

/*imagefields*/

#aktuell-imagefield
{
    position: relative;
    width: 100%;
}

#aktuell-imagefield a.entry
{
    position: relative;
    display: block;
    width: 30.1%;
    height: auto;
    float: left;
    border: 4px solid #fff;
    margin: 1%;
    overflow: hidden;
    text-indent: 0;
}

#aktuell-imagefield .topic_wrapper
{
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 1;
font-size: 26px;
font-weight: 400;
line-height: 36px;
margin: 0;
padding: 0 5% 0 0;
color: #ee8221;
text-align: right;
}




#aktuell-imagefield .image_wrapper
{
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin-left: 0;
margin-top: 0;
z-index: 0;
}

#aktuell-imagefield .image_wrapper:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
}

/*imagefields-end*/

/**/

.corinna {
	float: right;
}

/*#####################################################################################################################*/

/*Wide*/
@media only screen and (min-width: 1025px) and (max-width: 1279px) {

h2 {
    padding: 0 0 0 3%;
}

article p {
    padding: 0 3%;
}

.bot p {
    padding: 0 3%;
    width: 27.33%;
}

.logo a {
    width: 250px;
}

nav {
    margin: 43px 0 0;
}

nav ul li {
    margin: 0 5px 0 0;
}

nav ul li a {
    background: #ee8221;
    padding: 5px;
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
    line-height: 20px;
    display: table-cell;
    z-index: 20;
    position: relative;
    z-index: 20;
    letter-spacing: 1px;
}

}

/*#####################################################################################################################*/

/*Tablet Landscape*/
@media only screen and (min-width: 960px) and (max-width: 1024px) {

h2 {
    padding: 0 0 0 3%;
}

article p {
    padding: 0 3%;
}

.bot p {
    padding: 0 3%;
    width: 27.33%;
}

.logo a {
    width: 250px;
}

nav {
    margin: 43px 0 0;
}

nav ul li {
    margin: 0 5px 0 0;
}

nav ul li a {
    font-size: 11px;
    padding: 3px;
}

body {
	background: none;
}

}

/*#####################################################################################################################*/

/*Tablet Portrait*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

#bgHolder {
	padding: 0;
	height: auto;
}

.white {
    background: #fff !important;
    margin: 0 !important;
    padding: 11px 0 0 0 !important;
    width: 100% !important;
    height: auto;
}

.logo {
    float: none;
    padding: 0;
    text-align: center;
    width: 60%;
    margin: 0px auto;
}

.logo a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    width: 100%;
    padding: 11px 0 10px 0;
}

.white .logo a img {
	width: 50%;
	height: auto;
}

h1 {
    font-size: 40px;
/*    color: #898a8c;
    font-weight: 700;
    line-height: 35px;
    margin: 50% 0 0;
    padding: 0;
    text-align: center;
*/
}

h1 b {
	
	font-size: 40px;
	
}

.inner {
    margin-left: 30%;
}

h2 {
    padding: 0 0 0 3%;
    font-size: 20px;
    line-height: 28px;
    margin: 5% 0 0;
}

article p {
    padding: 0 3%;
    font-size: 17px;
    font-weight: 400;
}

.bot p {
    padding: 0 3%;
    width: auto;
    font-size: 17px;
    font-weight: 400;
    float: left;
    margin: 15px 0;
}

.half {
	width: 100%;
	height: auto;
	float: left;
}

.third,
.twothird,
.index .half {
	width: 100%;
	height: 220px;
	float: left;
}

.third a,
.twothird a,
.index .half a {
	width: 100%;
	height: 220px;
}

.third a:hover,
.twothird a:hover,
.index .half a:hover {
	width: 100%;
	height: 220px;
}

.block {
	width: auto;
	height: 60px;
	background: #fff;
	color: #898a8c;
	text-transform: uppercase;
	font-size: 20px;
	padding: 20px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 20px;
	float: left;
	min-width: 130px;
        position: inherit;
        top:0;
        bottom:0;
        margin-left:0;
	left: 0;
}

.portfolio-sub1 .block {
	width: auto;
	height: 60px;
	background: #fff;
	color: #898a8c;
	text-transform: uppercase;
	font-size: 20px;
	padding: 20px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 20px;
	float: left;
	min-width: 130px;
        position: inherit;
        top:0;
        bottom:0;
        margin-left:0;
	left: 0;
}

.block,
.portfolio-sub1 .block {
    font-size: 16px;
    padding: 10px;
    min-width: 120px;
    height: 40px;
}

.block span {
    font-size: 10px;
}

.social {
    color: #fff;
    float: none;
    font-size: 34px;
    font-weight: 300;
    margin: 15px 3%;
}

li.eins,
li.einseins,
li.zwei,
li.zweieins,
li.zweizwei,
li.zweidrei,
li.zweivier,
li.drei,
li.vier,
li.fuenf,
li.sechs,
li.sieben {
	transform: rotate(0deg);
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.bg_aktuelles {
    background: url(../img/bg-aktuelles.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio {
    background: url(../img/bg-portfolio.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub1 {
    background: url(../img/bg-portfolio-sub1.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub2 {
    background: url(../img/bg-portfolio-sub2.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub3 {
    background: url(../img/bg-portfolio-sub3.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub4 {
    background: url(../img/bg-portfolio-sub4.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_referenzen {
    background: url(../img/bg-referenzen.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_agentur {
    background: url(../img/bg-agentur.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_kontakt {
    background: url(../img/bg-kontakt.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_impressum {
    background: url(../img/bg-impressum.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.navMob {
    float: none;
    height: auto;
    width: 100%;
}

.mobNav {
    background: #ee8221;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    margin: 0;
}

a.mobNav {
    color: #fff !important;
}

#nav {
    width: 100%;
    position: relative;
}

#nav > a {
    display: none;
}

#nav ul {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav li {
    position: relative;
    background: #ee8221;
    text-transform: uppercase;
}

#nav > ul > li {
    font-size: 15px;
    display: block;
    margin: 0;
    line-height: 34px;
    border-bottom: 1px solid #fff;
}

.index nav ul li {
    margin: 0;
}

ul li {
	opacity: 1.0 !important;
}

#nav ul li a {
    background: none;
    color: #fff;
    font-weight: normal;
    margin: 0;
    padding: 4px 0;
    display: block;
    font-size: 16px;
}

#nav ul li a:hover,
#nav ul li.active a {
    background: #898a8c;
    color: #fff;
    border-bottom: none;
}

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type {
    display: block;
}

/* first level */

#nav > ul {
    height: auto;
    display: none;
    left: 0;
    right: 0;
}

#nav:target > ul {
    display: block;
    background: #ee8221;
    z-index: 1000;
    border-top: 1px solid #fff;
}

li.hasSub ul {
	visibility: visible !important;
	display: block;
	position: relative !important;
}

li.hasSub ul li a {
	text-transform: none;
}

li.hasSub ul li {
	border-top: 1px solid #fff;
}

nav {
    float: left;
    margin: 0;
    position: relative;
}

nav ul li {
    display: block;
    float: none;
    margin: 0;
}

#nav ul li.active ul li a {
    background: #ee8221;
}

#nav ul li.active ul li a:hover,
#nav ul li ul li.active a {
    background: #898a8c;
}

.index .backstretch {
    display: block;
}

.backstretch {
    display: none;
}

.content {
	background: none;
	padding: 0;
}

.mobile {
	height: 320px !important;
}

.aktuelles .aktuellElement {
	padding: 0 0 0 3%;
}

}

/*#####################################################################################################################*/

/*Smartphone Portrait*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

#bgHolder {
	padding: 0;
	height: auto;
}

.white {
    background: #fff !important;
    margin: 0 !important;
    padding: 11px 0 0 0 !important;
    width: 100% !important;
    height: auto;
}

.logo {
    float: none;
    padding: 0;
    text-align: center;
    width: 90%;
    margin: 0px auto;
}

.logo a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    width: 100%;
    padding: 11px 0 10px 0;
}

.white .logo a img {
	width: 50%;
	height: auto;
}

h1 {
    font-size: 28px;
    line-height: 35px;
    margin: 10% 0 0;
/*    color: #898a8c;
    font-weight: 700;
    
    
    padding: 0;
    text-align: center;
*/
}

h1 b {
	
	font-size: 28px;
	line-height: 35px;
	
}

.inner {
    margin-left: 15%;
}

h2 {
    padding: 0 0 0 3%;
    font-size: 20px;
    line-height: 28px;
    margin: 5% 0 0;
}

article p {
    padding: 0 3%;
    font-size: 17px;
    font-weight: 400;
}

.bot p {
    padding: 0 3%;
    width: 94%;
    font-size: 17px;
    font-weight: 400;
    float: none;
    margin: 15px 0;
}

.half {
	width: 100%;
	height: auto;
	float: left;
}

.third,
.twothird,
.index .half {
	width: 100%;
	height: 220px;
	float: left;
}

.third a,
.twothird a,
.index .half a {
	width: 100%;
	height: 220px;
}

.third a:hover,
.twothird a:hover,
.index .half a:hover {
	width: 100%;
	height: 220px;
}

.block {
	width: auto;
	height: 60px;
	background: #fff;
	color: #898a8c;
	text-transform: uppercase;
	font-size: 20px;
	padding: 20px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 20px;
	float: left;
	min-width: 130px;
        position: inherit;
        top:0;
        bottom:0;
        margin-left:0;
	left: 0;
}

.portfolio-sub1 .block {
	width: auto;
	height: 60px;
	background: #fff;
	color: #898a8c;
	text-transform: uppercase;
	font-size: 20px;
	padding: 20px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 20px;
	float: left;
	min-width: 130px;
        position: inherit;
        top:0;
        bottom:0;
        margin-left:0;
	left: 0;
}

.block,
.portfolio-sub1 .block {
    font-size: 16px;
    padding: 10px;
    min-width: 120px;
    height: 40px;
}

.block span {
    font-size: 10px;
}

.social {
    color: #fff;
    float: none;
    font-size: 34px;
    font-weight: 300;
    margin: 15px 3%;
}

li.eins,
li.einseins,
li.zwei,
li.zweieins,
li.zweizwei,
li.zweidrei,
li.zweivier,
li.drei,
li.vier,
li.fuenf,
li.sechs,
li.sieben {
	transform: rotate(0deg);
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.bg_aktuelles {
    background: url(../img/bg-aktuelles.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio {
    background: url(../img/bg-portfolio.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub1 {
    background: url(../img/bg-portfolio-sub1.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub2 {
    background: url(../img/bg-portfolio-sub2.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub3 {
    background: url(../img/bg-portfolio-sub3.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub4 {
    background: url(../img/bg-portfolio-sub4.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_referenzen {
    background: url(../img/bg-referenzen.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_agentur {
    background: url(../img/bg-agentur.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_kontakt {
    background: url(../img/bg-kontakt.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_impressum {
    background: url(../img/bg-impressum.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.navMob {
    float: none;
    height: auto;
    width: 100%;
}

.mobNav {
    background: #ee8221;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    margin: 0;
}

a.mobNav {
    color: #fff !important;
}

#nav {
    width: 100%;
    position: relative;
}

#nav > a {
    display: none;
}

#nav ul {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav li {
    position: relative;
    background: #ee8221;
    text-transform: uppercase;
}

#nav > ul > li {
    font-size: 15px;
    display: block;
    margin: 0;
    line-height: 34px;
    border-bottom: 1px solid #fff;
}

.index nav ul li {
    margin: 0;
}

ul li {
	opacity: 1.0 !important;
}

#nav ul li a {
    background: none;
    color: #fff;
    font-weight: normal;
    margin: 0;
    padding: 4px 0;
    display: block;
    font-size: 16px;
}

#nav ul li a:hover,
#nav ul li.active a {
    background: #898a8c;
    color: #fff;
    border-bottom: none;
}

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type {
    display: block;
}

/* first level */

#nav > ul {
    height: auto;
    display: none;
    left: 0;
    right: 0;
}

#nav:target > ul {
    display: block;
    background: #ee8221;
    z-index: 1000;
    border-top: 1px solid #fff;
}

li.hasSub ul {
	visibility: visible !important;
	display: block;
	position: relative !important;
}

li.hasSub ul li a {
	text-transform: none;
}

li.hasSub ul li {
	border-top: 1px solid #fff;
}

nav {
    float: left;
    margin: 0;
    position: relative;
}

nav ul li {
    display: block;
    float: none;
    margin: 0;
}

#nav ul li.active ul li a {
    background: #ee8221;
}

#nav ul li.active ul li a:hover,
#nav ul li ul li.active a {
    background: #898a8c;
}

.index .backstretch {
    display: block;
}

.backstretch {
    display: none;
}

.content {
	background: none;
	padding: 0;
}

.mobile {
	height: 320px !important;
}

.aktuelles .aktuellElement {
	padding: 0 0 0 3%;
}

h1 {
    font-size: 22px !important;
    line-height: 26px !important;
    margin: 114px 0 0 !important;
}

}

/*#####################################################################################################################*/

/*Smartphone Landscape*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

#bgHolder {
	padding: 0;
	height: auto;
}

.white {
    background: #fff !important;
    margin: 0 !important;
    padding: 11px 0 0 0 !important;
    width: 100% !important;
    height: auto;
}

.logo {
    float: none;
    padding: 0;
    text-align: center;
    width: 60%;
    margin: 0px auto;
}

.logo a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    width: 100%;
    padding: 11px 0 10px 0;
}

.white .logo a img {
	width: 50%;
	height: auto;
}

h1 {
    font-size: 40px;
/*    color: #898a8c;
    font-weight: 700;
    line-height: 35px;
    margin: 50% 0 0;
    padding: 0;
    text-align: center;
*/
}

h1 b {
	
	font-size: 40px;
	
}

.inner {
    margin-left: 30%;
}

h2 {
    padding: 0 0 0 3%;
    font-size: 20px;
    line-height: 28px;
    margin: 5% 0 0;
}

article p {
    padding: 0 3%;
    font-size: 17px;
    font-weight: 400;
}

.bot p {
    padding: 0 3%;
    width: auto;
    font-size: 17px;
    font-weight: 400;
    float: left;
    margin: 15px 0;
}

.half {
	width: 100%;
	height: auto;
	float: left;
}

.third,
.twothird,
.index .half {
	width: 100%;
	height: 220px;
	float: left;
}

.third a,
.twothird a,
.index .half a {
	width: 100%;
	height: 220px;
}

.third a:hover,
.twothird a:hover,
.index .half a:hover {
	width: 100%;
	height: 220px;
}

.block {
	width: auto;
	height: 60px;
	background: #fff;
	color: #898a8c;
	text-transform: uppercase;
	font-size: 20px;
	padding: 20px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 20px;
	float: left;
	min-width: 130px;
        position: inherit;
        top:0;
        bottom:0;
        margin-left:0;
	left: 0;
}

.portfolio-sub1 .block {
	width: auto;
	height: 60px;
	background: #fff;
	color: #898a8c;
	text-transform: uppercase;
	font-size: 20px;
	padding: 20px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 20px;
	float: left;
	min-width: 130px;
        position: inherit;
        top:0;
        bottom:0;
        margin-left:0;
	left: 0;
}

.block,
.portfolio-sub1 .block {
    font-size: 16px;
    padding: 10px;
    min-width: 120px;
    height: 40px;
}

.block span {
    font-size: 10px;
}

.social {
    color: #fff;
    float: none;
    font-size: 34px;
    font-weight: 300;
    margin: 15px 3%;
}

li.eins,
li.einseins,
li.zwei,
li.zweieins,
li.zweizwei,
li.zweidrei,
li.zweivier,
li.drei,
li.vier,
li.fuenf,
li.sechs,
li.sieben {
	transform: rotate(0deg);
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.bg_aktuelles {
    background: url(../img/bg-aktuelles.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio {
    background: url(../img/bg-portfolio.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub1 {
    background: url(../img/bg-portfolio-sub1.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub2 {
    background: url(../img/bg-portfolio-sub2.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub3 {
    background: url(../img/bg-portfolio-sub3.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_portfolio-sub4 {
    background: url(../img/bg-portfolio-sub4.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_referenzen {
    background: url(../img/bg-referenzen.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_agentur {
    background: url(../img/bg-agentur.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_kontakt {
    background: url(../img/bg-kontakt.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.bg_impressum {
    background: url(../img/bg-impressum.jpg) no-repeat scroll 0 bottom / cover ;
    position: inherit;
}

.navMob {
    float: none;
    height: auto;
    width: 100%;
}

.mobNav {
    background: #ee8221;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    margin: 0;
}

a.mobNav {
    color: #fff !important;
}

#nav {
    width: 100%;
    position: relative;
}

#nav > a {
    display: none;
}

#nav ul {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav li {
    position: relative;
    background: #ee8221;
    text-transform: uppercase;
}

#nav > ul > li {
    font-size: 15px;
    display: block;
    margin: 0;
    line-height: 34px;
    border-bottom: 1px solid #fff;
}

.index nav ul li {
    margin: 0;
}

ul li {
	opacity: 1.0 !important;
}

#nav ul li a {
    background: none;
    color: #fff;
    font-weight: normal;
    margin: 0;
    padding: 4px 0;
    display: block;
    font-size: 16px;
}

#nav ul li a:hover,
#nav ul li.active a {
    background: #898a8c;
    color: #fff;
    border-bottom: none;
}

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type {
    display: block;
}

/* first level */

#nav > ul {
    height: auto;
    display: none;
    left: 0;
    right: 0;
}

#nav:target > ul {
    display: block;
    background: #ee8221;
    z-index: 1000;
    border-top: 1px solid #fff;
}

li.hasSub ul {
	visibility: visible !important;
	display: block;
	position: relative !important;
}

li.hasSub ul li a {
	text-transform: none;
}

li.hasSub ul li {
	border-top: 1px solid #fff;
}

nav {
    float: left;
    margin: 0;
    position: relative;
}

nav ul li {
    display: block;
    float: none;
    margin: 0;
}

#nav ul li.active ul li a {
    background: #ee8221;
}

#nav ul li.active ul li a:hover,
#nav ul li ul li.active a {
    background: #898a8c;
}

.index .backstretch {
    display: block;
}

.backstretch {
    display: none;
}

.content {
	background: none;
	padding: 0;
}

.mobile {
	height: 320px !important;
}

h1 {
    font-size: 22px !important;
    line-height: 26px !important;
    margin: 124px 0 0 !important;
}

/*.content-wrapper {
    display: flex;
    align-items: flex-start;
}

.content-wrapper img.team {
    margin-left: 20px;
    max-width: 300px;
}

.content-wrapper p {
    flex: 1;
}
*/

}