@font-face {
    font-family: 'gelasio-italic';
    src: url('fonts/gelasio-italic-variablefont_wght-webfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('fonts/Gelasio-Italic-VariableFont_wght.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

.da {display:none;}
.weg {display:inline-block; padding-bottom:15px;}

/* Start CSS Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, em, img, small, strike, strong, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, embed, figcaption, footer, header, 
menu, nav, section, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}

ul {
    list-style-type:none;
    margin:10px 0 0 20px;
    padding:0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {vertical-align: top;}

em {font-style: italic;}

/* End CSS Reset */


/* start main CSS */
html {
   /* position: relative;
    height: 100%; */
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size:1.1em;
    line-height: 1.4em;
    color: #141E2D;
    height:100%;
   /* margin-top:30px; */
}

a {color: #0E4E9A; text-decoration: none; outline: 0;}
a:hover {text-decoration:underline;}
a:focus, a: visited{outline: 0;}

div > p.blog-texthome > a > i{color: floralwhite !important;}
div > p.blog-texthome > a:hover > i{color: #ffffff !important;}

p {padding: 0;}

b, strong {font-weight: 600;}

i:hover{color:#b60f0f !important;}

ul li{padding:0 0 0 0;}

img {object-fit: cover;}

/* Alle Überschriften */
h1, h2, h3, h4, h5, h6 {font-family: "Playfair Display", sans-serif; line-height: 1.4;}

h1 {color: #F5A035; font-size: 26px; font-weight:400; line-height: 1.3em; margin: 10px 0 10px 0; font-style:italic;}
h2 {color: #E29717; font-size: 26px; font-weight:600; margin: 20px 0 25px 0;}
h3 {color: #141E2D; font-size: 20px; font-weight:300; margin: 10px 0 10px 0;}
h4 {color: #141E2D; font-size: 36px; font-weight:500; line-height: 1.3em; margin: 10px 0 10px 0;text-transform:uppercase;}
h5 {color: #141E2D; font-size: 18px; font-weight:400; line-height: 1.4em; vertical-align: left; margin: 0 0 5px 0;}
h6 {color: #141E2D; font-size: 30px; font-weight:100; line-height: 1.4em; margin: 30px 0 25px 0; vertical-align: left;}
h2.blog-texthome{font-weight:300; font-size:24px; margin:10px 0;}

/* Anpassungen für Sara */

h1.logo {
    margin: 0px;
    color:#FEFEFC;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 350;
    font-style: normal;
}

h1.gel{font-family: "gelasio-italic"; color: #F5A035; font-size: 26px; font-weight:400; line-height: 1.3em; margin: 10px 0 10px 0;}

.sidebar {margin-left:30px;}
.search-box {float:right;}


/* Anpassungen für Sara Ende */


.foot{margin:0 auto;font-size:13px;}
.korrektur{}
.starttext{background-color:#f5f5f5; padding:0 25px 0 25px;}
.mainpic{float:left;}
.hgweiss{background-color:#f5f5f5;}
.startboxen a{color:floralwhite;}
ul.horizontal-list{margin:0;}
img.logo{width:200px; height:auto; margin:15px 0 0 25px;}
.content, .content_breit ul{list-style-type:square; font-size:16px; margin-bottom: 0; text-align:justify;}
.homecontent {padding:0;}
div.wrap-col.content{margin-right:30px; text-align: justify; min-height:300px;}
div.wrap-col.content_breit{text-align:justify; min-height:500px; padding:25px;}
.content_main p, .content{font-size:17px;}
.content_main ol{list-style-type:decimal;}
.schubs{margin-left:15px;}
.displaypaging{position:absolute; bottom:10px;}
.machstriche{border-top: 1px #e29717 dashed;}
.machfff2{background:#fff; padding:0 0 0 25px;}
/* .footerbox{width:12.5%; border-right: 1px #e29717 dashed; margin: 0 40px 0 0;} */
.footerbox{display: flex; justify-content: space-between; align-items: center;}
.footerbox p{ border-right: 1px #e29717 dashed; padding-right: 2%; margin-top:4px;}
.joubert {padding: 50px 0 30px 0;}

/* Mediadir */
.platz{padding:0 20px 0 40px;}
i.fa.fa-sign-in{color:#b60f0f;}
i.fa.fa-sign-out{color:#b60f0f;}
i.fa.fa-instagram.fa-2x{color:#b60f0f;}
.linktext a{color: #b60f0f; text-decoration: none; outline: 0;}



#back-top {display: none; position: fixed; z-index:999; right: 10px; bottom: 6px; width: 25px; height: 25px; float: left; cursor: pointer; transition: .21s; -moz-transition: .21s; -webkit-transition: .21s; -o-transition: .21s; background: #444 url('images/up-arrow.png') no-repeat center center;}
#back-top:hover {background-color: #9E3A2C;}

button#cookie-note-ok{width:100%;background-color:white !important;color:#1484c0;}

/* Suchfunktion */
#search-form .search-box {
    background-color: #e8e8e8;
    background-image: url(images/search.png);
    background-position: 11px 50%;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 30px 30px 30px 30px;
    box-shadow: none;
    color: transparent;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    padding: 8px 0 9px;
    width: 35px;
}

#search-form .search-box:focus {
background-color: #e8e8e8;
    border: medium none;
    color: #666666;
    cursor: text;
    font-size: 13px;
    padding: 8px 15px 9px 35px;
    width: 110px;
    outline: none;
}

/* Klassen */
.komma::after {content: ", ";}

/* Button colors */
.siriusbutton {
	border:1px solid floralwhite;
	color:#444;
	font-size:15px;
	padding:4px 8px;
	text-decoration:none;
	line-height:60px;
}
.siriusbutton:hover {
	border:1px solid #999;
	color: white;
	text-decoration:none !important;
}
.siriusbutton:active {
	position:relative;
	top:1px;
}

/* Wer ist angemeldet und logout im Header*/
.whoisloggedin {
        position: absolute;
        right: 60px;
        top: 5px;
        float:right;
        font-size: 13px;
        margin:0;
        text-align:right;
        width:300px;
}
.whoisloggedin ul{margin:0; padding:0; list-style-type:none;}
.whoisloggedin ul li{margin:0; padding:20px 0 0 3px; display:block; width:auto;}
.whoisloggedin ul li a{font-size: 13px;	margin:0; padding:0; text-decoration:none;}
.whoisloggedin ul li a.active{color:#ccc;}

/* Footer */
.leftfooter{float:left;}
.rightfooter{float:right !important;}
div.col-1-2.leftfooter{padding: 20px 0 0 0;}
div.col-1-2.rightfooter{float:right; width:25%; font-size:17px;}

.level-3 a.active{text-decoration:underline;}

/* Diverses */
.message_error{color:#ff0000;}
.multicolumn {margin:0;column-count:3;column-gap:10px;column-rule:1px dotted #ccc;}
.ui-dialog .ui-resizable-se {display: none !important;}

hr {border: none; border-top: 1px dotted #d8d5d5; /* color: #ffffff; background-color: #ffffff; */height: 1px; margin: 10px 0 15px 0;}

div.wrap-col.left{margin-left:30px;}
div.wrap-col.right{margin-right:30px;}

.blog-texthome {text-align: center; margin: 15px 0 5px 0; padding:0;}


.white{background-color:#fff;}

.meta{position: absolute; right: 10px; top: -4px; font-size: 13px; text-align:right;}
.meta a.active{color:#19222f;}

.pad{padding:30px 20px 100px 20px; background-color:#B0DC71;}
.flyoutclaim {display:none;}
.searchoff {display:none;}
.infotxt {font-size:80%}
.metasearch{display:block;margin:-68px -8px 0 0; float:right;position:relative; z-index:999;}
.up{margin-top:-48px;}


/* Video Zeug */
.embed-responsive {position: relative; display: block; height: 0; padding: 0; overflow: hidden;}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0;}
 
/* Modifier class for 16:9 aspect ratio */
.embed-responsive-16by9 {padding-bottom: 56.25%;}

/* Modifier class for krumme aspect ratio */
.embed-responsive-krumm {padding-bottom: 60%;}
 
/* Modifier class for 4:3 aspect ratio */
.embed-responsive-4by3 {padding-bottom: 74.7%;}

.video-container {
	position:relative;
	padding-bottom:50%;
	padding-top:0px;
	height:0;
	overflow:hidden;
        margin-bottom: 20px;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

video {width: 100% !IMPORTANT; height: auto !IMPORTANT;}


/* zum entfernen */

#wrap{/* margin: 155px 25px 0 25px; */}
#wrap img{max-width:100%; width:100%; height:auto;}