@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Lora:400,700,400i');
html {

}


/* Akkordeon*/

.akkordeon {
	border: 1px solid grey;
	display: table-cell;
	margin: 30px;
	padding: 30px 20px;
	width: 350px;
}

.akkordeon p {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0s;
	margin-top:20px;
}

.akkordeon a, .akkordeon a:link, .akkordeon a:visited, .akkordeon a:hover {
	color: #A21925;
	font-family: "Open Sans",sans-serif;
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 0;
}


.akkordeon p:target {
  max-height: 1000px;
  transition-delay: 0s;
	padding-top:40px;
}



/* Navigation */

.main-nav {
  z-index: 150;
    background: #a0c3e8;
    margin: auto;
    text-align: center;
    padding-top: 5px;
    height: 40px;
    position: relative;
    margin-top:20px;
}

.main-nav-scrolled {
  position: fixed;
  width: 1050px;
  top: 0;
  margin-top:0px;
    box-shadow: 0 2px 3px rgba(0,0,0,.4);
}

.main_sn {
  background: #f2f2e8;
  padding: 110px 50px 50px;
  column-count: 2;
  column-gap: 40px;
}

{
box-sizing: border-box;
}

body {
background: #F6F6F6;
font-family: Georgia, serif;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.01em;
}

/*header {
height: 180px;
}*/

img, img a {
border: none;
}

a, a:link {
outline: none;
}

body, html, p, h1, h2, h3, h4, h5, h6, ul, ol, li, table, tr, td, div {
margin: 0;
padding: 0;
}

p {
font-family: Georgia, serif;
font-weight: 400;
font-size: 18px;
line-height: 28px;
letter-spacing: 0.01em;
color: rgb(29, 32, 29);
}

quote {
font-family: Lora, Georgia, serif;
font-style: italic;
font-weight: 400;
font-size: 42px;
line-height: 50px;
letter-spacing: 0.02em;
color: #787878;
}

quote_small {
font-family: Lora, Georgia, serif;
font-style: italic;
font-weight: 400;
font-size: 22px;
line-height: 26px;
letter-spacing: 0.02em;
color: #787878;
}

h1_tarmann {
font-family: Lora, Georgia, serif;
font-style: regular;
font-weight: 400;
font-size: 40px;
line-height: 48px;
letter-spacing: 0.02em;
color: #5A686D;
}


h2 {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 25px;
line-height: 30px;
letter-spacing: 0.00em;
color: #A21925;
}


intro {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 26px;
letter-spacing: 0.00em;
color: #A21925;
}

text_med {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
letter-spacing: 0.00em;
color: #333333;
}

small {
font-family: Georgia, serif;
font-weight: 400;
font-size: 15px;
line-height: 20px;
letter-spacing: 0.02em;
color: rgb(83, 107, 96);
}

big-quote {
font-family: Georgia, serif;
font-style: italic;
font-weight: 400;
font-size: 42px;
line-height: 48px;
letter-spacing: 0.0em;
color: rgb(205, 204, 204);
}

a {
color: #1B61A7;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
line-height: 19px;
}

a:link {color: #1B61A7; text-decoration:none}
a:visited {color: rgb(83, 107, 96); text-decoration:none}
a:hover {color: #1B61A7; text-decoration:underline}

ul {
    list-style: none;
    list-style-position:outside;
    text-indent: -20px;
    padding-left:15px;
}

li:before {
    font-size: 22px;
    color: #1B61A7;
    content: "+";
    margin-right: 5px;
}



div#container {
margin: 0 auto 20px auto;
position: relative;
width: 1050px;
border: 1px solid transparent;
}


#main {
background-color: #a0c3e8;
position: relative;
padding-bottom: 60px;
}

/* Content */

#content {
margin-left: auto;
margin-right: auto;
padding: 0 0 0 0;
position: relative;
}

/* hometeaser */

div.teaser {
    margin: 0px 100px 80px 100px;
    overflow: hidden;
    padding: 0px 0;
}
div.teaser img {
    float: left;
}
div.teasertext {
    margin-left: 5px;
}

/* ankuender */

div.ankuender {
    margin: 0px 70px 80px 170px;
    overflow: hidden;
    padding: 0px 0;
}
div.ankuender img {
    float: left;
}
div.ankuendertext {
    margin: 20px 0px 0 260px;
    width: 250px;
}

