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

/* istok-web-regular - latin */
@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/istok-web-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Istok Web Regular'), local('IstokWeb-Regular'),
       url('../fonts/istok-web-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/istok-web-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/istok-web-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/istok-web-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/istok-web-v11-latin-regular.svg#IstokWeb') format('svg'); /* Legacy iOS */
}
/* istok-web-italic - latin */
@font-face {
  font-family: 'Istok Web';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/istok-web-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Istok Web Italic'), local('IstokWeb-Italic'),
       url('../fonts/istok-web-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/istok-web-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/istok-web-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/istok-web-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/istok-web-v11-latin-italic.svg#IstokWeb') format('svg'); /* Legacy iOS */
}
/* istok-web-700 - latin */
@font-face {
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/istok-web-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Istok Web Bold'), local('IstokWeb-Bold'),
       url('../fonts/istok-web-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/istok-web-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/istok-web-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/istok-web-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/istok-web-v11-latin-700.svg#IstokWeb') format('svg'); /* Legacy iOS */
}
/* istok-web-700italic - latin */
@font-face {
  font-family: 'Istok Web';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/istok-web-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Istok Web Bold Italic'), local('IstokWeb-BoldItalic'),
       url('../fonts/istok-web-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/istok-web-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/istok-web-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/istok-web-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/istok-web-v11-latin-700italic.svg#IstokWeb') format('svg'); /* Legacy iOS */
}

/* Font */
body {font-family: 'Istok Web', sans-serif;}
#g360_page {float:none;width:100%;max-width:1200px; margin:0 auto;}
/* Basics */
::selection {background: #A21C26; color:#111;}
::-moz-selection {background: #A21C26; color:#111;}

/* Fancy */
.shadowed {-moz-box-shadow:0 3px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 3px 0 rgba(0,0,0,.1);-o-box-shadow:0 3px 0 rgba(0,0,0,.1);-ms-box-shadow:0 3px 0 rgba(0,0,0,.1);box-shadow:0 3px 0 rgba(0,0,0,.1);}
.rounded {-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}

/* Custom colors*/

/* Page Hintergrund */
.cbcpagebg {background-color:#a21c26;}
/* generelle Schmuckfarbe */
.cbcstyle {background-color:#a21c26;color:#fff;}
.cbcstyle a {color:#fff;}
/* Header */
.cbcheader {background-color:#fff;color:#000;}
.cbcheader a {color:#000;}
/* Footer */
.cbcfooter {background-color:#111;color:#fff;}
.cbcfooter a {color:#fff;}
/* Tabs */
.cbctab {background-color:#318B00;color:#fff;}
.cbctab a {color:#fff;}
/* Menue Offcanvas */
.cbcoffcanvas {background-color:#111;color:#fff;}
.cbcoffcanvas a {color:#fff;}
/* Menue Offcanvas Trigger*/
.cbcmenuetrigger {background-color:#a21c26;color:#fff;}
/* Searchtrigger Trigger*/
.cbcsearchtrigger {background-color:#eee;color:#333;}


/* Basics */
.cbcred {background-color:#d62732;color:#fff;}
.cbcred a {color:#fff;}
.cbcred .g360_linkbutton {color:#d62732;}
.cbcblue {background-color:#2B60CB;color:#fff;}
.cbcblue a {color:#fff;}
.cbcblue .g360_linkbutton {color:#2B60CB;}
.cbcgreen {background-color:#71CC46;color:#fff;}
.cbcgreen a {color:#fff;}
.cbcgreen .g360_linkbutton {color:#71CC46;}
.cbcgrey {background-color:#efefef;color:#fff;}
.cbclight {background-color:#f5f5f5;}
.g360_linkbutton.cbclight {color:#333;}
.cbcdark {background-color:#69252a;color:#fff;}
.cbcdark  a {color:#fff;}
.cbcblack {background-color:#111;color:#fff;}
.cbcblack a {color:#fff;}
.g360_linkbutton.cbcblack {color:#fff;}
.cbcwhite {background-color:#fff;}
.g360_linkbutton.cbcwhite {color:#333;}
.cbcopaque {background-color:rgba(255,255,255,.5);}
.g360_linkbutton.cbcopaque {color:#fff;}


#social_nav {float:left;width:100%;list-style-type:none;}
#social_nav li {float:left;width:auto;background-color:#fff;margin:.5%;padding:2px 10px;text-align:center;height:auto;border-radius:5px;}
#social_nav li a {font-size:2.5em;}
#social_nav li.facebook a {color:#4D68A2}
#social_nav li.google a {color:#E46F61}
#social_nav li.twitter a {color:#1DA1F2}

/* ################################################################################# */
/* ### Media queries ############################################################### */
/* ################################################################################# */

/* Normal Screen */
@media screen and (max-width: 1500px) {
}

/* Normal Screen */
@media screen and (max-width: 1200px) {
}

/* iPad, Landscape 1024x768 */
@media screen and (max-width: 1100px) {	
}

/* iPad, Portrait 768x1024 */
@media screen and (max-width: 800px) {
}

/* iPhone, Landscape 480x320 */
@media screen and (max-width: 500px) {
}

/* iPhone, Portrait 320x480 */
@media screen and (max-width: 350px) {
}