/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/*ALLGEMEIN*/
.clear{clear:both;}
iframe, object, embed {max-width: 100%;}
body {
	height: 110%;
	margin: 0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:110%;
	line-height:150%;
    color: #333333;
    font-weight: 300;
    word-wrap: break-word;}

img {
  max-width:100% !important; 
  height:auto;
  display:block;}
h1 {
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-size: 200%;
    line-height: 120%;
    margin:0% 0 4% 0;}

h2  {
	color: #333333;
	font-family: 'Open Sans', sans-serif;
	font-size: 150%;
	font-weight: 300 !important;
    padding-bottom:30px;}

a:link{
	text-decoration:underline;
	color:#333333;}
a:hover{
	text-decoration:underline;
	color: #ff0000;}	
a:visited{
	text-decoration:none;
	color:#333333;}	

ul {
    color: #333333;list-style-position:inside;list-style: none;}

li:before {
    content: "• ";
    color: #333333;
    font-size:150%;}

/*ALLGEMEIN*/


.linke-spalte{
    background-image: url("../images/links.jpg");
    background-position: top center;
    background-size: cover;
    height: 780px;
    text-align: left;
    position: relative;
    margin-top: 10%;
    width: 60%;
    float: left;}

.rechte-spalte{
    margin-top: 10%;
    min-height: 780px;
    background-color: #f0f2f2;
    width: 40%;
    float: left;}

.rechte-spalte-inner {
    padding-top: 7%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 3%;
}

.pic {
      display: flex; 
    justify-content: center; 
    align-items: center;
}

.kontakt a {text-decoration: none;}

.footer{text-align: right;
    margin-bottom:3%;
    font-size:80%;
}
.width70 {width:50%;margin: 5% auto;}


/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 

#myBtn{
    background: none;
    border: none;
    font-size: 100%;
    color: #505152;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    cursor: pointer;}

#myBtn1{
    background: none;
    border: none;
    font-size: 100%;
    color: #505152;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    cursor: pointer;}

.cc_container .cc_btn {
background-color: #f1f1f1 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #fff !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #000000 !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #929395 !important; /* Textlink-Farbe "Mehr Infos" */
}