/* text */

div.text {
    margin: 0px 100px 0px 170px;
    padding: 0px 30px;
    width: 600px;
		border-left:2px solid rgb(222, 170, 118);
}

/* quote */
div.quote {
background-image: url(http://www.meta.at/av/bilder/02_quote-line.png);
background-repeat: no-repeat;
padding-top: 50px;
text-align: left;
margin-left:auto;
margin-right:auto;
margin-bottom: 50px;
width:600px;
font-family: 'Alegreya', Georgia, serif;
font-style: italic;
font-weight: 400;
font-size: 24px;
line-height: 35px;
letter-spacing: 0.0em;
color: rgb(83, 107, 96);
}

/* sidebar */

div#sidebar {
float: right;
width: 224px;
padding: 0;
margin-top: 0px;
}



/* Projektor */

div.projektor {
background: #F6F6F6;
width: 1000px;
margin-left:auto;
margin-right:auto;
position: relative;
padding-top: 20px;
border: 1px solid #787878;
}

/* Mitte */

div#mitte {
background-color: #a0c3e8;
background-image: url(../bilder/MarkusT_Herz_HG.png);
background-repeat: no-repeat;
margin-left:auto;
margin-right:auto;
}

/* Kasten */

div#kasten {
background-color: #f6f6f6;
width:240px;
padding: 20px;}


div#projektor.video {
width: 700px;
}

/* Tabellen */
div.table {
    display: table;
    border: 0px solid blue;
    padding: 5px;
  }

  div.tableleistung {
      display: table;
      border: 0px solid blue;
      margin:auto;
      width:1000px;
    }

div.spalte {
    display: table-cell;
    border: solid red 0px;
    padding: 5px;
    float:left;
    }

div.spalte_blau {
      display: table-cell;
    border-right-width:   2px;
    border-right-style:   solid;
    border-color:    #1B61A7;
        float:left;
   }

div.spalte_rot {
      display: table-cell;
   border-right-width:   2px;
   border-right-style:   solid;
   border-color:    #A21925;
       float:left;
  }



/* Tabellen medizinische Angebote */
div.table_med {
        display: table;
        border: 0px solid grey;
        width: calc(100% - 15px);
        border-spacing:45px 20px;
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        margin-right:auto;
        margin-left: auto;
      }

div.spalte_med {
        display: table-cell;
        border: 1px solid grey;
        width: 350px;
        padding: 30px 20px;
        margin: 30px;
        text-align: center;
        }

/* Tabellen Bilder unten */
    div.table_pic {
            display: table;
            width: calc(100% - 80px);
            border: 0px solid grey;
            margin: auto;
            border-spacing:5px 5px;
          }

    div.spalte_pic {
            display: table-cell;
            border: 0px solid red;
            padding-left: auto;
            padding-right: auto;
            }

/* Tabellen medizinische Angebote */
    div.table_cv {
                display: table;
                width: calc(100% - 80px);
                border: 0px solid grey;
                margin: auto;
                border-spacing:20px 20px;
                font-family: 'Open Sans', sans-serif;
                font-size: 16px;
                font-weight: 400;
                line-height: 30px;
              }

    div.spalte_cv {
                display: table-cell;
                border: 0px solid grey;
                padding: 0px 0px;
                width: 400px;
                }

/* Tabellen Leistungsangebot */
        div.table_leistung {
                display: table;
                width: calc(100% - 80px);
                border: 0px solid grey;
                margin: auto;
                border-spacing:20px 20px;
                font-family: 'Georgia', serif;
                font-size: 18px;
                font-weight: 400;
                line-height: 24px;
              }

         div.spalte_leistung {
                display: table-cell;
                border: 0px solid grey;
                padding: 0px 0px;
                width: 380px;
                }

.spalte_leistung          ul {
                list-style: none;
                list-style-position:outside;
                text-indent: -20px;
                padding-left:15px;
                }

.spalte_leistung  li {
                    margin-bottom: 10px;
                      }

.spalte_leistung  li:before {
                font-size: 22px;
                color: #a21925;
                content: "+";
                margin-right: 5px;
                }