/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v28-latin-regular.svg#OpenSans') 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-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-serif-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-serif-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-serif-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-serif-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-serif-v16-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-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/pt-serif-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/pt-serif-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/pt-serif-v16-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/pt-serif-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/pt-serif-v16-latin-700.svg#PTSerif') format('svg'); /* Legacy iOS */
}


html {
    box-sizing: content-box;
}

*, ::before, ::after {
    box-sizing: inherit;
}

/* Besseres scrollen für ios */
/* https: //css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/ */
/* https://www.learningsomethingnew.com/5-cordova-i-os-pitfalls-and-how-to-overcome-them */
* {
    /*-webkit-overflow-scrolling: touch;*/
}

/* Schrift für Überchriften definieren */
h1, h2, h3, h4, h5 {
    font-weight: bold;
    font-family: "PT Serif" !important;
}

/* Change font to Quicksand https://stackoverflow.com/a/24076928/2381164 */
body {
    /*background-color: #eeeeee !important;*/
    font-family: "Open Sans",Arial,Helvetica,sans-serif !important; //
    /* Keinen Rahmen und Padding für die Hauptseite*/
    padding: 0px;
    margin: 0px;
}

a:link {
    color: #00589c;
    text-decoration: none;
}

a:visited {
    color: #00589c;
    text-decoration: none;
}

a:focus {
    color: #00589c;
    text-decoration: none;
}

a:hover {
    color: #00589c;
    text-decoration: none;
}

a:active {
    color: #00589c;
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

#header,#header .dropdown-menu{
    background-color: #007EB0;
}

/* https://stackoverflow.com/a/25801451 */
#header .dropdown-menu > li > a:hover{
    background-color: #007EB0;
}

#header .navbar-brand{
    padding: 5px;
}

#header .navbar-nav .nav-item, #header .navbar-nav .nav-item a{
    color:white;
}

#userActionButton button, #userActionButton input[type=submit] {
    background-color: #DB0050;
    border-color: #db0050;
    color:white;
}
#userActionButton ul.typo3-messages {
	list-style: none;
    	position: absolute;
    	z-index: 2;
    	width: 320px;
    	top: -60px;
    	right: 166px;
}
#userActionButton .dropdown-menu{
    background-color: white;
}

#subheader, #subheader .dropdown-menu{
    background-color: #daecf3;
    color:black;
}
#subheader .navbar-nav .nav-item, #subheader .navbar-nav .nav-item a{
    color:black;
}

#main{
    background-color: white;
    border:1px solid #dddddd;
}

#footer{
    min-height: 3rem;
    background-color: #f0f0f0;
}

.element{
    padding:0.4rem;
    border:1px solid lightgray;
    min-width: 3rem;
}

.element.available{
    background-color:#C2DEF2;
}

.element.preparation{
    /*    background-color:#e0e7eb; */
    background-color:#FFFFFF;
}


/* https://stackoverflow.com/a/29666997 */

@media (min-width: 1400px) {
    .text_columns{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 3em;
        -moz-column-gap: 3em;
        column-gap: 3em;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .text_columns{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 3em;
        -moz-column-gap: 3em;
        column-gap: 3em;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .text_columns{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 3em;
        -moz-column-gap: 3em;
        column-gap: 3em;
    }
}

@media (max-width: 768px) {
    .text_columns{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 3em;
        -moz-column-gap: 3em;
        column-gap: 3em;
    }
}