@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=e2b0086d-1ef2-4fda-b791-77e819d118c8");
    @font-face{
        font-family:"AvenirNext"; /* Regular */
        src:url("/themes/lyrik/resources/fonts/avnextpe/Fonts/677ce018-f09d-4e73-9713-bb2d8fd47896.eot?#iefix");
        src:url("/themes/lyrik/resources/fonts/avnextpe/Fonts/677ce018-f09d-4e73-9713-bb2d8fd47896.eot?#iefix") format("eot"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/8b1d5802-f86f-4cc1-95a8-261eabda1d22.woff2") format("woff2"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/30306912-4758-4c5f-8cd7-76a816c2e7aa.woff") format("woff"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/00b0b7d9-bb66-4f91-aac2-82571a7a3b61.ttf") format("truetype"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/19fe4c10-13f9-48bd-b902-710a507ee49e.svg#19fe4c10-13f9-48bd-b902-710a507ee49e") format("svg");
		font-weight:400;
        font-style:normal;
    }
    @font-face{
        font-family:"AvenirNext"; /* Medium */
        src:url("/themes/lyrik/resources/fonts/avnextpe/Fonts/9075a309-3c8e-4932-a2b8-0e34e3f30fd6.eot?#iefix");
        src:url("/themes/lyrik/resources/fonts/avnextpe/Fonts/9075a309-3c8e-4932-a2b8-0e34e3f30fd6.eot?#iefix") format("eot"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/61f9ec25-f5d7-431f-9606-553aa690b3ae.woff2") format("woff2"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/ab6d6afa-8f48-441b-a01d-a843b3a3aec1.woff") format("woff"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/9c6c6099-637a-4e91-80c3-4dbe55854afe.ttf") format("truetype"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/1557f6b0-463e-4939-9fbb-15bf52ac443c.svg#1557f6b0-463e-4939-9fbb-15bf52ac443c") format("svg");
		font-weight:500;
        font-style:normal;
    }
    @font-face{
        font-family:"AvenirNext"; /*Demi*/
        src:url("/themes/lyrik/resources/fonts/avnextpe/Fonts/84f6130a-ee4e-4d03-918d-de92cfaa2da1.eot?#iefix");
        src:url("/themes/lyrik/resources/fonts/avnextpe/Fonts/84f6130a-ee4e-4d03-918d-de92cfaa2da1.eot?#iefix") format("eot"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/1d9a4bae-080b-46bf-93b0-5930ffd10549.woff2") format("woff2"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/e46a8eac-9aea-4ee0-a18d-ad17ee506926.woff") format("woff"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/37f4ac36-6e15-4082-bc8e-669c9f04f58c.ttf") format("truetype"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/10407b24-f58d-4c7b-bea4-f196f544e87d.svg#10407b24-f58d-4c7b-bea4-f196f544e87d") format("svg");
		font-weight:600;
        font-style:normal;
    }
    @font-face{
        font-family:"AvenirNext"; /*Bold*/
        src:url("/themes/lyrik/resources/fonts/avnextpe/Fonts/b6cca3cb-41da-4b42-ad6d-288f331963ac.eot?#iefix");
        src:url("/themes/lyrik/resources/fonts/avnextpe/Fonts/b6cca3cb-41da-4b42-ad6d-288f331963ac.eot?#iefix") format("eot"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/901a2c10-d319-4fb9-bcde-ecf09195e0cb.woff2") format("woff2"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/46a31e90-07d1-4815-abe0-145be90a93c2.woff") format("woff"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/344375ed-a79a-4008-a6cf-7fab039bf1ce.ttf") format("truetype"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/6a1201b1-33df-4016-80f1-ee4fd361148f.svg#6a1201b1-33df-4016-80f1-ee4fd361148f") format("svg");
		font-weight:700;
        font-style:normal;
    }
    @font-face{
        font-family:"AvenirNext"; /*Heavy*/
        src:url("/themes/lyrik/resources/fonts/avnextpe/Fonts/6039d1cb-422e-4337-bdef-4f71aeae8d45.eot?#iefix");
        src:url("/themes/lyrik/resources/fonts/avnextpe/Fonts/6039d1cb-422e-4337-bdef-4f71aeae8d45.eot?#iefix") format("eot"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/c714320b-6e6f-425e-be1a-091215488632.woff2") format("woff2"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/1e2915bc-271a-4a68-9ac9-d479cf86f30a.woff") format("woff"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/a1dbdbf6-3c09-41ed-96fe-fc276ec88e73.ttf") format("truetype"),
		url("/themes/lyrik/resources/fonts/avnextpe/Fonts/3fc34b16-50c3-4117-9379-dd5e6544fb0b.svg#3fc34b16-50c3-4117-9379-dd5e6544fb0b") format("svg");
		font-weight:900;
        font-style:normal;
    }

/* -------------------------- bootstrap overrides ----------------------*/
.main,
.fancybox-overlay { font-family:"AvenirNext", "Helvetica Neue", Helvetica, Arial; } 

.main ul, .main ol { padding:0; list-style-type:none; }


.h1, h1 { font-size:35px;  }
.h2, h2 { font-size:30px;  }
.h3, h3 { font-size:25px; }
.h4, h4 { font-size:20px; }
.h1, .h2, .h3, h1, h2, h3 { margin-top:0px; margin-bottom:20px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family:"AvenirNext", "Helvetica Neue", Helvetica, Arial; font-weight:700; line-height:1.4; color:inherit; color:#000; }

h4, .h5, .h6, h4, h5, h6 { margin-top:0px; margin-bottom:10px; }

.main .hiddenspec { display:none; }

.col-xs-0-5, .col-sm-0-5, .col-md-0-5, .col-lg-0-5 { position:relative; min-height:1px; padding-right:15px; padding-left:15px; float:left; }
.col-xs-0-5 { width:4.16666666666667%; }
@media (min-width:768px) { .col-sm-0-5 { width:4.16666666666667%; } }
@media (min-width:992px) { .col-md-0-5 { width:4.16666666666667%; } }
@media (min-width:1200px) { .col-lg-0-5 { width:4.16666666666667%; } }

.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5 { position:relative; min-height:1px; padding-right:15px; padding-left:15px; float:left; }
.col-xs-3-5 { width:29.16666666666666%; }
@media (min-width:768px) { .col-sm-3-5 { width:29.16666666666666%; } }
@media (min-width:992px) { .col-md-3-5 { width:29.16666666666666%; } }
@media (min-width:1200px) { .col-lg-3-5 { width:29.16666666666666%; } }


a { color:#000000; /* font-weight:600; */ }
a:hover { text-decoration:none; color:#51a97c; }
a:focus { text-decoration:none; color:#51a97c; }

.main .text-body a { font-weight:600; color:#51a97c; }
.main .text-body a:hover { color:#000; }

.main .btn,
.fancybox-overlay .btn { border-radius:0; padding:8px 12px; }
.main .btn.btn-xs,
.fancybox-overlay .btn.btn-xs  { padding:5px 10px; }

.main .liste { padding:0; list-style-type:none; }
.main .liste li { list-style-type:none; }

.main .container { position:relative }

/*XXS Portrait Smartphone*/
.visible-xxs { display:none !important; visibility:hidden; }
.hidden-xxs { display:block; visibility:visible; }

@media screen and (max-width:479px) {
	.visible-xxs { display:block !important; visibility:visible !important; }
	.hidden-xxs { display:none !important; visibility:hidden !important; }
	
	.col-xxs-1,
	.col-xxs-2,
	.col-xxs-3,
	.col-xxs-4,
	.col-xxs-5,
	.col-xxs-6,
	.col-xxs-7,
	.col-xxs-8,
	.col-xxs-9,
	.col-xxs-10,
	.col-xxs-11,
	.col-xxs-12 { position:relative; min-height:1px; padding-right:15px; padding-left:15px; }
	
	.col-xxs-1,
	.col-xxs-2,
	.col-xxs-3,
	.col-xxs-4,
	.col-xxs-5,
	.col-xxs-6,
	.col-xxs-7,
	.col-xxs-8,
	.col-xxs-9,
	.col-xxs-10,
	.col-xxs-11 { float:left; }
	
	.col-xxs-1 { width:8.333333333333332%; }
	.col-xxs-2 { width:16.666666666666664%; }
	.col-xxs-3 { width:25%; }
	.col-xxs-4 { width:33.33333333333333%; }
	.col-xxs-5 { width:41.66666666666667%; }
	.col-xxs-6 { width:50%; }
	.col-xxs-7 { width:58.333333333333336%; }
	.col-xxs-8 { width:66.66666666666666%; }
	.col-xxs-9 { width:75%; }
	.col-xxs-10 { width:83.33333333333334%; }
	.col-xxs-11 { width:91.66666666666666%; }
	.col-xxs-12 { width:100%; }
	
	.col-xxs-offset-1 { margin-left:8.333333333333332%; }
	.col-xxs-offset-2 { margin-left:16.666666666666664%; }
	.col-xxs-offset-3 { margin-left:25%; }
	.col-xxs-offset-4 { margin-left:33.33333333333333%; }
	.col-xxs-offset-5 { margin-left:41.66666666666667%; }
	.col-xxs-offset-6 { margin-left:50%; }
	.col-xxs-offset-7 { margin-left:58.333333333333336%; }
	.col-xxs-offset-8 { margin-left:66.66666666666666%; }
	.col-xxs-offset-9 { margin-left:75%; }
	.col-xxs-offset-10 { margin-left:83.33333333333334%; }
	.col-xxs-offset-11 { margin-left:91.66666666666666%; }
	.col-xxs-offset-12 { margin-left:0; }
}

body, html { line-height:1.4; }
body {  }

/* .main.ru *:not(i) { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } */

.main { color:#000; font-size:16px; }
.main .h1, 
.main h1, 
.main .h2, 
.main h2, 
.main .h3, 
.main h3, 
.main h4, 
.main .h5, 
.main .h6, 
.main .h4, 
.main h5, 
.main h6,
.main .h6 { margin-top:0px;}

.main .hgroup { margin-bottom:20px; }
.main .hgroup .h1, 
.main .hgroup h1, 
.main .hgroup .h2, 
.main .hgroup h2, 
.main .hgroup .h3, 
.main .hgroup h3, 
.main .hgroup h4, 
.main .hgroup .h5, 
.main .hgroup .h6, 
.main .hgroup .h4, 
.main .hgroup h5, 
.main .hgroup h6
.main .hgroup .h6 { margin-top:0; margin-bottom:0;}

.main .form-control,
.main .regform .captcha input.ccm-input-captcha { border:1px solid #000; border-radius:0; height:30px; color:#000; }
.main .regform .captcha input.ccm-input-captcha { width:100%; }

.main .btn.btn-black { background-color:#000; color:#fff; }
.main .btn.btn-black:hover { background-color:#000; color:#B0CCFC; } 
.main .btn.btn-default { border:1px solid #000; border-radius:0px; background-color:transparent; color:#000; }
.main .btn.btn-default:hover { background-color:#000; color:#fff; }
.main .btn.btn-flieder {background:#B0CCFC; color:#fff;}
.main .btn.btn-flieder:hover {background:#B0CCFC; color:#000;}
.main .btn.btn-reset {background:#ababab; color:#fff;}
.main .btn.btn-reset:hover {background:#e4e4e4; color:#000;}

.fancybox-overlay .btn.btn-black { background-color:#000; color:#fff; }
.fancybox-overlay .btn.btn-black:hover { background-color:#000; color:#B0CCFC; } 
.fancybox-overlay .btn.btn-default { border:1px solid #000; border-radius:0px; background-color:transparent; color:#000; }
.fancybox-overlay .btn.btn-default:hover { background-color:#000; color:#fff; }
.fancybox-overlay .btn.btn-flieder {background:#B0CCFC; color:#fff;}
.fancybox-overlay .btn.btn-flieder:hover {background:#B0CCFC; color:#000;}
.fancybox-overlay .btn.btn-reset {background:#ababab; color:#fff;}
.fancybox-overlay .btn.btn-reset:hover {background:#e4e4e4; color:#000;}

.main label { font-weight:500; }
.main .zentriert { text-align:center !important; }
.main .linksbuendig { text-align:left !important; }
.main .rechtsbuendig { text-align:right !important; }
.main .blocksatz { text-align:justify !important; }

/* -------------------------------------- boxes --------------------------------------- */
.main .box { position:relative; margin-bottom:30px; }
.main .box-border { border:1px solid #BFBFBF; }


.main .box .box-head { padding:20px 20px 0 20px; clear:both; }
.main .box .box-head.border { border-bottom:1px solid #BFBFBF; }
.main .box .box-body { padding:20px; clear:both; }
.main .box .box-body.border { border-bottom:1px solid #BFBFBF; margin-bottom:14px; }
.main .box .box-foot { padding:0 20px 20px 20px; /* position:absolute; bottom:0; left:0px; width:100%; */ }

.main .box h3 { font-size:20px; margin-bottom:14px; }
.main .box h4 { font-size:16px; margin-bottom:0; margin-bottom:10px; }
.main .box p:last-child { margin-bottom:0; }


/* -------------------------------------- header nav mainheader --------------------------------------  */

.main .mainheader { background-color:#CEEADB; margin-bottom:30px; }
.main .mainheader .navbar-default.topnav a.navbar-brand { width:190px; height:auto; position:relative; margin-bottom:30px; }
.main .mainheader .navbar-default.topnav a.navbar-brand .claim { position:absolute; bottom:12px; left:100%; width:70%; margin-left:0px; }
.main .mainheader .navbar-default.topnav {border-color:transparent;  border-bottom:0px solid transparent; background-color:transparent; margin-bottom:0; }
.main .mainheader .navbar-default.topnav a.navbar-brand:hover img { opacity:0.6; }
.main .mainheader .navbar-default.topnav .metanav { position:absolute; top:0; right:15px; z-index:1; padding-top:15px; }
.main .mainheader .navbar-default.topnav .metanav ul.ccm-manual-nav { /* margin-left:100px */ }
.main .mainheader .navbar-default.topnav .metanav ul.ccm-manual-nav,
.main .mainheader .navbar-default.topnav .metanav ul#nav-lang { list-style:none; padding:0; float:right; }



.main .mainheader .navbar-default.topnav .metanav ul.ccm-manual-nav li { list-style:none; margin:0; padding:0; float:left; border-left:2px solid #000; font-size:13px; }
.main .mainheader .navbar-default.topnav .metanav ul#nav-lang li { list-style:none; margin:0; padding:0; float:left; border-right:2px solid #000; font-size:13px; }



.main .mainheader .navbar-default.topnav .metanav ul.ccm-manual-nav li a,
.main .mainheader .navbar-default.topnav .metanav ul#nav-lang a { color:#000; padding:2px 8px; }
.main .mainheader .navbar-default.topnav .metanav ul#nav-lang a:hover { color:#51a97c; }
.main .mainheader .navbar-default.topnav .metanav ul#nav-lang a.active,
.main .mainheader .navbar-default.topnav .metanav ul.ccm-manual-nav li a.nav-path-selected  { font-weight:600; color:#51a97c; }
.main .mainheader .navbar-default.topnav .metanav ul.ccm-manual-nav li:last-child a,
.main .mainheader .navbar-default.topnav .metanav ul#nav-lang li:last-child  { border:none; padding-right:0; }
.main .mainheader .navbar-default.topnav .metanav ul.ccm-manual-nav li a:hover { color:#51a97c }

.main .mainheader .navbar-default.topnav .navbar-form { margin-top:60px; width:33.333333%; padding:0; margin-left:15px; }
.main .mainheader .navbar-default.topnav .navbar-form .form-group{ width:100%; }
.main .mainheader .navbar-default.topnav .navbar-form input { width:100%; background-color:transparent; padding-right:42px }
.main .mainheader .navbar-default.topnav .navbar-form .btn { font-size:17px; padding:2px 6px 2px 8px;position:absolute; right:0; top:0;  }
.main .mainheader .navbar-default.topnav #searchautocomplete { background-color:#fff; border:1px solid #000; padding:15px; border-top:0px; position:absolute; z-index:4; width:100% }

.main .mainheader .mainnavi .logins { /* font-size:13px; */ font-weight:bold; margin-bottom:20px }
.main .mainheader .mainnavi .social { font-size:26px; position:absolute; right:-15px; top:-65px; }
.main .mainheader .mainnavi .social a { display:block; margin-bottom:2px; line-height:0 }

@media (min-width:992px) {
	.main .mainheader.std { display:block; }
	.main .mainheader.newmobi { display:none; }
}

@media (max-width:991px) {
	.main .mainheader.std { display:none; }
	.main .mainheader.newmobi { display:block; }
}


.main .mainheader.newmobi .navbar-default.topnav a.navbar-brand { margin-bottom:10px; }
.main .mainheader.newmobi .metanav { /* display:flex; flex-direction: column; align-items: flex-end; */ padding-top:0px; position:static; margin-bottom: 10px ;  }
.main .mainheader.newmobi ul#nav-lang { float:none; margin-bottom:15px; text-align:center; }
.main .mainheader.newmobi ul#nav-lang li { list-style:none; margin:0; padding:0; float:none; border-right:0px solid #000; font-size:15px; display:inline-block; }
.main .mainheader.newmobi .metanav ul.ccm-manual-nav li:first-child { border-left:none; }
.main .mainheader.newmobi ul#nav-lang a { color:#000; padding:2px 8px 0  0; }
.main .mainheader.newmobi ul#nav-lang a:hover { color:#51a97c; }
.main .mainheader.newmobi ul#nav-lang a.active { font-weight:600; color:#51a97c; }
.main .mainheader.newmobi ul#nav-lang li:last-child  { border:none; padding-right:0; }
.main .mainheader.newmobi ul#nav-lang li:last-child a { padding-right:0; }

.main .mainheader.newmobi ul.ccm-manual-nav { float:none; margin-bottom:8px; }
.main .mainheader.newmobi ul.ccm-manual-nav li a { color:#000; padding:2px 8px; }
.main .mainheader.newmobi ul.ccm-manual-nav li a:hover { color:#51a97c }
.main .mainheader.newmobi ul.ccm-manual-nav li:last-child a { border:none; padding-right:0; }
.main .mainheader.newmobi ul.ccm-manual-nav li a.nav-path-selected  { font-weight:600; color:#51a97c; }
.main .mainheader.newmobi ul.ccm-manual-nav li { list-style:none; margin:0; padding:0; float:left; border-left:2px solid #000; font-size:13px; }

.main .mainheader.newmobi .loginsnew { font-size:13px; font-weight:bold; }
.main .mainheader.newmobi .social2 { font-size:26px; float:none; margin-right:15px; margin-top:-8px }
.main .mainheader.newmobi .social2 a { display:inline-block; margin-left: 5px; line-height:0 }
.main .mainheader.newmobi .navbar-form { width:100%; padding:0; margin:0px 0 20px 0; position:relative; }
.main .mainheader.newmobi .navbar-form input { width: 100%; background-color: transparent; padding-right: 42px; }
.main .mainheader.newmobi .navbar-form .btn { font-size: 17px; padding: 2px 6px 2px 8px; position: absolute; right: 0; top: 0; }

.main .mainheader.newmobi .navbar-form .form-group.searchbox-in { display:block; margin-bottom:0; }
.main .mainheader.newmobi #searchautocomplete { background-color:#fff; border:1px solid #000; padding:15px; border-top:0px; position:absolute; z-index:4; width:100%; transition:0.5s ease; opacity:0; }

.main .mainheader.newmobi .on #searchautocomplete { transition:0.5s ease; opacity:1 }

.main .mainheader.newmobi #nav-mainnew  a.nav-main-a { font-weight: 600; font-size: 20px; margin-bottom:10px; position:relative; display: flex; /* justify-content:space-between; */  }
.main .mainheader.newmobi #nav-mainnew  a.nav-main-a i { padding-left:10px }

.main .mainheader.newmobi #nav-mainnew  a.nav-mainnew-a { font-weight: 600; font-size: 20px; margin-bottom:10px; position:relative; display: flex; /* justify-content:space-between; */  }
.main .mainheader.newmobi #nav-mainnew  a.nav-mainnew-a i { padding-left:10px }
.main .mainheader.newmobi .navover-in .klappcaret { float:right; margin-left:10px; font-size:27px; }
.main .mainheader.newmobi .navover-in .green .nav-mainnew-a,
.main .mainheader.newmobi .navover-in .green .klappcaret { color:#51a97c }

.main button.btn-nav { background-color:rgba(255, 255, 255, 0.0); padding:0 0px; color:#000; margin:20px -5px 0 0px; float:right;  }
.main button.btn-nav .lnr { font-size:45px; vertical-align:middle; line-height:0.6; }
.main button.btn-nav span { vertical-align:middle; font-size:28px; font-weight:200; letter-spacing:0px; margin-left:10px; display:inline; }
.main button.btn-nav:hover { background-color:rgba(255, 255, 255, 0.0); color:green; }

.main .mainheader.newmobi .navover-in { display:none; padding:0px 0px 30px 0; text-align:left; background-color:#CEEADB;  }
.main .mainheader.newmobi .navover-in .bordertop { width:100%; border-top:2px solid #000; height:20px;  }


.main .mainheader.newmobi .bu { border-bottom:1px solid #000;}
.main .mainheader.newmobi ul.subnav-mobi { display:none; border-top:0px solid #000; }
.main .mainheader.newmobi li.nav-main-button.klick ul.subnav-mobixxx { display:block;}



@media (min-width:481px) and (max-width:991px) { 
	.main .mainheader:not(.newmobi) .navbar-default.topnav .metanav { position:static;margin-left:-8px; }
	.main .mainheader:not(.newmobi) .navbar-default.topnav .metanav ul#nav-lang { float:left; position:relative; top:-10px; width:95%; }
	.main .mainheader:not(.newmobi) .navbar-default.topnav .metanav ul.ccm-manual-nav { position:relative; top:-200px; }
	.main .mainheader:not(.newmobi) .navbar-default.topnav .metanav ul.ccm-manual-nav li:first-child { border-left:0px; }
	.main .mainheader:not(.newmobi) .mainnavi .social { font-size:35px; position:absolute; right:15px; top:-140px; }
	.main .mainheader:not(.newmobi) .navbar-default.topnav .navbar-form { width:85%; margin-left:0; margin-top:20px; float:left !important; }
}
@media (max-width:767px) {
	
}
@media (max-width:480px) {
	
	.main .mainheader.newmobi .social2 { font-size:26px; float:none; margin-right:0px; margin-bottom:15px }
	 
	.main .mainheader:not(.newmobi) .navbar-default.topnav .metanav { position:static; margin-left:-8px;}
	.main .mainheader:not(.newmobi) .navbar-default.topnav .metanav ul#nav-lang { float:left; position:relative; top:-10px; width:95%; }
	.main .mainheader:not(.newmobi) .navbar-default.topnav .metanav ul.ccm-manual-nav { position:relative; top:-200px; }
	.main .mainheader:not(.newmobi) .navbar-default.topnav .metanav ul.ccm-manual-nav li:first-child { border-left:0px; }
	.main .mainheader:not(.newmobi) .mainnavi .social { font-size:35px; position:absolute; right:15px; top:-140px; }
	.main .mainheader:not(.newmobi) .navbar-default.topnav .navbar-form { width:85%; margin-left:0; margin-top:20px; float:left !important; }
	.main .mainheader:not(.newmobi) .navbar-default.topnav .metanav ul#nav-lang { float:left; position:relative; top:-10px; width:90%; }
	.main .mainheader .navbar-default.topnav a.navbar-brand { width:140px; }
	.main .mainheader.newmobi .navbar-default.topnav a.navbar-brand { margin-bottom:30px; width:170px }
	.main .mainheader.newmobi .social2 { margin-bottom:1px; }
	
	
	.main .mainheader.newmobi .navbar-default.topnav .metanav  { padding-top:17px; }
	
	.main #main-footer ul.ccm-manual-nav li:last-child a { padding-right:0 }
	
	.main .mainheader .navbar-default.topnav a.navbar-brand .claim { position:static; width:69px; margin-left:44px; padding-top:10px;  }
	
	.main .mainheader.newmobi .navbar-default.topnav a.navbar-brand { margin-bottom:1px; width:170px }
	.main .mainheader.newmobi .navbar-default.topnav a.navbar-brand .claim { position:static; width:85px; margin-left:57px; padding-top:10px;  }
}
	

.main .mainheader .mainnavi #nav-main { z-index:3; position:relative; margin-bottom:15px }
.main .mainheader .mainnavi #nav-main ul { margin:0; padding:0; list-style:none; white-space:nowrap; display:inline-block;}
.main .mainheader .mainnavi #nav-main li { margin:0; padding:0; list-style:none; margin-left:15px; border-right:2px solid #000; font-weight:500; font-size:16px; letter-spacing:0.5px }
.main .mainheader .mainnavi #nav-main li:first-child { margin-left:0px;}
.main .mainheader .mainnavi #nav-main li:last-child { border-right:0px solid #000;}

.main .mainheader .mainnavi #nav-main ul ul { position:absolute; left:0; top:31px; display:none; padding:10px 0; z-index:1; background-color:#B0CCFE; padding:15px; }

.main .mainheader .mainnavi #nav-main ul ul { position:absolute; left:0; top:31px; display:none; padding:10px 0; z-index:1; background-color:#B0CCFE; padding:15px; }

.main .mainheader .mainnavi #nav-main .alphabetic { column-count:3; -webkit-column-count:3; -moz-column-count:3; width:100%; }
.main .mainheader .mainnavi #nav-main .languages1 { column-count:4; -webkit-column-count:4; -moz-column-count:4; width:500%; }
.main .mainheader .mainnavi #nav-main .languages3 { column-count:2; -webkit-column-count:2; -moz-column-count:2; width:200%; }
.main .mainheader .mainnavi #nav-main .languages4 { column-count:3; -webkit-column-count:3; -moz-column-count:3; width:350%; }
.main .mainheader .mainnavi #nav-main .countries { column-count:4; -webkit-column-count:4; -moz-column-count:4; width:500%; }
.main .mainheader .mainnavi #nav-main .languages2,
.main .mainheader .mainnavi #nav-main .autorennavi,
.main .mainheader .mainnavi #nav-main .translatorsnavi { column-count:4; -webkit-column-count:4; -moz-column-count:4; width:275%; }

@media (max-width:1199px) { 
.main .mainheader .mainnavi #nav-main .languages1 { column-count:4; -webkit-column-count:4; -moz-column-count:4; width:400%; }
.main .mainheader .mainnavi #nav-main .countries { column-count:3; -webkit-column-count:3; -moz-column-count:3; width:400%; }
.main .mainheader .mainnavi #nav-main .languages2,
.main .mainheader .mainnavi #nav-main .autorennavi,
.main .mainheader .mainnavi #nav-main .translatorsnavi { column-count:3; -webkit-column-count:3; -moz-column-count:3; width:200%; }
}
@media (max-width:991px) { /* ipad lansscape */
.main .mainheader .mainnavi #nav-main .languages1 { column-count:3; -webkit-column-count:3; -moz-column-count:3; width:275%; }
.main .mainheader .mainnavi #nav-main .countries { column-count:2; -webkit-column-count:2; -moz-column-count:2; width:275%; }
.main .mainheader .mainnavi #nav-main .languages2,
.main .mainheader .mainnavi #nav-main .autorennavi,
.main .mainheader .mainnavi #nav-main .translatorsnavi { column-count:2; -webkit-column-count:2; -moz-column-count:2; width:150%; }
}

@media (min-width:768px) and (max-width:800px) { /* ipad portrait */
.main .mainheader .mainnavi #nav-main .languages1 { column-count:2; -webkit-column-count:2; -moz-column-count:2; width:275%; }
.main .mainheader .mainnavi #nav-main .languages2,
.main .mainheader .mainnavi #nav-main .autorennavi,
.main .mainheader .mainnavi #nav-main .translatorsnavi { column-count:2; -webkit-column-count:2; -moz-column-count:2; width:130%; }
}

.main .mainheader .mainnavi #nav-main .vvvvv { min-height:100%; }
.main .mainheader .mainnavi #nav-main .vvvvv .vvvvv .vvvvv {min-height:100%; }


.main .mainheader .mainnavi #nav-main li li { border:0; margin-left:0; font-weight:normal; font-size:17px;  }
.main .mainheader .mainnavi #nav-main li li li {  font-size:15px;  }
.main .mainheader .mainnavi #nav-main > li > ul > li > a { font-weight:normal; }

.main .mainheader .mainnavi #nav-main ul ul ul { left:100%; top:auto; margin-top:-31px; }
/*
.main .mainheader .mainnavi #nav-main ul li.left > ul { left:auto; right:0; top:70px; }
.main .mainheader .mainnavi #nav-main ul li.left ul li > ul { left:auto; right:100%; top:auto; margin-top:-31px; }
*/
.main .mainheader .mainnavi #nav-main > ul { margin:0 auto; }
.main .mainheader .mainnavi #nav-main > ul > li { float:left; display:block; position:relative; margin-bottom:15px; }
.main .mainheader .mainnavi #nav-main a { color:#000; padding:0 15px 0 0px; display:block; }
.main .mainheader .mainnavi #nav-main a:hover { color:#fff; }
.main .mainheader .mainnavi #nav-main a i { padding-left:5px; }
.main .mainheader .mainnavi #nav-main > ul > li > a { float:left; color:#000; font-weight:600;  font-size:20px; }
@media (max-width:480px) {
	.main .mainheader .mainnavi #nav-main > ul > li > a { font-size:18px }
}

.no-js .main .mainheader .mainnavi #nav-main li.nav-main-button:hover, 
.main .mainheader .mainnavi #nav-main li.nav-main-button:hover, 
.main .mainheader .mainnavi #nav-main li.nav-main-button:hover > a { color:#51a97c; }
.main .mainheader .mainnavi #nav-main ul li:hover > ul
.no-js .main .mainheader .mainnavi #nav-main ul li:hover > ul { display:block; background-color:#B0CCFE }

.main .mobinavis { display:none; border-bottom:0px solid #000; margin-bottom:30px; margin-top:-50px; background-color:#CEEADB; }
.main ul.subnav-mobi { display:none; background-color:#CEEADB; padding:0 0 20px 0px; margin:0 ; list-style-type:none; }
.main ul.subnav-mobi li { border-bottom:1px solid #000; list-style-type:none;}
.main ul.subnav-mobi li:last-child { border-bottom:none;}
.main ul.subnav-mobi li a { display:block; padding:5px 0; font-weight:600; }

@media (max-width:767px) {
	.main #nav-main li ul, 
	.main #nav-main li a:hover ul,
	.main #nav-main .nav-main-button .fa-caret-down { display:none !important; }
	.main .mobinavis { /* display:block; */ }
	.main ul.subnav-mobi { /* display:block; */}
	
}


/* -------------------------------------- multiteaser --------------------------------------- */

/* .main .serif { font-family:"Sabon"; font-weight:400; } */
.main .serif { /* font-family:"AvenirNext"; */ /* font-weight:400; */ }
.main .normal { font-weight:normal; }
.main .content header { border-bottom:5px solid #000; margin-bottom:10px; padding-top:15px;  }
.main .content header h3 { text-align:center; text-transform:uppercase; font-weight:bold; font-size:18px; margin-bottom:5px; }

.main .nach-vorne { position:relative; z-index:2; }
.main .slider-nach-links { position:absolute; top:130px; left:-25px; display:inline-block; font-size:3.8em; }
.main .slider-nach-rechts { position:absolute; top:130px; right:-26px; display:inline-block; font-size:3.8em; }
.main .homeslide { position:relative; overflow:hidden; width:100%; height:263px; margin-bottom:10px; }


@media (max-width:1199px) {
	.main .slider-nach-links { left:-23px; }
	.main .slider-nach-rechts { right:-28px; }
	.main .xxsabs { width:10px; }
}
@media (max-width:991px) {
	.main .slider-nach-links { left:-23px; }
	.main .slider-nach-rechts { right:-28px; }
	
}
@media (max-width:767px) {
	.main .slider-nach-links { left:0px; }
	.main .slider-nach-rechts { right:0px; }
}
@media (max-width:480px) {
	.main .homeslide { width:72%; margin-left:50px; }
	.main .xxsabs { position: absolute; top: 40%; right: 0; width: auto; }
	.main .translator-list .tl-item .image { margin-bottom:5px }
}

@media (min-width:481px) and (max-width:767px) {
	.main .homeslide { width:79%; margin-left:70px; }
}



.main #mover { position:absolute; width:9000px; left:0; }
.main .einblender { margin-bottom:15px; width:240px; float:left;margin-left:5px;margin-right:5px; }
.main .einblender a {display:block; }

.main .autor-info { background:#CEEADB; font-weight:bold; min-height:68px; font-size:14px; padding:5px 7px; margin-top:-5px }
.main .autor-info.top { margin-top:4px; position:relative; z-index:2}
.main .translator-info { background:#CEEADB; font-weight:bold; min-height:68px; font-size:14px; padding:5px 7px; margin-top:-5px }
.main .translator-info.top { margin-top:4px; position:relative; z-index:2}
.main .slider-image { width:100%; height:0; padding-bottom:84%; overflow:hidden; background-color:#fff; height:0; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.main .slider-image.top { margin-top:-5px;position:relative; z-index:1 }
./* main .slider-image img { margin-left:-3px; margin-top:-3px; } */
.main .autor-zusatz-info { font-weight:normal; }
.main .translator-zusatz-info { font-weight:normal; }

.main .teaser.teaser-thumbs .row.row-spec { margin-left:-5px; margin-right:-5px; }
.main .teaser.teaser-thumbs .bildThumbnail-container { padding-right:5px; padding-left:5px; margin-bottom:15px; }
.main .teaser.teaser-thumbs .bildThumbnail-container a { display:block; width:100%; background-color:#fff; height:0; padding-bottom:105%; background-position:left top; background-repeat:no-repeat; background-size:cover;}
.main .teaser.teaser-thumbs .erbe { font-weight:bold; }

.main .teaser2 .bildM-container { display:block; width:100%; background-color:#fff; height:0; padding-bottom:40%; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; }
.main .teaser2 .t2info { background:#CEEADB; padding:5px 7px 0 7px; min-height:110px; overflow:hidden; }
.main .teaser2 .schrift-klein,
.main .teaser .schrift-klein  { display:inline-block; /* font-family:"AvenirNext"; */ font-weight:700; margin-bottom:4px; }

.main .teaser .bildXXL-container { /* display:block; width:100%; background-color:green; height:0; padding-bottom:40%; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; */ }
.main .teaser .bildXXL-container img,
.main .teaser .bildXL-container img{ width:100%; height:auto; }
.main .teaser .breiteXL { width:100%; text-align:center; }

@media (max-width:767px) {
	.main .teaser2 .t2info { min-height:20; }
	.main .teaser2 .schrift-klein,
	.main .teaser .schrift-klein  { margin-bottom:15px; }
}

@media (max-width:480px) {
	.main .teaser .bildXXL-container img { margin-bottom:30px}
}

/* -------------------------------------- multiteaser-seitenleiste --------------------------------------- */
.main .seitenleiste-head { border-top:5px solid #000; background-color:#B0CCFE; text-align:center; padding:5px 7px;  margin-bottom:15px; }
.main .seitenleiste-head.spec { border-top:5px solid #FFA199; background-color:transparent; text-align:center; padding:5px 7px;  margin-bottom:15px; }
.main .seitenleiste-head h3 { margin-bottom:0; text-transform:uppercase; text-align:center; font-weight:bold; font-size:18px; }
.main .thumb-seitenleiste { display:block; width:100%; background-color:#f0f0f0; height:0; padding-bottom:105%; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; margin-bottom:15px; }
.main .thumb-seitenleiste img { width:115%; /* margin-top:-2px; margin-left:-2px */ }

.main .rechteleiste-normal .round { width:100px; height:100px; display:inline-block; background-color:#FFA199; font-weight:bold; font-size:23px; border-radius:50%; padding:33px 15px 0 15px }
.main .rechteleiste-liste p { border-bottom-color:#bfbfbf; border-bottom-style:solid; border-bottom-width:1px; margin-bottom:5px; margin-top:5px; padding-top:3px; padding-bottom:7px; font-weight:bold; }
.main .rechteleiste-liste .seitenleiste-head { margin-bottom:0; }
.main .rechteleiste-liste #mehr-blog-container {display:none; }

/* -------------------------------------- info-box --------------------------------------- */
.main .info-box .rechteleiste-top { background:#FFA199; font-weight:normal; font-size:18px; padding:15px 7px 5px 7px; text-align:center; margin-bottom:15px; /* text-transform:uppercase; */ font-weight:600 }
@media (min-width:768px) and (max-width:991px) {
	.main .info-box .rechteleiste-top {  font-size:18px; }
}

/* -------------------------------------- list pages defaults --------------------------------------- */
.main .list-head-found { font-size:20px; font-weight:600; }
.main aside.filter-col h2  { border-bottom:5px solid #000; background-color:#fff; text-align:center; padding:5px 7px;  margin-bottom:15px; text-transform:uppercase; text-align:center; font-weight:bold; font-size:18px; }
.main aside.filter-col .searchbox { position:relative; margin-bottom:30px; border-bottom:1px solid #BFBFBF; padding-bottom:30px;}
/* -------------------------------------- autorenliste --------------------------------------- */
.main .autorenliste,
.main .gedichteliste { position:relative }
.main .autorenliste .colfirst .liste,
.main .gedichteliste .colfirst .liste { padding:0; list-style-type:none; }
.main .autorenliste .colfirst .liste li,
.main .gedichteliste .colfirst .liste li { border-bottom:1px solid #BFBFBF; }
.main .autorenliste .colfirst .liste li a,
.main .gedichteliste .colfirst .liste li a { display:block; padding:10px 0px; position:relative; }
.main .autorenliste .colfirst .liste li a:hover *,
.main .gedichteliste .colfirst .liste li a:hover * { color:#51a97c; }

.main .autorenliste .colfirst .hgroup h2,
.main .gedichteliste .colfirst .hgroup h2 { font-size:20px; font-weight:600 }
@media (max-width:480px) {
	.main .tl-list .colfirst .hgroup h2,
	.main .autorenliste .colfirst .hgroup h2,
	.main .gedichteliste .colfirst .hgroup h2 { font-size:16px; }
	.main .translator-list .colfirst .hgroup h2 { font-size: 14px; }
}

.main .autorenliste .colfirst .liste .info h3,
.main .gedichteliste .colfirst .liste .info h3  { text-align:left; display:inline; font-size:16px; color:#000; margin-bottom:0; font-weight:bold; }
.main .newItem { background:#CFEADB; color:#000; padding:3px 5px;text-transform:uppercase; font-weight:bold; font-size:14px; /*border:1px solid #000*/}

.main .autorenliste .colfirst .liste .leben,
.main .autorenliste .colfirst .liste .gedichte,
.main .gedichteliste .colfirst .liste .autor,
.main .gedichteliste .colfirst .liste .sprachen { font-size:14px; color:#000; font-weight:normal; margin-bottom:0px; }

.main .autorenliste .colfirst .liste .geboren:before { content:"* "; }
.main .autorenliste .colfirst .liste .gestorben:before { content:"† "; }
.main .autorenliste .colfirst .liste .gedichte .anzahl,
.main .autorenliste .colfirst .liste .gedichte .trenner,
.main .autorenliste .colfirst .liste .gedichte .uelabel { font-weight:normal; color:#51a97c; }
.main .autorenliste .colfirst .liste .image { background-color:#BFBFBF; height:0; padding-bottom:100%; overflow:hidden }
.main .autorenliste .colfirst .liste .image img { width:115% ; height:auto; }

.main .autorenliste .colfirst .liste .listtext { padding-left:0; }
.main .autorenliste .colfirst .liste .pic { padding-right:30px; }

.main .gedichteliste .colfirst .liste .listtext { padding-left:0; }
.main .gedichteliste .colfirst .liste .pic { padding-right:30px; }

.main .gedichteliste .colfirst .liste .sprachen .bezeichnung { font-weight:normal; color:#51a97c; }
.main .gedichteliste .colfirst .liste .image { background-color:#BFBFBF; height:0; padding-bottom:100%; overflow:hidden }
.main .gedichteliste .colfirst .liste .image img { width:115% ; height:auto; }


.main .autorenliste aside form#autorensuche,
.main .gedichteliste aside form#autorensuche  { position:relative }
.main .autorenliste aside form#autorensuche .reset,
.main .gedichteliste aside form#autorensuche .reset { position:absolute; right:0; top:0; }

.main .autorenliste aside .sub-filter h3,
.main .gedichteliste aside .sub-filter h3 { font-size:18px; margin-bottom:8px; }
.main .gedichteliste aside .sub-filter .catdesc { background-color:#FFA199; padding:15px 15px 5px 15px; margin-top:14px; }
.main .gedichteliste aside .sub-filter .catdesc a { color:rgb(81, 169, 124); font-weight:700; }
.main .gedichteliste aside .sub-filter .catdesc a:hover { color:rgb(0, 0, 0); }

.main #autorensuche .alphabet.rowspec { margin-left:-4px; margin-right:-4px;  }
.main #autorensuche .alphabet.rowspec .colspec { padding-left:4px; padding-right:4px; float:left;  width:10%; }

.main #autorensuche .alphabet a { display:block; width:100%; background-color:#fff; text-align:center; margin-bottom:8px;
font-size:14px; padding:5px 0px; color:#000; border:1px solid #B0CCFC; }
.main #autorensuche .alphabet a:hover,
.main #autorensuche .alphabet a.active { background-color:#B0CCFC; color:#000; }

.main #autorensuche .searchbox .btn { position:absolute; right:0; top:0; font-size:17px;
padding:2px 6px 2px 8px;}
.main #autorensuche .searchbox .form-group { width:100%;}
.main #autorensuche .searchbox input[type="text"] { border-color:#B0CCFC; width:100%; padding-right:50px; text-align:right; }

.main #autorensuche .sub-filter .erweitert { float:right; font-weight:bold; font-size:14px; padding-top:4px; }

.main #autorensuche .sub-filter.underline { position:relative; margin-bottom:30px; border-bottom:1px solid #BFBFBF; padding-bottom:30px;  }
.main #autorensuche .sub-filter label,
.main #sub-filter-all .tab-content label { font-weight:normal;  font-size:14px; }
.main #autorensuche .sub-filter input[type=checkbox],
.main #sub-filter-all .tab-content input[type=checkbox] {position:relative ; top:1px}

.main #sub-filter-all { display:none; min-height:400px; background-color:#B0CCFE; position:absolute; width:100%; height:auto;
left:0px;
margin-left:-0%;
top:60px;
z-index:7; padding:10px 20px 20px 20px;}
.main #sub-filter-all .head { margin-bottom:10px }
.main #sub-filter-all .head a { margin-right:-10px }
.main #sub-filter-all .endline { border-bottom:5px solid #000; padding-bottom:5px; }
.main #sub-filter-all #myTab.liste li { }
.main #sub-filter-all #myTab.liste li.active .btn { background:#000; color:#fff; }

.main #sub-filter-all .submit .trenner { padding-top:20px ; border-top:1px solid #000;  margin-top:10px } 

.main #sub-filter-all .tab-pane .countries .form-group,
.main #sub-filter-all .tab-pane .countries label { width:100% } 
.main #sub-filter-all .tab-pane input[type="text"],
.main #sub-filter-all .tab-pane select { width:200px }
.main .sub-filter-all-select ul li a { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.main #sub-filter-all #pane-autordaten.tab-pane label span { width:105px; display:inline-block; }
.main #sub-filter-all #pane-autordaten.tab-pane label span.mini { width:auto; display:inline-block; }

.main #sub-filter-all #pane-autordaten.tab-pane .geschlecht .form-group,
.main #sub-filter-all #pane-autordaten.tab-pane .locationart .form-group  {padding-left:112px; width:100%; border-bottom:1px solid #000; margin-bottom:15px; padding-bottom:5px; }
@media (max-width:767px) { 
	.main #sub-filter-all #pane-autordaten.tab-pane .geschlecht .form-group, 
	.main #sub-filter-all #pane-autordaten.tab-pane .locationart .form-group  {padding-left:0px;}
	.main .xs-po { padding-top:15px; }
}

@media (min-width:768px) {
	.main #sub-filter-all .tab-pane .columns {
		-webkit-column-count:3;
		-webkit-column-gap:0;
		-moz-column-count:3;
		-moz-column-gap:0;
		column-count:3;
		column-gap:0;
		height:auto;
	}
	.main #sub-filter-all .tab-pane .columns li { width:100%; float:none; }
}
@media (min-width:992px) {
	.main #sub-filter-all .tab-pane .columns {
		-webkit-column-count:4;
		-webkit-column-gap:0;
		-moz-column-count:4;
		-moz-column-gap:0;
		column-count:4;
		column-gap:0;
		height:auto;
	}
	.main #sub-filter-all .tab-pane .columns li { width:100%; float:none; }
}

/*artikelsmall*/

.main .artikelsmall { margin-bottom:30px; }
.main .artikelsmall .hgroup {  border-bottom:5px solid #000; border-bottom:5px solid #000; /* margin-bottom:10px; */ padding-top:15px }
.main .artikelsmall .hgroup .headline { text-transform:uppercase; font-weight:bold; font-size:18px; margin-bottom:5px; }
.main .artikelsmall ul li {list-style-type:disc; margin-bottom:5px; margin-left:18px }
.main .artikelsmall .image { padding-left:0; margin-right:20px; overflow:hidden; margin-bottom:20px; }
.main .artikelsmall .image.imageborderbottom { border-bottom:5px solid #CEEADB; }
.main .artikelsmall .image img { display:block; width:100%; margin-bottom:20px; }
.main .artikelsmall .image.pull-right { padding-right:0px; margin-left:20px; margin-right:0px; }
.main .artikelsmall .image .bildunterschrift { background:#fff; padding:5px 10px 5px 0px; font-size:12px; font-weight:normal; color:#888; font-style:italic; }
@media (max-width:767px) { 
	.main .artikelsmall .image.pull-right { margin-left:0px; margin-right:0px; float:none !important; }
	.main .artikelsmall .image.pull-left { padding-right:0; margin-left:0px; margin-right:0px; float:none !important; }
}
.main .artikelsmall .text-body img { max-width:100%; height:auto;}

/* -------------------------------- gedicht-detail ------------------- */
.rtl { direction:rtl; }
.main .breadcrumb-fix {/*  padding-top:0px !important; */ }
.main .breadcrumb { background:none; display:none; }
.main .detail-back { position:absolute; right:0; top:20px; font-weight:bold; }


.main .content #gedicht header {  }
.main .content #gedicht header h1 { text-transform:uppercase; font-weight:bold; font-size:20px; margin-bottom:7px; }
.main .content #gedicht header h1 small {font-size:90%; color:#000; }
.main .content #gedicht header h3.gedicht-origtitel-header {margin-bottom:10px; }
.main .content #gedicht .dropdown .btn { margin-bottom:5px; }
.mod-no-touch .main .content #gedicht .dropdown:hover .btn  { background:#000; color:#fff;; }
.mod-no-touch .main .content #gedicht .dropdown:hover ul.dropdown-menu { display:block; }
.main .content #gedicht ul.dropdown-menu { /* z-index:3; */ padding:15px; border-radius:0; border:1px solid #000; top:90% }
.main .content #gedicht ul.dropdown-menu a { display:inline-block; padding-left:5px; padding-right:5px; font-weight:bold; }
.main .content #gedicht ul.dropdown-menu a:hover { background:none; color:#51a97c; }


.main .content #gedicht header h1 { text-transform:uppercase; }

.main .content header.noborder { border-bottom:none; }
.main .content header.noborder h3 { margin-bottom:15px; }
.main #gedicht section h3.rtl { text-align:right; }

.main #gedicht .fullscreen { display:none; text-align:right;}
@media (max-width:991px) {
	.main #gedicht .fullscreen { display:none !important; text-align:right;}
}
.main #gedicht .icon-fullscreen { font-size:30px; }

.main #meta-info-getter { }
.main #meta-info-getter:hover #meta-info { display:block; }
.main #gedicht .meta-info-icon { cursor:pointer;  position:relative; }
.main #gedicht #meta-info { display:none; color:#888; position:absolute; z-index:1; top:0px; left:60px; background:#f2f2f2; padding:15px;
color:#333; font-size:12px; min-width:300px; border:1px solid #000; }

.main #gedicht footer.last { border-top:5px solid #000; padding-top:20px; margin-bottom:30px }
.main #gedicht footer.last a .fa.play { color:#B1CBFE; display:inline-block; position:relative ; top:5px; margin-right:5px; }
.main #gedicht footer.last a:hover .fa.play { color:#51a97c; }
.main #gedicht footer.first  { margin-bottom:30px; }

.main .gedicht-uebersetzungen h2 { font-size:20px; font-weight:bold; text-transform:uppercase;  }

.main #gedicht .gedicht-originaltext { margin-bottom:30px; }
.main .poem-text p,
.main .gedicht-text p,
.main #gedicht .gedicht-originaltext p { margin-bottom:22px; }
.main #gedicht .gedicht-originaltext .image { overflow:auto; display:block; }
/* .main #gedicht .gedicht-originaltext .image img{ width:100%; } */
.main #gedicht .gedicht-originaltext,
.main #gedicht .gedicht-originaltitel { font-family:"AvenirNext", "Helvetica Neue", Helvetica, Arial; font-weight:400; }
.main #gedicht .gedicht-originaltitel.h3, 
.main #modal-container .gedicht-originaltitel.h3,
.main .content #gedicht header h3,
.modal-gedicht header h3 { font-family:"AvenirNext", "Helvetica Neue", Helvetica, Arial; font-size:20px; font-weight:700; text-transform:none; }
.main .content #gedicht header h3 { font-size:18px; }
.main .content #gedicht header h3.gedicht-originaltitel { font-size:20px; }
.main .content #gedicht header h3 { font-family:"AvenirNext", "Helvetica Neue", Helvetica, Arial; text-align:left; }
.main .content #gedicht header h3.rtl { text-align:right; }

.modal-gedicht-pic { padding: 50px; background-color:rgba(255, 255, 255, 0.7);  cursor:pointer; }
.modal-gedicht-pic:before { content:'\f057'; font-family:Font Awesome\ 5 Free; font-size:20px; position:absolute; right:20px; top:20px; display:block; }
.main .alert.alert-info a.btn { margin-top:-3px; }

@media (max-width:991px) {
	.main .flex-order-991 { display:flex; flex-wrap:wrap; }
	.main .flex-order-991 .first { order: 2; }
	.main .flex-order-991 .second { order: 1; }
	.main .outerimg991 { padding:0 20% }
}

@media (max-width:767px) {
	.main .flex-order-767 { display:flex; flex-wrap:wrap; }
	.main .flex-order-767 .first { order: 2; }
	.main .flex-order-767 .second { order: 1; }
}
/* --------------------- autor author bzw translator-------------------- */
.main #autor-info header.autor { border-bottom:0px solid #000; }
.main #autor-info header .image { overflow:hidden; height:0; padding-bottom:100%; }

@media (max-width:767px) {
	.main #autor-info header .outerimg { padding:0 20% }
}

@media (max-width:540px) {
	.main #autor-info header .outerimg,
	.main .outerimg991 { padding:0 0% }
}

.main #autor-info header .image img { width:115%; }
.main #autor-info header h3 { text-align:left; }

.main #translator-info header.translator { border-bottom:0px solid #000; }
.main #translator-info header .image { overflow:hidden; height:0; padding-bottom:100%; }
.main #translator-info header .outer { position:absolute; bottom:0; padding-right:15px; }
.main #translator-info header .image img { width:115%; }
.main #translator-info header .image img { width:115%; }
.main #translator-info header h3 { text-align:left; }

@media (max-width:991px) {
	.main #autor-info header.autor { border-bottom:0px solid #000; }
	.main #translator-info header.translator { border-bottom:5px solid #000; }
}
@media (max-width:767px) {
	.main .detail-back { position:static; margin-bottom:20px; display:block; }
}
@media (max-width:480px) {
	.main #autor-info header .image { margin-bottom:20px }
	.main #autor-info header .outer { position:static; bottom:0; padding-right:0px; }

	.main #translator-info header .image { margin-bottom:20px }
	.main #translator-info header .outer { position:static; bottom:0; padding-right:0px; }
}

.main #autor-biography .truncate_more_link { font-weight:bold; display:block; text-align:right; }
.main #autor-biography .summary,
.main #autor-biography .details { margin-bottom:30px; }
.main #autor-info footer { /* border-bottom:1px solid #000; margin-bottom:30px; */ }
.main #autor-info footer a.autor-nav { display:block; font-weight:bold; border-top:1px solid #000; padding-top:15px; padding-bottom:15px;  position:relative; }
.main #autor-info footer a.autor-nav i { position:absolute; top:18px; right:0; }
.main #autor-info footer a.autor-nav i.fa-video { position:relative; top:1px; right:auto; }
.main #autor-info footer .author-view-data { display:none; }
.main #autor-info footer .author-view-data p{ margin-bottom:0; }
.main #autor-info footer .author-view-data .pubs li { margin-bottom:20px; float:none; }
.main #autor-info .pubs li .subtitle { font-style:italic; }
.main #autor-info .preise li { margin-bottom:15px; }
.main #autor-info .linkz li { margin-bottom:20px; }
.main #autor-info footer .author-view-data a { border:none; padding-top:7px; display:inline-block; font-weight:400; color:#51a97c; }
.main #autor-info footer .author-view-data a:hover { color:#000; }

.main #translator-biography .truncate_more_link { font-weight:bold; display:block; text-align:right; }
.main #translator-biography .summary,
.main #translator-biography .details { margin-bottom:30px; }
.main #translator-info footer { /* border-bottom:1px solid #000; margin-bottom:30px; */ }
.main #translator-info footer a.translator-nav { display:block; font-weight:bold; border-top:1px solid #000; padding-top:15px; padding-bottom:15px;  position:relative; }
.main #translator-info footer a.translator-nav i { position:absolute; top:18px; right:0; }
.main #translator-info footer a.translator-nav i.fa-video { position:relative; top:1px; right:auto; }
.main #translator-info footer .translator-view-data { display:none; }
.main #translator-info footer .translator-view-data p{ margin-bottom:0; }
.main #translator-info footer .translator-view-data .pubs li { margin-bottom:20px; }
.main #translator-info .pubs li .subtitle { font-style:italic; }
.main #translator-info .preise li { margin-bottom:15px; }
.main #translator-info .linkz li { margin-bottom:20px; }
.main #translator-info footer .translator-view-data a { border:none; padding-top:7px; display:inline-block; font-weight:400; color:#51a97c; }
.main #translator-info footer .translator-view-data a:hover { color:#000; }


/* .main .rechteleiste-lefty { border-top:5px solid #B0CCFE; border-bottom:5px solid #B0CCFE; padding-bottom:15px; padding-top:15px; } */
.main .rechteleiste-lefty { border-top:5px solid #FFA199; border-bottom:5px solid #FFA199; padding-bottom:15px; padding-top:15px; }
.main .rechteleiste-lefty h3 { font-size:16px; font-weight:bold; margin-bottom:0px; }
.main .rechteleiste-lefty p.gemerkt { padding-left:25px; }

.main .gedicht-meta-nav a { display:block; padding:15px 0; border-bottom:1px solid #000; font-weight:bold; }
.main .gedicht-meta-nav a:last-child {  border-bottom:px solid #000; }

.main #playvideoA { /* display:block; border-bottom:1px solid #000; padding-bottom:15px; padding-top:5px; margin-bottom:15px; position:relative; */ }
.main #playvideoA .fa-video { position:relative; top:1px}

.main #playvideo .fa-video { position:relative; top:1px}
@media (max-width:480px) {
	.main .content #gedicht .gedicht-nav { font-size:13px; }
}

#gedicht .kat { margin-top:20px }
#gedicht .kat td { text-align:left; vertical-align:top; }
#gedicht .kat td.tdl { font-weight:bold; padding-right:15px }
#gedicht .kat td.tdr { padding-top:1px; }

.main .pub.off ul { display:none; }
.main  .rechteleiste-lefty .merklist { padding-top:15px; padding-left:25px; }

.main .descr-author { display: none; }
@media (max-width:768px) {
	.main .descr-author { display: block; }
	.main .overlay-poem-translation .container { width: 80vh }
	/*.main .poem-translation .container { width: 80vh }*/

}
@media (max-width:480px) {
	.main .overlay-poem-translation .container { width: 90vh }
	/*.main .poem-translation .container { width: 90vh }*/
}

/* -------------------------------------- gedicht_uebersetzung --------------------------------------- */
.main .poemtranslate h3 { font-size:20px; font-weight:bold; }
.main .poemtranslate .gedicht-text {  }
.main .nav-community.liste { margin-bottom:0; }
/* modal */
#modal-container .remove { display:none; }
#modal-container {position:absolute; top:0px; left:0px; z-index:1000; padding:0px 0px; width:100%; }
.modal-uebersetzung, 
.modal-gedicht { width:100%; background:#fff; z-index:1000; padding:20px 30px; box-shadow:3px 3px 20px black; }
.modal-gedicht .player-modal { /* margin-right:6px; margin-left:-5px; */ }
.modal-uebersetzung img { display:block;/*  margin-left:-10px;  */}
.modal-uebersetzung h1,
.modal-gedicht h1  {  margin-bottom:17px; }
.modal-gedicht footer  { padding-bottom:30px; padding-top:30px; }
.modal-gedicht .gedicht-rechts { }
.modal-gedicht .gedicht-rechts .fullscreen { display:none; }
.modal-gedicht .gedicht-links { padding-top:0px; }
.modal-gedicht header { padding-top:20px; height:auto; }
.modal-gedicht header h3 { text-align:left; margin-bottom:20px; font-size:20px; }
.modal-uebersetzung h3.rtl, 
.modal-gedicht header h3.rtl { text-align:right; }
.modal-uebersetzung h3 {text-align:left; margin-bottom:20px; font-size:20px; }
.modal-uebersetzung footer { /* font-size:.8em; */ margin-top:20px;  }
.modal-gedicht footer .meta-info,
.modal-uebersetzung footer .meta-info { font-size:14px; }
.main #modal-container .modal-gedicht h1,
.main #modal-container .modal-uebersetzung h1 { text-transform:uppercase; font-weight:bold; font-size:20px; padding-bottom:7px; border-bottom:5px solid #000; margin-bottom:0px; padding-top:0px }
.modal-gedicht .gedicht-text,
.main .gedicht-text-g,
.main .gedicht-originaltext { padding-left:40px; }
.modal-gedicht .gedicht-text .rtl,
.modal-uebersetzung .gedicht-text .rtl { text-align:right; }
.close-modal { position:absolute; top:15px; right:30px; font-size:20px; z-index:1; }
@media (max-width:480px) {
	.modal-uebersetzung h3 { font-size:18px; }
	.modal-uebersetzung .gedicht-text p { font-size:13px; }	
}
@media (max-width:767px) {
	.modal-uebersetzung { padding:10px 20px; }
	.close-modal { right:20px; }	
}
@media (max-width:766px) {
	.modal-uebersetzung .notranslate .smallFont,
	.modal-uebersetzung .notranslate .smallFont,
	.modal-uebersetzung .notranslate .serif,
	.modal-uebersetzung .notranslate .gedicht-text  { display:none; }
	.modal-uebersetzung .notranslate .meta-info,
	.modal-uebersetzung .notranslate .meta-info.rtl	{ text-align:left; display:none; }  
}
.copyright { font-size:85%; color:#999; }
.main .list-of-poems .poem-wrap { padding:20px 0 10px 0; border-bottom:1px solid #eee; cursor:pointer; }
.main .list-of-poems .poem-wrap .icon-open svg { transition:all 0.6s; }
.main .list-of-poems .poem-wrap.open .icon-open svg { transform:rotate(180deg); }


.main #autor-info .bigimage.copyr,
.main #autor-info .bigimage.copyrno { width:100%; margin-bottom:30px;overflow:hidden; }
.main #autor-info .bigimage.copyr img,
.main #autor-info .bigimage.copyrno img { width:110%; display:block; margin-bottom:5px; margin-left:-10px; }
.main .autor-informationen { padding-bottom:15px; }

.main #translator-info .bigimage.copyr,
.main #translator-info .bigimage.copyrno { width:100%; margin-bottom:30px;overflow:hidden; }
.main #translator-info .bigimage.copyr img,
.main #translator-info .bigimage.copyrno img { width:110%; display:block; margin-bottom:5px; margin-left:-10px; }

@media (min-width:481px) and (max-width:991px) {
	.main #autor-info .bigimage.copyr,
	.main #autor-info .bigimage.copyrno { width:50%; }
	.main #translator-info .bigimage.copyr,
	.main #translator-info .bigimage.copyrno { width:50%; }
}
.main .gedichtsorter .item { background-color:#fff; border:1px solid #000; margin-bottom:5px; padding:15px; cursor:move; position:relative; }
/* layout */
.main .autorsortloader {  background:transparent url(../img/loading_16.gif) center center no-repeat; height:20px; width:40px;}
.main .translatorsortloader {  background:transparent url(../img/loading_16.gif) center center no-repeat; height:20px; width:40px;}
.main #searchautocomplete .loader { background:transparent url(../img/loading_16.gif) center center no-repeat; height:40px; }
.main #searchautocomplete * { font-size:13px;}
.main #searchautocomplete label { line-height:1.2; font-weight:600;}
.main #searchautocomplete .weiter a { display:block; font-weight:700; border-top:1px solid #000; padding-top:15px }
.main #searchautocomplete ul li { margin-bottom:8px; line-height:1.2;}
/* suche seite ergebnisse */
.main #searchbox-full .main-filter input {width:100%; background-color:transparent; padding-right:42px;}
.main #searchbox-full .main-filter .navbar-form { position:relative; padding-left:0; padding:15px 0; }
.main #searchbox-full .main-filter .form-group { width:100% }
.main #searchbox-full .main-filter .btn { font-size:17px; padding:2px 6px 2px 8px; position:absolute; right:0; top:15px;}
@media (max-width:767px) {
	.main #searchbox-full .main-filter .navbar-form { padding:0 15px; margin-bottom:30px; }
	.main #searchbox-full .main-filter .btn {right:15px; top:0 }
}
.main .main-results h3 { text-transform:uppercase; font-size:18px;  }
.main .main-results .navbar-form { padding-left:0; padding-right:0; margin-top:0; }
.main .main-results .form-inline .form-group { display:inline-block; floatttt:left; }
.main .main-results .form-inline .checkbox { display:inline-block; margin-top:0;}
.main .main-results .form-inline .btn { display:inline-block; floattt:right;  }

.main .main-results .form-inline .form-group { width:60%;}
.main .main-results .form-inline .form-group select { width:100%;}

.main .main-results .resultat {font-size:14px; }
.main .main-results .resultat .trenner { padding-top:5px; margin-bottom:5px; border-bottom:1px solid #BFBFBF; }
.main .main-results .resultat .titel,
.main .main-results .resultat .autor-name { font-weight:600;  font-size:16px; } 
.main .main-results .resultat .autor { font-weight:600; }
.main .main-results .resultat .translator-name { font-weight:600;  font-size:16px; }
.main .main-results .resultat .translator { font-weight:600; }

.main .main-results .resultat.uebers.head {font-size:16px; }
.main .main-results .resultat.uebers.head .trenner {padding-top:10px; margin-bottom:10px; border-bottom:5px solid #000;}

.main .content .main-results  header h3 { text-align:left; }

.main .main-results .mehr  { margin-bottom:60px; padding-top:25px}
.main .main-results.translations .mehr  { margin-bottom:60px; padding-top:20px}
.main .main-results .mehr .anzahl { font-weight:600; float:left; }
.main .main-results .mehr .weitere { font-weight:600; float:right; }

.main .main-results .resultat .titel,
.main .main-results .resultat .autor-name,
.main .main-results .resultat .autor,
.main .main-results .resultat .translator-name,
.main .main-results .resultat .translator,
.main .main-results .resultat .lang,
.main .main-results .resultat .lang-uebersetzer{ display:block; }
.main .main-results .resultat a.reslink { border-bottom:1px solid #BFBFBF; display:block; padding:5px 0; } 

.main .pagination { margin-bottom:30px; border-top:5px solid #000; display:block; padding:30px 0 0 0; /* font-weight:700; */ }
.main .pagination ul.pages { list-style-type:none; text-align:center;  padding-left:0; padding-right:0 }
.main .pagination ul.pages li { margin:0; padding:0; list-style-type:none; display:inline-block; }
.main .pagination .anz2 { text-align:right; }
.main .pagination .anz { font-weight:400; margin-bottom:15px }
@media (max-width:991px) {
	.main .pagination ul.pages {text-align:left;  }
	.main .pagination ul.pages li.middle {text-align:center;  }
}
@media (max-width:480px) {
	.main .pagination ul.pages li a span {display:none;  }
}
.main .pagination ul.pages .prev { margin-right:20px;  }
.main .pagination ul.pages .next { margin-left:20px;  }
.main .pagination.suche { margin-top:-5px; }
.main .pagination.suche ul.pages .prev { margin-right:0px; text-align:left  }
.main .pagination.suche ul.pages .next { margin-left:0px;  }
.main .pagination .off a { color:#999;  }
.main .pagination .active  { font-weight:700; }
/* public */
/* login */
.main .intern .internasider { padding-top:45px; }
.main .intern input[type="text"],
.main .intern input[type="email"],
.main .intern input[type="password"] { heighteeee:38px; }
.main .intern .btn { min-width:200px }
.main .commlisten { border-bottom:1px solid #888; margin-bottom:20px }
.main .content .in-panel.in-panel-left header h3 { text-align:left; }
.main .intern header .hgroup { margin-bottom:0 }
.main .intern header .hgroup .btn {float:right; }
.main .intern header .hgroup .btn.btn-default {position:relative; bottom:-1px; }
.main .commlisten .hgroup h4 { font-size:18px }
.main .commlisten .hgroup h4.user { font-size:14px; font-weight:400; }
.main .commlisten ul { margin:0 0 0px 0; padding:0 0 15px 0; list-style-type:none;}
.commlisten ul li { padding:5px 0px; }
.commlisten ul li.last { padding:30px 0 5px 0px; margin-bottom:30px }
.commlisten.off ul { display:none }

.main .in-panel { margin-bottom:30px }
.main .commlisten li a.audio-alle { float:right; margin-top:-11px; font-weight:600; }
.main .commlisten li a.audio-alle i.fa { position:relative; top:6px }

/* .main .commlisten li.gedicht .info strong { font-family:"Sabon";  } */
.main .commlisten li.gedicht .info strong { font-family:"AvenirNext", "Helvetica Neue", Helvetica, Arial;  }
.main .commlisten li.gedicht a.trash { margin-left:10px;  }

.main .commlisten .edit-list, 
.main .commlisten .edit, 
.main .commlisten .trash { display:none; }
.main .commlisten:hover .edit-list { display:block; }
.main .commlisten .gedicht:hover .edit, 
.main .commlisten .gedicht:hover .trash { display:block; }

.main .table>thead>tr>th, 
.main .table>tbody>tr>th, 
.main .table>tfoot>tr>th, 
.main .table>thead>tr>td, 
.main .table>tbody>tr>td, 
.main .table>tfoot>tr>td,
.main .intern .internlist { border-top:1px solid #888; }
.main .intern .internlist { border-bottom:1px solid #888; }

.main .commlisten { border-bottom:1px solid #888; margin-bottom:20px }
.main .intern .internlist .btn {min-width:inherit; width:auto;}
.main .intern .internlist td:first-child {padding-left:0;}
.main .intern .internlist td:last-child {padding-right:0;}
.main .grey { color:#999; }

.main .categorie-tree ul > li > ul { padding-left:30px;}
.main .categorie-tree .head { padding-top:10px; padding-bottom:6px; }
.main .categorie-tree ul li a { padding:7px 15px; }
.main .reset-2 { clear:both; width:100%; margin-bottom:30px; }

/* popups */
.popup { width:100%; }
.popup .main { position:static; width:100%; }
.popup .main .container header { padding-top:15px }
.popup .main .container header h1 { background:url(../svg/Logo_lyrikline.svg) left top no-repeat; width:250px; height:80px; float:left; margin:0 0 30px 0; padding-top:15px; }
.popup .main .container header h1 span { display:none; }
.popup .main .container header h2 { font-size:16px; font-weight:600; }
.popup .main .container header .image { width:100%; overflow:hidden; }
.popup .main .container header .image img { width:115%; display:block; height:auto; }
.popup .main .container header div.jp-audio .out { width:84% }

/* -------------------------------------- gedicht courier --------------------------------------- */
.main .courier #gedicht .gedicht-originaltext { font-family:courier; font-size:16px; }
.main .courier #gedicht .gedicht-text { font-family:courier; font-size:16px; }
.main #modal-container.courier .modal-uebersetzung .gedicht-text { font-family:courier; font-size:16px; }
/* -------------------------------------- translator stuff --------------------------------------- */
.main .translator-list .tl-item .in { display:block; padding:10px 0; border-bottom:1px solid #BFBFBF; }
.main .translator-list .tl-item.has-page .in { background-color:#eff8f3; }
.main .translator-list .tl-item h2 { font-size:16px; color:#000; margin-bottom:2px; font-weight:bold; }
.main .translator-list .tl-item .name-orig { font-weight:200; }
.main .translator-list .tl-item p { font-size:14px; margin-bottom:2px; }
.main .translator-list .tl-item .hilite { color:#51a97c; }
.main .translator-list .tl-item a:hover * { color:#51a97c; }
.main .translator-list .tl-item .image { height:0; padding-bottom:90%; background-color:#f4f4f4; }
.main .translator-list .tl-item .image img { position:absolute; object-fit:cover; width:100%; height:100%; }

.main .translator-list aside h2 { border-bottom:5px solid #000; background-color:#fff; padding:5px 7px; margin-bottom:15px; text-transform:uppercase; text-align:center; font-weight:bold; font-size:18px; }
.main .translator-list aside .sub-filter h3 { font-size:18px; margin-bottom:8px; }
.main .translator-list aside .colspec { padding-left:4px; padding-right:4px; float:left; width:10%; }
.main .translator-list aside .alphabet { margin-left:-4px; margin-right:-4px; }
.main .translator-list aside .alphabet a { display:block; width:100%; background-color:#fff; text-align:center; margin-bottom:8px; font-size:14px; padding:5px 0px; color:#000; border:1px solid #B0CCFC; }
.main .translator-list aside .alphabet a:hover,
.main .translator-list aside .alphabet a.active{ background-color:#B0CCFC; color:#000; }
.main .translator-list aside .searchbox input[type="text"] { border-color:#B0CCFC; width:100%; padding-right:50px; text-align:right; }
.main .translator-list aside .searchbox .btn { position:absolute; right:0; top:0; font-size:17px; padding:2px 6px 2px 8px; z-index:1; height:100%; }

.main .author-d h1 div > *,
.main .translator-d h1 div > * { vertical-align:baseline; display:inline-block; }

.main .author-d h1,
.main .translator-d h1 { display:flex; flex-wrap:wrap; justify-content:space-between; }

.main .author-d h1 .name,
.main .translator-d h1 .name { font-size:20px; text-transform:uppercase; }
.main .author-d h1 small,
.main .translator-d h1 small { font-size:18px; color:#000; }
.main .author-d h1 .type,
.main .translator-d h1 .type {  font-size:18px; font-weight:400; }
.main .translator-d .func-label { padding:19px 0; font-weight:700; }
.main .translator-d .image img { width:100%; vertical-align:middle; }
.main .translator-d .pubs .item { width:100%; /*border-left:1px solid #000; padding-left:15px;*/ border-bottom:1px solid #fff; padding-bottom:5px; margin-bottom:20px; }
.main .translator-d .pubs .cat { padding:20px 0 10px 0; }
.main .bookable-container .details { padding-bottom:10px; }

.main .text-search-box .close-search { position:absolute; top:11px; right:11px; cursor:pointer; }
.main .text-search-box .close-search:hover path { fill:#888; }

.main .tl-list .head { font-size:16px;  }
.main .tl-list .head .divider { border-bottom:5px solid #000; margin-bottom:10px; }
.main .tl-list .body .row {  /*padding-top:10px; padding-bottom:0;*/ }
.main .tl-list .title { font-weight:600; margin-bottom:3px; }
.main .tl-list .sub { /*margin-bottom:0;*/ }
.main .tl-list .body hr { border-bottom:1px solid #000; margin:0; }
.main .tl-list .poem-wrapper { cursor:pointer; }
.main .tl-list .icon-open { position:absolute; right:15px; top:35%; display:none; }
.main .tl-list .poem-wrapper:hover .icon-open { display:block; }
.main .tl-list aside .sub-filter h3 { font-size:18px; margin-bottom:8px; }
.main .overlay-poem-translation { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:3; display:flex; align-items:center; padding:50px 0; }
.main .overlay-poem-translation .container { max-height:70vh; overflow:auto; }
.main .overlay-poem-translation .overlay-close { position:absolute; right:25px; top:55px; cursor:pointer; }
.main .overlay-poem-translation .title { margin-bottom:20px; }

.main .text-body.text-body-tight p { margin-bottom:1px; }
.main .flex { display:flex; }
.main .flex-wrap { flex-wrap:wrap; }
.main .flex-cc { display:flex; justify-content:center; align-items:center; }
.main .flex-br { display:flex; justify-content:flex-end; align-items:flex-end; }

.main .translate-edit-wrapper .ql-editor { font-family:"AvenirNext", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; }
.main .transl-edit-close { position:absolute; right:25px; top:-32px; cursor:pointer; }
.main .transl-edit-close svg { width:20px; }

.main .image-force-quad { height:0; padding-bottom:100%; position:relative; }
.main .image-force-quad img { position:absolute; object-fit:cover; width:100%; height:100%; }

/* -------------------------------------- footer --------------------------------------- */
.main #main-footer { background-color:#000; color:#fff; padding:30px 0 20px 0; }
.main #main-footer a { color:#fff}
.main #main-footer ul.ccm-manual-nav { }
.main #main-footer ul.ccm-manual-nav { list-style:none; padding:0;  }
.main #main-footer ul.ccm-manual-nav li { list-style:none; margin:0 0 8px 0; padding:0; float:left; font-size:15px; }
.main #main-footer ul.ccm-manual-nav li a { color:#fff; padding:2px 16px 2px 0px; text-transform:uppercase; font-weight:600; display:inline-block; }
.main #main-footer ul.ccm-manual-nav li:first-child a { padding-left:0; }
.main #main-footer ul.ccm-manual-nav li a:hover { color:#51a97c; }

.main #main-footer .logo .image  {/* padding-left:20px */ padding-top:4px; }
.main #main-footer .logo .image img { width:100%; }
.main #main-footer a.logo:hover .image img { opacity:0.8; }
@media (max-width:480px) { 
	.main #main-footer ul.ccm-manual-nav li { font-size:13px; }
}
@media (min-width:768px) and (max-width:991px) { 
	.main #main-footer ul.ccm-manual-nav li { font-size:14px; }
}
/* mobi global */
@media (max-width:767px) { 
	.main .mobiHide {display:none; }
	
	.main #main-footer .logo  { width:120px; margin-bottom:12px; }
}
/* ---------- affix ---------- */
.main .tabs-main.affix { top:120px;}
.main .tabs-main.affix-bottom { position: absolute; left:0; height: 100%;}
/* ---------- edit navbar ---------- */
body.navbar-hide #ccm-system-nav { display:none; }
body.navbar-forbidden #ccm-toolbar { display:none; }

/*----------- translator internal area ---------------------*/
.main .table-details-border{ border: 1px solid black; padding: 10px; margin-bottom: 40px }
.main .border-red{border-color: red;}
.main .border-green{border-color: green;}
.main .btn-trans-nav{background-color: white; color: black; border-bottom: 1px solid black}
.main .btn-trans-nav:hover{font-weight: 600}
.main .btn-trans-nav.acti{background-color: white; color: black; border-bottom: 2px solid black; font-weight: 600}
.btn-trans-nav{background-color: white; color: black; border-bottom: 1px solid black}
.btn-trans-nav:hover{font-weight: 600}
.btn-trans-nav.acti{background-color: white; color: black; border-bottom: 2px solid black; font-weight: 600}

.main .fade-enter-active,
.main .fade-leave-active {
	transition: opacity 0.4s ease !important;
}
.main .fade-enter-from,
.main .fade-leave-to {
	opacity: 0 !important;
}
.main .slide-leave-active,
.main .slide-enter-active {transition: 1s;overflow: hidden;}
.main .slide-enter-from {transform: translate(100%, 0);overflow: hidden;}
.main .slide-leave-to {transform: translate(-200%, 0);overflow: hidden;}

.main #translator-info {position:fixed; z-index: -1; top:0; left:0; height: 100vh; width: 100vh}
.main .croppie-wrapper {border: 0.5px solid grey; padding: 10px; margin:0 0 10px 0;}
/*.edit-publications {position:fixed; z-index: 2; top:0; left:0; height: 100vh; width: 100vh; background-color: white}*/
/*-----------------tabs-------------------------------*/
.main .tabs {overflow: hidden;margin-left: 10px;margin-bottom: -2px; // hide bottom border}
.main .tabs-main {overflow: hidden;padding: 10px 20px;color: black;background: white; margin-bottom:10px; // hide bottom border float: left;cursor: pointer;transition: background-color 0.2s;border: none; min-width: 170px;}
.main .tabs-main.active {background-color: white ;color: black; cursor: default; font-weight: 600}
.main .tabs-main:hover {font-weight: 600}

.main .tabs ul {list-style-type: none;margin-left: 10px;}

.main .tabs a{float: left;cursor: pointer;padding: 12px 8px;transition: background-color 0.2s;border: 1px solid #ccc;border-right: none;background-color: #f1f1f1;border-radius: 1px 1px 0 0;font-weight: bold;}
.main .tabs a:last-child {border-right: 1px solid #ccc;}

.main .tabs a:hover {background-color: #aaa;color: #fff;}
.main .tabs a.active {background-color: #fff;color: #484848;border-bottom: 2px solid #fff;cursor: default;}
.main .tabcontent {padding: 30px;border: 1px solid #ccc;border-radius: 1px;box-shadow: 3px 3px 6px #e1e1e1}

.main .progress-image{ background-color: grey; width:200px;text-align: center; opacity: 75%;}
/*--------plus button---------*/
.main .plus-button {border: 2px solid lightgrey;background-color: #fff;font-size: 16px;height: 2.5em;width: 2.5em;border-radius: 999px;position: relative;color:black; margin-top:5px;}
.main .plus-button:after,
.main .plus-button:before {content: "";display: block;background-color: black;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.main .plus-button:before {height: 1em;width: 0.2em;}
.main .plus-button:after {height: 0.2em;width: 1em; background-color: black}

.plus-button {border: 2px solid lightgrey;background-color: #fff;font-size: 16px;height: 2.5em;width: 2.5em;border-radius: 999px;position: relative;color:black; margin-top:5px;}
.plus-button:after,
.plus-button:before {content: "";display: block;background-color: black;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.plus-button:before {height: 1em;width: 0.2em;}
.plus-button:after {height: 0.2em;width: 1em; background-color: black}

.main .trl-langs > .row .rmve-lng { display:none; color:#888; }
.main .trl-langs > .row:hover .rmve-lng { display:block; }
.main .trl-langs > .row .rmve-lng:hover { color:#000; }

/* ---------- format new ---------- */
.main .format-new p { margin-bottom:0; }

/*---------------SnackBar/Toast---------------------------*/
/* The snackbar - position it at the bottom and in the middle of the screen */
.main #snackbar { visibility:hidden; width:100%; margin-left:0; background-color: #4b9133; color: #fff; text-align:center; border-radius:2px; padding:30px; position:fixed; z-index:1; left:0; bottom:0; }
/* Show the snackbar when clicking on a button (class added with JavaScript) */
.main #snackbar.show {visibility: visible; /* Show the snackbar *//* Add animation: Take 0.5 seconds to fade in and out the snackbar.However, delay the fade out process for 2.5 seconds */-webkit-animation: fadein 0.3s, fadeout 0.3s 1.5s;animation: fadein 0.3s, fadeout 0.3s 1.5s;}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} }
@keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} }
@-webkit-keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} }
@keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} }
/* get rid of blue outlines on buttons */
.main button:focus {outline:0;}
.main #bio_select{border:none}
.main #bio_select:focus{outline:0}

/* -------------------------------------- Publication Awards Links --------------------------------------- */
.mu20 {margin-bottom:20px}
.mo10 {margin-top:10px}
.ccm-input-date {padding:6px 12px;height:34px;border:1px solid #ccc;border-radius:4px;min-width:150px}
.pubs, .prizes, .linkz {list-style-type:none;padding:0;position:relative}
.pubs li, .prizes li, .linkz li {float:left;background-color:transparent;margin-bottom:10px;position:relative}
.pubs li .inner, .prizes li .inner, .linkz li .inner {background-color:#dde3ed;position:relative;overflow-wrap: break-word}
.prizes li .inner {background-color:#e3dded;height:110px}
.linkz li .inner {background-color:#e3eddd;height:160px}
.pubs li .inner, .prizes li .inner, .linkz li .inner {padding:10px 5px 5px 10px}
.pubs li p, .prizes li p, .linkz li p {margin-bottom:0}
.pubs small, .prizes small, .linkz small {color:#aaa;font-style:italic}
.edit-publications .loadingspin {background:rgba(255, 255, 255, 1) url(/themes/lyrik/img/loading_32.gif) center center no-repeat;height:200px;width:200px;position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;z-index:3;display:none;border-radius:7px}
.edit-publications .dragger {position:absolute;right:7px;bottom:5px;cursor:move}
.edit-publications .remove {position:absolute;right:5px;top:5px;cursor:pointer}
.edit-publications .remove i {color:#dde3ed;font-size:16px}
.edit-publications li:hover .remove i {color:#aaa}
.edit-publications li .remove:hover i {color:#b94a48}
.edit_links_link {color:#3c763d}
.pointer { cursor:pointer; }

.edit-awards .loadingspin {background:rgba(255, 255, 255, 1) url(/themes/lyrik/img/loading_32.gif) center center no-repeat;height:200px;width:200px;position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;z-index:3;display:none;border-radius:7px}
.edit-awards .dragger {position:absolute;right:7px;bottom:5px;cursor:move}
.edit-awards .remove {position:absolute;right:5px;top:5px;cursor:pointer}
.edit-awards .remove i {color:#dde3ed;font-size:16px}
.edit-awards li:hover .remove i {color:#aaa}
.edit-awards li .remove:hover i {color:#b94a48}

.edit-links .loadingspin {background:rgba(255, 255, 255, 1) url(/themes/lyrik/img/loading_32.gif) center center no-repeat;height:200px;width:200px;position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;z-index:3;display:none;border-radius:7px}
.edit-links .dragger {position:absolute;right:7px;bottom:5px;cursor:move}
.edit-links .remove {position:absolute;right:5px;top:5px;cursor:pointer}
.edit-links .remove i {color:#dde3ed;font-size:16px}
.edit-links li:hover .remove i {color:#aaa}
.edit-links li .remove:hover i {color:#b94a48}

/* -------------------------------------- helpers --------------------------------------- */
.main .required label:after { content:'*'; position:absolute; right:5px; color:#ff7a20; font-size:10px; }
.main .required.has-error label:after,
.main .text-error { color:#a94442; }
.main .text-error { padding-top:5px; display:block }
.main .captcha .text-error { margin-top:-20px;}
.main .pic-grey{ filter: grayscale(100%); }

.main .pt20 { padding-top:20px; }
.main .pt30 { padding-top:30px; }
.main .pt40 { padding-top:40px; }

.main .pu0 { padding-bottom:0px; }
.main .pu5 { padding-bottom:5px; }
.main .pu10 { padding-bottom:10px; }
.main .pu15 { padding-bottom:15px; }
.main .pu20 { padding-bottom:20px; }
.main .pu22 { padding-bottom:22px; }
.main .pu30 { padding-bottom:30px; }
.main .pu40 { padding-bottom:40px; }
.main .pu60 { padding-bottom:60px; }
.main .pu80 { padding-bottom:80px; }

.main .p0 { padding:0px; }
.main .p4 { padding:4px; }
.main .p5 { padding:5px; }
.main .p10 { padding:10px; }
.main .p15 { padding:15px; }
.main .p20 { padding:20px; }
.main .p30 { padding:30px; }
.main .p12 { padding:12px; }

.main .m0 { margin:0px; }
.main .m10 { margin:10px; }
.main .m12 { margin:12px; }
.main .m20 { margin:20px; }
.main .m30 { margin:30px; }

.main .pl0 { padding-left:0px; }
.main .pl5 { padding-left:5px; }
.main .pl5 { padding-left:5px; }
.main .pl10 { padding-left:10px; }
.main .pl15 { padding-left:15px; }
.main .pl20 { padding-left:20px; }
.main .pl30 { padding-left:30px; }
.main .pl40 { padding-left:40px; }
.main .pl30p { padding-left:30%; }

.main .pr0 { padding-right:0px; }
.main .pr3 { padding-right:3px; }
.main .pr5 { padding-right:5px; }
.main .pr10 { padding-right:10px; }
.main .pr12 { padding-right:12px; }
.main .pr15 { padding-right:15px; }
.main .pr20 { padding-right:20px; }
.main .pr15 { padding-right:15px; }
.main .pr30 { padding-right:30px; }

.main .po0 { padding-top:0px; }
.main .po1 { padding-top:1px; }
.main .po5 { padding-top:5px; }
.main .po6 { padding-top:6px; }
.main .po5p { padding-top:5%; }
.main .po15 { padding-top:15px; }
.main .po10 { padding-top:10px; }
.main .po20 { padding-top:20px; }
.main .po30 { padding-top:30px; }
.main .po40 { padding-top:40px; }
.main .po50 { padding-top:50px; }
.main .po60 { padding-top:60px; }
.main .po100 { padding-top:100px; }

.main .mo-4 { margin-top:-4px; }
.main .mo-7 { margin-top:-7px; }
.main .mo-50 { margin-top:-50px; }
.main .mo-30 { margin-top:-30px; }
.main .mo-20 { margin-top:-20px; }
.main .mo-15 { margin-top:-15px; }
.main .mo-10 { margin-top:-10px; }
.main .mo0 { margin-top:0px; }
.main .mo3 { margin-top:3px; }
.main .mo5 { margin-top:5px; }
.main .mo7 { margin-top:7px; }
.main .mo10 { margin-top:10px; }
.main .mo15 { margin-top:15px; }
.main .mo20 { margin-top:20px; }
.main .mo24 { margin-top:24px; }
.main .mo25 { margin-top:25px; }
.main .mo30 { margin-top:30px; }
.main .mo35 { margin-top:35px; }
.main .mo40 { margin-top:40px; }
.main .mo60 { margin-top:60px; }

.main .mr-8 { margin-right:-8px; }
.main .mr0 { margin-right:0px; }
.main .mr5 { margin-right:5px; }
.main .mr14 { margin-right:14px; }
.main .mr15 { margin-right:15px; }
.main .mr10 { margin-right:10px; }
.main .mr20 { margin-right:20px; }
.main .mr30 { margin-right:30px; }

.main .mu0 { margin-bottom:0px; }
.main .mu5 { margin-bottom:5px; }
.main .mu10 { margin-bottom:10px; }
.main .mu15 { margin-bottom:15px; }
.main .mu20 { margin-bottom:20px; }
.main .mu25 { margin-bottom:25px; }
.main .mu30 { margin-bottom:30px; }
.main .mu40 { margin-bottom:40px; }
.main .mu50 { margin-bottom:50px; }
.main .mu60 { margin-bottom:60px; }

.main .ml0 { margin-left:0px; }
.main .ml5 { margin-left:5px; }
.main .ml-5 { margin-left:-5px; }
.main .ml10 { margin-left:10px; }
.main .ml15 { margin-left:15px; }
.main .ml20 { margin-left:20px; }
.main .ml30 { margin-left:30px; }
.main .ml40 { margin-left:40px; }
.main .ml66 { margin-left:66px; }

.main .mw100percent{ min-width: 100%; }

.main .width50p { width: 50%; }

.main .middle-outer { position:relative; }
.main .middle-v-inner { position:absolute; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); }
.main .middle-vh-inner { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); }
.main .middle-vr-inner { position:absolute; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); right:0; }

.main .block { display:block; }
.main .inlbl { display:inline-block; }
.main .relative { position:relative; }
.main .static { position:static; }
.main .start-hide { display:none; }
.main .pointer { cursor:pointer; }
.main .vt { vertical-align:top; }
.main .zindex0 {z-index:0}
.main .zindex1 {z-index:1}
.main .no-border {border:0}
.main .bt { border:1px solid #BFBFBF; }
.main .w100 { width:100%; }
.main .h100 { height:100%; }
.main .nowrap { white-space:nowrap; }

.main .text-white { color:#fff; }
.main .text-black { color:#000; }
.main .text-grey { color:#888; }
.main .text-lgrey { color:#aaa; }
.main .text-dgrey { color:#999; }

.main div .link-grey { color:#666; }
.main div .link-grey:hover { color:rgb(255, 122, 32); }
.main div .link-hilite { color:#51a97c; }
.main div .link-hilite:hover { color:rgb(0, 0, 0); }

.main .bg-hilite { background-color:#CEEADB; }
.main .bg-white { background-color:#fff; }
.main .bg-grey { background-color:#f1f1f1; }
.main .bg-lgrey { background-color:#eee; }
.main .bg-mgrey { background-color:#e8e8e8; }
.main .bg-dgrey { background-color:#d6d6d6; }
.main .bg-transparent { background-color:transparent; }
.main .bg-rose { background-color:#ffeefc; }
.main .bg-black { background-color:#000; }

.main hr.white { border-color:#fff; }
.main hr.mgrey { border-color:#BFBFBF; }
.main hr.dark { border-color: #1e1e1f; }
.main .clearer,
.main .clearfix { clear:both; }

.main .row-5 { margin-left:-5px; margin-right:-5px; }
.main .row-5 > div[class^="col-"] { padding-left:5px; padding-right:5px; }

.main .row-10 { margin-left:-10px; margin-right:-10px; }
.main .row-10 > div[class^="col-"] { padding-left:10px; padding-right:10px; }
.main .sel_orig_hide,
.main .sel_trans_hide,
.main .filter_text_hide,
.main .sel_author_hide {display:none}

.main .deleteTransModal {position:fixed; z-index:10; top:20%; left:10%}